Modals, a nifty little feature that allows you to display different messages at the top of your website, have been touted as extremely useful. Some even claim that they are helpful enough to completely replace the banner ads we all hate so much. But are modals in web design a UX disaster? If you are… Continue reading Are Modals In Web Design A UX Disaster?
Tag: modals
20+ Best Dashboard UI Kits for Figma 2022
Whether you’re a professional designer or simply like to dabble, Figma is a fantastic platform for creating websites and apps for a wide variety of purposes. Where this tool really shines is in creating dashboards and user-interfaces for said websites and apps. With that in mind, we’ve taken the time to put together a collection… Continue reading 20+ Best Dashboard UI Kits for Figma 2022
2 Smartest Ways to Structure Sass
Sass – the extended arm of CSS; the power factor that brings elegance to your code. With Sass, it is all about variables, nesting, mixins, functions, partials, imports, inheritance, and control directives. Sass makes your code more maintainable and reusable. And now, I will show you how to make your code more structured and organized.… Continue reading 2 Smartest Ways to Structure Sass
Angular Component Libraries and Accessibility
Nowadays, it feels as if web development is an ever-changing landscape that moves at supersonic speeds. With the demands to keep your content up to date with the latest and greatest designs and frameworks, it can be an overwhelming task to keep up. JavaScript frameworks, such as Angular, play a large role in this with… Continue reading Angular Component Libraries and Accessibility
How to Design a Web App: A Showcase of 20 Designs
An intuitive, efficient web app will always be a pleasure to use. However, in order to create a well-designed app, you need to look beyond color choice and excellent content. You also need to be aware of user experience. Otherwise, users will move on to your competition. Understanding the rules of application design will enable… Continue reading How to Design a Web App: A Showcase of 20 Designs
Designing Accessible Products
2. Focus Focus is one of the most important accessibility features that enables users to use a computer with only a keyboard without the need for a mouse. Most reset stylesheets have this one line of code that causes major accessibility failure – :focus {outline: 0;} This is an anti-pattern that needs to be avoided… Continue reading Designing Accessible Products
Ideas for block reveal effects with 3D Transforms
Latest experiment by Codrops consists of a small set of block reveal effects uncovering content of any kind in a schematic box look. On the demo page you can also find nice ready-made examples for revealing menus, modals, forms, etc. This approach takes advantages of scrollMonitor (a simple API to monitor elements as you scroll) and Flexbox and 3D Transforms, so… Continue reading Ideas for block reveal effects with 3D Transforms
The Next Random: UI kit for Sketch
Today’s exclusive freebie is The Next Random, a free UI kit for Sketch created and designed by Luan Gjokaj. It is a set of minimal components, which includes buttons, switches, forms, modals, etc. You can use this set in your projects or learn with it, by examining each component to see how it is put together. Download freebie
50 Must-have plugins for extending Twitter Bootstrap
You most certainly know about Twitter Bootstrap – the popular front end framework for building websites and apps. It favors simple, responsive design, and comes bundled with a sensible default stylesheet, a number of useful jQuery plugins and an icon set. Although it doesn’t come with much else, Bootstrap is very extensible. In this article, you will… Continue reading 50 Must-have plugins for extending Twitter Bootstrap