Portfolio. Blog. Inspiration. Css. Creativity. Resources. Awards. Grid—A—Licious™: Just another WordPress weblog. Back in mid 2008, I created a jQuery plugin. I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid, and thought this kind of layout belonged in real papers.
This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect. Not saying it was based on my work or script, because there were a few others that brought a similar layout effect to our attention, but not necessarily distributed as a plugin. In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. This gained quite a following and the theme was heavily used in 2009 and 2010. Width Default 225px gutter. How To Use Size, Scale, And Proportion In Web Design. Loud and soft, dark and light, big and small. Each is a relative measurement of some quality on some scale.
Day doesn’t exist without night and up doesn’t exist without down. Each exists in contrast to the other and contrast occurs on a scale. In design when we talk about scale we’re usually talking about the quality of size, bigger and smaller, and the relationship of different design elements at different sizes. Size, scale, and proportion are all related concepts. Size: the physical dimensions of an objectScale: the relative size of different objects or of an object to a common standardProportion: harmony of scale Size Web designers make a lot of choices about size. Size is an absolute measurement.
We even need to consider the size of the files we create in order to speed up download times. We aren’t limited to using absolute measurements when designing of course, but when your audience is viewing your design everything will appear in absolute measurements. Scale Typographic Scale. How to Design a Landing Page to be Conversion Focused. Landing pages get a a bad rap. Designers often rebel against some of the basic principles of landing pages. And clients as well as agencies often misunderstand what a landing page really is and how to make it really sing. If you’re in the landing page business — as I am — you know that landing pages are really much more than they’re given credit for.
Debunk 1: A Landing Page is a Page. First, they’re far more than a page. The term landing page is a massive misnomer that devalues the rich hyper-specific landing experiences that are today’s most effective means of conversion. Landing Page The first page of any landing experience is its landing page. Land & Jump A single-page landing experience that’s designed to warm the user up to something before it’s shown to them is of-ten called a land & jump (because they’re landing & jumping off to somewhere else for conversion). Microsite A small, topic-specific website with specific, persistent navigation is usually referred to as a microsite. 1. 2. iA. Helps you build good looking and functional web sites.