Design

Many companies still struggle to justify the expense of a professional website service. But the truth is that bad web design will damage your bottom line.

Brush up on your knowledge of image resolution, from pixel size to DPI.

Information density is the amount of information in the form of content that a site visitor is greeted with as soon as he lands on a website or webpage. The greater the information density, the greate…

Tips in the article could be handy for every designer, focused on maximing the usability of his mobile designs for iOS and Android.

A couple of days ago, I wanted to log in into my Mailchimp account, as I usually do, and saw this:

What they are, why you shouldn’t use them and what to do instead.

A little question is a big deal when it comes to shaping people’s experience with your product. How do we ask people for their gender in a…

by Nick Babich

Art direction plays a role in all facets of life. It’s especially important in advertising and magazines. The visuals in ads and magazines often are presented in a way that evokes an emotional reactio…

An intuitive interface doesn't happen by accident. It happens when one of two specific conditions are met. In this article, Jared describes the critical relationship between current knowledge (what th…

Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement lazy loading for your website.

Download, Install and Use Free Lightroom Presets by BeArt-Presets

Reusable code is the bedrock of modern web design. With every frontend framework and Sass library out there you can find solutions to any problem. But reusable dynamic elements are still a work in pro…

So recently I switched from Safari to Chrome and I found out that extensions in Chrome are growing at a much faster rate than in Safari…

Modularity, reusability, and scalability are not only coding concepts but you can also make use of them to create better-optimized design systems. Atomic design

Building email templates is down right hard. Building responsive emails is even harder. Luckily, the kind folks over at Zurb have developed a fantastic framework that makes the process of building res…

Layout is a design and WordPress blog covering thought-provoking topics that show you the next step for your business, improve your process, and inspire your designs.

Most of the language we use to describe content on the web is derived from print. Would new terminology help designing for the web

Colors are one of the most important and powerful elements in design. Since design is an evolution, our perception of colors (and the ways…

If “mobile first” is our future, why are almost all the most successful mobile driven businesses building web apps designed for larger screens?

Using the internet shouldn’t be this hard.

Layout is a design and WordPress blog covering thought-provoking topics that show you the next step for your business, improve your process, and inspire your designs.

Power up your skills with these 30 Photoshop secrets that will increase your productivity overnight.

Drop-down menus can perform great, however 42% of all sites have severe "flickering" issues, observed to actively disrupt users in navigating the site. See Baymard's full test findings along with two …

HTML tables are inseparable part of the web. This article gives you all you need to create valid and also responsive HTML tables. Master tables today!

Design mistakes can happen to anyone. Maybe you’re trying to finish a project too quickly, or you’re working on a complex site design where something simply gets overlooked. But, when they happen, you…

Log in forms are often just two fields: username and password. Sign up forms are often scarcely much more, perhaps asking for an email address as well and...

While SVG images may not be as common as our favorite bitmap formats like PNG or JPG, the advantages of vectors has more and more designers looking to bring them into their projects. In the past, we’v…

Are you designing a website layout in Photoshop that needs to be coded (by you or someone else)? This is for you! (Particularly if you’re not the one who’s doing the coding) 1) Organize your layers…