Design

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…

by Nick Babich

Top Photoshop tips for being more efficient when creating website graphics.

What does it really mean when we think about designing for better user experience? We often talk about readability, usability, how it should work, and how it should behave. We focus our attention arou…

Digital designers should be able to explore the consequences of grids visually — not just in code.

Ensure that team is on the same page when designing or saving designs from developers is to create design documentation or a web design style guide.

Hi! I'm Natalya! I'm a classically trained fine artist who spent 6 years teaching people how to paint, draw, and grow their creativity. I am now a front end developer, and I love writing code as much …

Design in Tech Report Home — with all past reports covering M&A activity, new patterns in creativity × business, and the rise of computational design.

By Jeremy Keith

Free viewer for .sketch files for Windows. Lunacy is a viewer as it should be: it works without uploading to the cloud or converting.

For the past few weeks there has been lots of talk about HTML headings in web standards circles. Perhaps you've seen some of the blog posts, tweets, and Gi

You know about Photoshop actions – well, scripts can do so much more. We've rounded up 15 of the best.

SVG icons for popular brands.

Being pretty self-taught as far as UI design goes, I’ve always wondered why so many articles and books talk about color theory and palettes…

A handy technique I learned from the wrong job… Years ago, I spent an awkward patch of my career as an instructional designer, creating courses for online learning. It was a bad fit and I moved on hap…

Tomorrow I’m speaking at ImageCon. It’s been over a year since I last gave my talk. As I dusted off my presentation and updated it, it seemed like a good time to assess the state of the…

Being pretty self-taught as far as UI design goes, I’ve always wondered why so many articles and books talk about color theory and palettes…

We don’t live in a black and white world. From Pantone to Pinterest, color theory impacts the way we see and feel the world...

Using videos as background – a design trend that emerged a couple of years ago – continues to be the subject of much debate among designers. On the one hand,...

Tips for designing and building a consistent design system.

Andy Kirk looks at some neat techniques to achieve responsive CSS patterns while we wait for element and container queries to be available!

What if you could redesign everything? The Circular Design Guide is a collaboration between IDEO and the Ellen MacArthur Foundation. It's an action-oriented set of methods, mindsets and thought starte…

Your freelance website can be more than just another portfolio. Turn it into a lead-driving machine with these simple, yet effective tips.