WEB DESIGN


  In 2012, let’s stop talking web design and start talking product design

“My hope for 2012 is that some of the old guard of well-respected web gurus stop talking HTML and CSS and start talking serious development. I love the way many of the old guard write and evangelize, but I’m tired of discussing basically the same stuff we were in 2006.”I wasn’t specifically referring to Jeffrey Zeldman, but he (somewhat arrogantly) assumed I was, and responded with a sarcastic, “And a merry Christmas to you, sir.” And while I wasn’t thinking of Zeldman and his books, conferences, and magazi...

2,523 0       WEB DESIGN MODEL 2012 MODULE FOCUS


  Secret Symphony: The Ultimate Guide to Readable Web Typography

Right now, there’s a mathematical symphony happening on your website.Every single one of your readers is subconsciously aware of this symphony, and more important, they are all pre-programmed to respond to it in a particular way.The question is this:Is your site’s symphony pleasing and inviting to your readers, or does it turn them off and make it harder to communicate with them? The Mathematical Symphony of TypographyAs it turns out, this symphony is not unique to websites. You “hear” it every time you read a book, newspaper, magazine, or web site—every place ...

3,500 0       WEB DESIGN TYPOGRAPHY MATH GOLDEN RULE


  I’m too lazy to be a HTML developer

There’s no denying it. I’m just to damn lazy to be an HTML developer. This really sunk in when I looked at a tutorial for doing a jQuery Lightbox – for a client project. The tutorial was titled “Super Simple Lightbox with CSS and jQuery” but after reading it over I thought a better title would be “A really freaking hard tutorial on the inane intricacies of doing something that looks simple but in reality is a skein of HTML, Javascript and CSS that no one except an HTML Jedi Master could every come up with “.I must say that I have a totally refreshed...

4,182 0       JAVASCRIPT HTML WEB DESIGN COMPLEXITY MESSY


  Web design trends in 2012. What’s new?

It’s no surprise they call them trends, become they come and go. Maybe you don’t want to take them with the constant changes in web design you sure don’t want to be left behind, do you?Nobody can predict the future of web design, but we’re already seeing small changes to the newer designs and I bet we all want to be part of the movement. Most of the changes in web design are subtle so we need to focus mainly on the concept behind each trend.We will exemplify every design trend so you can determine for yourself if your designs would benefit from these changes.Typogra...

4,065 0       2012 WEB DESIGN TREND SLAB TYPOGRAPHY


  Circumventing browser connection limits for fun and profit

A few days ago, this video hosted by metacafe popped up on digg, explaining how to increase site download times by tweaking your browser settings to increase connection parallelism. To explain why this works, let’s step back a bit to discuss how browsers manage server connections.In building any application, developers are often required to make ‘utilitarian’ choices. Pretentiously paraphrasing Jeremy Bentham, ‘utilitarian’ describes an approach that ‘does the greatest good for the greatest number.’ Many times, sacrifices in performance are made...

3,805 0       AJAX SOLUTION HTTP CONCURRENT CONNECTION LIMIT


  When to Make a Mobile Web Application

I believe that unless your application meets one of these native application criteria, you should not create a native application, but should instead focus on building a mobile web application. Like I said before, I’m a big fan of native applications and I feel that there are a lot of great innovative and market opportunities here, but mobile web apps are the only long-term viable platform for mobile content, services, and applications.Native applications don’t service the user better in any significant way; they only add cost to your project, decrease your distribution channels,...

3,818 0       CONDITION WEB APP SITUATION NATIVE APPLICATION


  How To Optimize Your Site With HTTP Caching

I’ve been on a web tweaking kick lately: how to speed up your javascript, gzip files with your server, and now how to set up caching. But the reason is simple: site performance is a feature.For web sites, speed may be feature #1. Users hate waiting, we get frustrated by buffering videos and pages that pop together as images slowly load. It’s a jarring (aka bad) user experience. Time invested in site optimization is well worth it, so let’s dive in.What is Caching?Caching is a great example of the ubiquitous time-space tradeoff in programming. You can save time by using sp...

2,371 0       SPEED WEBSITE PERFORMANCE HTTP CACHE HASH CODE


  Front-end Style Guides

We all know that feeling: some time after we launch a site, new designers and developers come in and make adjustments. They add styles that don’t fit with the content, use typefaces that make us cringe, or chuck in bloated code. But if we didn’t leave behind any documentation, we can’t really blame them for messing up our hard work. To counter this problem, graphic designers are often commissioned to produce style guides as part of a rebranding project. A style guide provides details such as how much white space should surround a logo, which typefaces and colours a brand u...

3,803 0       DESIGN CSS STYLE SYSTEM GUIDELINE