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