Do HTML And CSS Limit Photoshop Creativity?

Image editors and front end code have a rocky relationship at times. What’s easy to do in one can be difficult to do in the other. For years designers have created mockups for websites in programs like Photoshop only to have developers tell them parts of the design either weren’t possible or would take too long to code.
Continue reading

Design Patterns, Components, And Frameworks

How do you communicate to new visitors where they’re located within the hierarchy of your site? Do you use breadcrumb navigation that shows the hierarchy? Do you have code on hand to quickly implement it? Do you rely on a package of code that includes a breadcrumb solution along with a collection of solutions to other common problems?
Continue reading

3 Types of Breakpoints In Responsive Designs

One of the more important questions you’ll have to answer in a responsive design is where to set breakpoints. Originally designers chose the dimensions of popular devices as a good place to add them. If the iPad is 768px × 1024px then 768px and 1024px might make for good breakpoints or so the thought went.
Continue reading

Reusable Divisions Of Space: Grids And Modular Design

For the last few weeks I’ve been digging into the concept of modularity as it relates to web design. Last week I moved from modular content creation to modular design and considered how abstracting out components and patterns could lead to flexibility, efficiency, and a consistent visual language. There was one aspect of design that I didn’t talk about and that was modularizing the space of the canvas.
Continue reading

The Benefits Of Modular Design

In the mid 1930s, Frank Lloyd Wright developed what he termed Usonian homes (PDF). They were designed to control costs during the great depression. They had no basement, no attic, and little in the way of ornamentation. They were built from inexpensive and modular concrete blocks.
Continue reading

css.php