Web Designer Notes

Transitions Only After Page Load

omipit — Sat, 05 May 2012 11:52:01 +0000

If you’ve ever used CSS transitions on structural elements on your page, you may have noticed a case where you see that transition happen when the page loads and is laying itself out. Read full article »

Responsive Data Table Roundup

omipit — Thu, 12 Jan 2012 03:11:48 +0000

The idea of the original was to abandon the grid layout of the table and make each cell it’s own line. Each of those lines is labeled with a pseudo element. This creates a much taller table, requiring more vertical scrolling, but does not require horizontal scrolling. It’s easier to browse the data without losing context of what’s what. Read full article »

How To Clear Floats Without Structural Markup

omipit — Thu, 05 Jan 2012 18:19:25 +0000

When a float is contained within a container box that has a visible border or background, that float does not automatically force the container’s bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Read full article »

Responsive Design in 3 Steps

omipit — Tue, 03 Jan 2012 03:26:38 +0000

Responsive web design is no doubt a big thing now. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. Read full article »

Free Download: The Essential Theme

omipit — Sun, 20 Mar 2011 15:30:55 +0000

Lately i’ve been working with WordPress theme you can call “Theme Framework“, the Genesis Framework by StudioPress. The idea of using framework is to speed up your theme development time by pre-set functions so you do not have to spend your time doing basic things Read full article »

CSS Properties That Affect Type Rendering

omipit — Wed, 02 Feb 2011 05:24:21 +0000

When it comes to type rendering on the web, there’s not much web designers can do. The way fonts appear on screen is mostly due to operating systems, browsers, typeface designs, font files, and how those font files are (or are not) augmented with instructions for the most unforgiving rendering scenarios. Read full article »

50+ Awesome CSS3 Techniques for Better Designs

omipit — Sat, 29 Jan 2011 13:59:13 +0000

CSS3 is gaining momentum, despite the fact that the standard hasn’t even been finalized. There are hundreds of tutorials out there to teach designers how to use it, but unfortunately a lot of them cover the same ground. Read full article »

W3C HTML 5 Logo

omipit — Sat, 22 Jan 2011 14:28:36 +0000

It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It’s the standard’s standard, a pennant for progress. And it certainly doesn’t use tables for layout. Read full article »

The Elements of Retro Web Design

omipit — Thu, 20 Jan 2011 11:33:12 +0000

The vintage and retro style is becoming more and more popular in today’s digital artwork. The use of retro and vintage themes in design is probably one of the most pervasive trends since the industry went almost completely digital. Read full article »

Lettering.js – Controlling Web Typography

omipit — Tue, 18 Jan 2011 19:08:41 +0000

Lettering.js was built to solve a problem. As web typography improves, web designers want the same level of control that print designers have. Just as we’ve moved beyond Helvetica and Times New Roman, we’ve begun to think about web type in finer detail than h1 or span tags currently (semantically) allow. Read full article »