Category Archives

UI Design

The role of a UI designer is to create the aesthetic appearance of everything that the end-user interacts with (the UI or user interface), from designing the pages of a website to the screens of a mobile application.

Here you will find web and mobile UI kits, wireframe templates and apps, responsive web design packages, free icons, mockup templates, printable sketch sheets, UI tutorials, free fonts, and much more. Essentially, all the tools and resources to help you get started on your next web or mobile project quicker and easier.

How to Use Typography to Align Brand Identity

How to Use Typography to Align Brand Identity

Selecting the perfect font for promotional materials is a vital aspect of brand identity. Many small business owners and marketing professionals neglect to give proper attention to the fonts they…

How to Target Design Elements with the CSS :not Pseudo-Class

How to Target Design Elements with the CSS :not Pseudo-Class

:not allows you to target elements that do not match a list of provided selectors. The result is more control over niche design features.

8 CSS & JavaScript Snippets for Creating Animated Progress Bars

8 CSS & JavaScript Snippets for Creating Animated Progress Bars

A collection of copy and paste CSS and JavaScript code snippets for creating dynamic progress bars.

8 CSS & JavaScript Snippets for Creating Complex Gradients

8 CSS & JavaScript Snippets for Creating Complex Gradients

Gradients are a true staple of web design. Their beauty lies in their versatility. Use them to make a big, bold statement. Or use them as an accent piece to…

8 CSS Snippets for Creating Bento Grid Layouts

8 CSS Snippets for Creating Bento Grid Layouts

Dive into CSS bento grid layouts. A collection of CSS flexbox and grid code snippets, and examples for enhancing your web development skills.

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

The simple act of light reflecting off of or refracting through a surface can produce stunning visuals. We see it every day in the physical world. It might be the…

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

Whether designing an Ajax-powered app or wanting to add a fun preloader to your website, these CSS spinner snippets are just what you need.

10 CSS Code Snippets for Responsive Text Techniques

10 CSS Code Snippets for Responsive Text Techniques

We take a look at a number of different approaches you can take to implement responsive text into your web design layouts.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

The Subliminal Connotations of Our Font Choices

The Subliminal Connotations of Our Font Choices

The typefaces we use may carry subliminal connotations, which designers can play on to help support the main theme of any project.

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

A collection of liquid effects CSS & JavaScript snippets that are incredibly realistic, while others are reminiscent of a sci-fi fantasy.

40+ Best Free Bootstrap Templates & Themes

40+ Best Free Bootstrap Templates & Themes