Posts Tagged ‘Design’

Create Fluid Width Videos

Web Design, Web Development | Posted by Keefr August 21st, 2011

I’ve always been a fixed-width kind of guy. I’ve always wanted to control every single pixel on the screen as much as possible. I’ve always worked with designers who felt the same way. There’s always just been a bit of disdain for lack preciseness and the added testing and points of failure that can come with fluid layouts. But it’s 2011. Screen sizes (and more importantly the browser sizes) are all over the map—not to mention that whole mobile space.

It’s now more important than ever to consider responsive design, and pack in as much flexibility as possible. Well how about videos? Typically when you embed a video from somewhere like YouTube, it has fixed dimensions. CSS-Tricks.com author, Chris Coyier guest writing at netmagazine does a great job addressing options for flexible videos.

Create Fluid Width Videos

Standard Trends in New—Age Minimalist Logo Designs

Web Design | Posted by Keefr June 29th, 2011

A little state-of-the-logo address from the UK’s Design Shack— trends in minimalist logo design. I really like the direction, and Design Shack does a great idea of breaking it down and explaining it all.

Standard Trends in New-Age Minimalist Logo Designs

50 Photoshop Actions to Enhance Your Photos

Web Design | Posted by Keefr May 1st, 2011

While not specific or exclusive to web design, I was amazed by a lot of these techniques — utilizing Photoshop actions to enhance and affect your photos.

50 Photoshop Actions to Enhance Your Photos

CSS3 Buttons

CSS, Web Design | Posted by Keefr March 16th, 2011

While it’s easy enough to create your own buttons for a given web site that look custom: throw some padding, a background image as icon, etc., the link below is a great framework if you just need to get something up quickly that looks professional and efficient — complete with sprites to minimize those http requests.

CSS3 Buttons

jQuery Waypoints

jQuery, Web Design | Posted by Keefr March 15th, 2011

This is one of those little plugins that I think we all explore now, but its real utility will come later on down the line, once people start utilizing it.

They have three examples. though I can’t think of a single real-world application for the infinite scrolling (with content repeated). I get the usage of  infinite scrolling a la Twitter that takes the place of pagination, but I cannot think of any utility for repeated content plus infinite scrolling.

jQuery Waypoints

Mock Up Wordmarks Quickly

Web Design, Web Development | Posted by Keefr February 13th, 2011

Here’s a cool little site with a singular purpose: visualizing text/wordmarks in all your computer’s installed fonts. I can see this as very useful when creating new logos and wordmarks, and am pretty sure I’ll be revisiting this as upcoming designs and redesigns are presented to me.

Wordmark.it

Improve your Knowledge of Related Skills

Web Design, Web Development | Posted by Keefr January 30th, 2011

I can attest to everything in the article below as only being beneficial — both to yourself, but also the companies and clients you work for. Getting into the steps that come both before and after you can improve the work and obviously your skill set, knowledge and overall value.

I have a feeling that inspectelement.com (where that article is from below) is going to be a regular reference here on Keefr. They’ve got good, concise stuff worthy of linking to.

Improve your Knowledge of Related Skills

Photoshop Etiquette

Web Design, Web Development | Posted by Keefr January 26th, 2011

As a web developer / designer who has made a living taking designers’ Photoshop documents and transforming them into living, breathing xHTML, PHP, CSS, jQuery, etc., I am absolutely eating up this site I stumbled across the other day. I love the design of the site (for the site’s subject matter, that is), but just the rules of thumb, and the do’s and don’t's are so freaking spot on!

Photoshop Etiquette