Tag Archives: generator

A Handy List of Resources for Picking the Perfect Website Color Palette

picking color palettes

Creating an effective color palette is a vital part of designing a website that works. But how do we get there? For some projects, you already have one or two colors picked out – maybe they’re your logo, or brand colors, and you’re working within those limitations when you create your site. For others, you’re starting from scratch. And some projects just need tweaking – minor adjustments to the color palette to make it more beautiful or usable. Whether you’re a seasoned pro looking to outsource some of the spadework of design, or you’re building a website for the first…

The post A Handy List of Resources for Picking the Perfect Website Color Palette appeared first on The Daily Egg.

Original link:  

A Handy List of Resources for Picking the Perfect Website Color Palette

Jekyll For WordPress Developers

Jekyll is gaining popularity as a lightweight alternative to WordPress. It often gets pigeonholed as a tool developers use to build their personal blog. That’s just the tip of the iceberg — it’s capable of so much more!

Jekyll For WordPress Developers

In this article, we’ll take on the role of a web developer building a website for a fictional law firm. WordPress is an obvious choice for a website like this, but is it the only tool we should consider? Let’s look at a completely different way of building a website, using Jekyll.

The post Jekyll For WordPress Developers appeared first on Smashing Magazine.

Visit link:  

Jekyll For WordPress Developers

Automating Art Direction With The Responsive Image Breakpoints Generator

Four years ago, Jason Grigsby asked a surprisingly difficult question: How do you pick responsive image breakpoints? A year later, he had an answer: Ideally, we’d set responsive image performance budgets to achieve “sensible jumps in file size.”

Automating Art Direction With The Responsive Image Breakpoints Generator

Cloudinary built a tool that implements this idea, and the response from the community was universal: “Great! Now, what else can it do?” Today, we have an answer: art direction!

The post Automating Art Direction With The Responsive Image Breakpoints Generator appeared first on Smashing Magazine.

Excerpt from: 

Automating Art Direction With The Responsive Image Breakpoints Generator

Creating A Living Style Guide: A Case Study


Living style guides are an important tool for web development today, especially in large, complex web applications. They help document styles and patterns, keep designers and developers in sync, and greatly help to organize and distill complex interfaces. Indeed, living style guides remain one of the best ways to communicate design standards to an organization.

Creating A Living Style Guide: A Case Study

Recently, our company went through the process of creating a living style guide. This is the story of how we developed our living style guide, the mistakes we made along the way, and why the current landscape of style guide generators did not suit our needs.

The post Creating A Living Style Guide: A Case Study appeared first on Smashing Magazine.

Read More:  

Creating A Living Style Guide: A Case Study