Feature
Post

Category
Design Focus


Design Focus: Framed

No, we’re not talking about portraits in fancy frames but subtle microtrend: adding a border that spans the height of a webpage so that it looks like its content is framed.

Designs of the Week

Need help in promoting your site? INeedHits has been in the search engine marketing since 1996!

Let's Travel Somewhere

Let’s Travel Somewhere

In a word, gorgeous. All hinging on the photography and typpography, really. The use of pastel color-coded buttons and icons for each continent and their destinations provides a bit of surprising contrast to the bold, elegant magazine feel. On the article page, hovering over the previous or next arrows that lead you “somewhere” else nudges the content away and fades it out a little. This distinguishes itself from the arrows on the photo slider. A live Google Maps embed in the footer with a custom marker showing where the photos were taken is also, like always, a good idea.

Bondfire Inc.

Bondfire Inc.

There’s a striking trend to return to flat, minimal design these days and you can see it here in action. The translucent overlay where the content scrolls is an unusual approach that highlights how long a web page actually extends beyond the viewport. This is also echoed in the portfolio screens.

Elegant Seagulls

Elegant Seagulls

I like the handwritten grayscale logo that’s also echoed in the illustrations, all muted to let the lime greens shine.

Social Media Weekly

Build on DIYThemes’ Thesis Framework for rock solid SEO and great layout customization options.

CSSAssembling SASS
“Improve your front-end CSS workflow with Sass.”

TypographyTypographic Myth Busting: What’s a Ligature, Anyway?
“Today, there are two possible ways to define a ligature and both ways can appear in connection or individually.”

HTML Using the HTML title attribute
“If you want to hide content from mobile and tablet users as well as assistive tech users and keyboard only users, use the title attribute.”

AccessibilityHow-to: Future proof your accessibility efforts.
“WCAG has 2 guidelines, Parsing and Name, role, value, for futureproofing your website.”


  1. By http://webmaster-deals.com/ posted on January 27, 2013 at 10:29 am
    Want an avatar? Get a gravatar! • You can link to this comment

    I like the site you recommend.

  2. By Vanessa | Charleston Web Design posted on February 4, 2013 at 2:02 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Borders are way underrated in web design. Wish you could feature more articles and samples that can educate us more. Great post!

  3. TrackbackDesign Focus: Sign Up Now | DevloungeDesign Focus: Solid | DevloungeDesign Focus: Solid - heromind - High quality design resources for graphics and web designer in 2013