What Is Atomic Web Design and Do I Need It?

Web designers may use a number of techniques, approaches and philosophies while creating compelling and engaging digital interfaces. Each designer has their own preferences – some prefer to work from the top down, beginning with the most basic elements and building their product down to the last detail. This approach is the most common and often yields a well-thought out, quality product.

How to Educate Clients About the True Value of Your Services as a Designer

Okay, freelance designers. Stop me if you’ve heard this one: you’re working on a project for a client, and all of a sudden there’s a discrepancy with your payment. Perhaps it’s because of scope creep, or maybe the client just went over budget for some reason.

50 Visually Appealing CSS Tutorials & Techniques

If you are looking for in-depth articles on the inner workings of flexbox, or a comprehensive explanation for using CSS regions, then this is definitely not the post for you. Instead, we have squarely put our focus on those CSS tutorials that not only make the smaller details of the web visually appealing, but are also really useful. You know what we mean… fantastic text effects, innovative button styles, space-saving navigation systems, subtly animated form elements… that kind of thing.

Getting Started With CSS Flexbox Using Practical Examples

Flexible boxes or flexbox, is the latest method for controlling layouts in CSS. Using grids that are ‘flexible’ is so easy to predict how each element behaves on different screen sizes. Its greatest feature is its ability to manipulate an item’s width/height to occupy all the space within its container (also known as a “flex container”) – otherwise, it shrinks to prevent overflow.

An Introvert’s Guide to Finding Success in Web Design

Our brains are capable of some amazing feats. Yet, they work in different ways that can reflect in our personality. For instance, some of us gain contentment from putting ourselves out there in the crowd, while others prefer a quite room all to themselves. We’re a species of extroverts and introverts. One is not better than the other – just different.

How to Replicate the Bootstrap 3 Grid Using CSS Grid

The past few years have seen a wide variety of methods for creating web page layouts. CSS Grid is one of the newest and probably the most game-changing layout technique at our disposal. If you haven’t begun tinkering with it yet, now’s the time. It is a wildly different way of thinking about positioning content, and it currently has nearly full support across all popular web browsers.

What Should New & Inexperienced Designers Be Learning?

Today I’m speaking to those just getting started in design. Maybe you just graduated from design school, or you’ve read through all the fundamental lessons offered here and on other design blogs, and you feel you’re ready to start taking on clients. Or maybe you have a couple of projects under your belt and you’re looking for more detailed advice as to what path you should be taking to propel your career to the next level.

How to Animate a CSS-Only Hamburger Menu and Icons

Hamburger menu icons have become a staple in many websites and web apps, and whether you like them or not, they are becoming a familiar and recognizable UI action button. Users are associating this icon with the showing and hiding of menus, and its compact, space-saving nature makes it a desirable style, particularly on smaller screens.