
Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer asks: how do you center something?
There are a bunch of different types of web elements and layout situations, each calling for a unique solution for centering (both vertically and horizontally). Today we’ll go over a bunch of these scenarios so you can wrap your mind around how they work and come away with the confidence to center anything!

Client testimonials are a popular website feature. They bring credibility to a company and instill a sense of trust. If your other clients love you so much, I might too!
As a fun experiment, today we’re going to set out to build a cool little quote section that will rotate between multiple different quotes using only CSS. Along the way, we’ll learn all about how to plan and create multi-step keyframe sequences. Let’s get started.

Here at Design Shack, WordPress is our bread and butter, but in the world of blogging platforms, we have lots of love for Tumblr as well. It’s simple, gorgeous, and simply enjoyable to use.
Today we’re going to take a look at what makes a great Tumblr theme. With over 1,300 options in the Tumblr theme garden, it can be difficult to stand out. Why do some themes catch so much attention while others are ignored? Good design holds the answer.

Adobe has an interesting relationship with folks who design websites. Photoshop and Fireworks have you covered from a static image perspective, but tools to build live, functioning websites are another story completely. Flash is no longer the poster child of modern web technologies (quite the opposite), GoLive went the way of the dinosaurs and Dreamweaver, though still widely used, is regarded by many to be a bloated mess.
One area that Adobe is intent on pursuing is web design for non-coders. They’ve made it their mission to bring the world of professional website creation to the huge market of designers who can’t write a lick of code. Thus far, they’ve largely fallen short of that goal (Project Rome anyone?). Their latest attempt, Adobe Muse, has finally exited beta and is available as a part of Adobe’s new Creative Cloud service ($50 per month) or as a stand alone product ($15 per month). Is Muse worth your time and money? Will it really allow you to create professional level websites without coding? Read on to find out.

Today I’m working on another awesome free download for PixelsDaily. Here you’ll be able to see my thought processes, goals and code, and later you’ll be able to download the whole project to use in your own work.
Basically, our goal here is to create a simple effect so that when the user hovers over an image, a hidden text label pops up into view. This is of course extremely easy to do so we’re going to go a step further by building a whole bunch of options for the developer to choose from. This will provide you with some good practice for how to create flexible effects that can be applied in different ways without too much code repetition.
Browse the Gallery:
Color Code #ccccccColor Code #aaaaaaColor Code #222222Color Code #888888Color Code #666666Color Code #444444Color Code #000000Color Code #aa8866Color Code #886644Color Code #220000Color Code #ccaa88Color Code #ccccaaColor Code #aaaa88Color Code #442222Color Code #664422Color Code #eeccaaColor Code #aacceeColor Code #666644Color Code #88aaccColor Code #888866Color Code #444422Color Code #000022Color Code #222200Color Code #6688aaColor Code #446688Color Code #66aaccColor Code #664444Color Code #ccaa66Color Code #224466Color Code #446666Color Code #224444Color Code #eecc88Color Code #aa2222Color Code #cc8888Color Code #88cceeColor Code #882222Color Code #eeaaaaColor Code #668888Color Code #aaccccColor Code #442200Color Code #886666Color Code #4488aaColor Code #cc6666Color Code #002222Color Code #eeccccColor Code #88aaaaColor Code #eeaa66Color Code #884422Color Code #cc8844Color Code #aa4444Color Code #226688
Visit Gallery
Browse the Gallery:
Color Code #ccccccColor Code #aaaaaaColor Code #222222Color Code #888888Color Code #666666Color Code #444444Color Code #000000Color Code #aa8866Color Code #886644Color Code #220000Color Code #ccaa88Color Code #ccccaaColor Code #aaaa88Color Code #442222Color Code #664422Color Code #eeccaaColor Code #aacceeColor Code #666644Color Code #88aaccColor Code #888866Color Code #444422Color Code #000022Color Code #222200Color Code #6688aaColor Code #446688Color Code #66aaccColor Code #664444Color Code #ccaa66Color Code #224466Color Code #446666Color Code #224444Color Code #eecc88Color Code #aa2222Color Code #cc8888Color Code #88cceeColor Code #882222Color Code #eeaaaaColor Code #668888Color Code #aaccccColor Code #442200Color Code #886666Color Code #4488aaColor Code #cc6666Color Code #002222Color Code #eeccccColor Code #88aaaaColor Code #eeaa66Color Code #884422Color Code #cc8844Color Code #aa4444Color Code #226688 Visit GalleryBrowse the Gallery:
Color Code #ccccccColor Code #aaaaaaColor Code #222222Color Code #888888Color Code #666666Color Code #444444Color Code #000000Color Code #aa8866Color Code #886644Color Code #220000Color Code #ccaa88Color Code #ccccaaColor Code #aaaa88Color Code #442222Color Code #664422Color Code #eeccaaColor Code #aacceeColor Code #666644Color Code #88aaccColor Code #888866Color Code #444422Color Code #000022Color Code #222200Color Code #6688aaColor Code #446688Color Code #66aaccColor Code #664444Color Code #ccaa66Color Code #224466Color Code #446666Color Code #224444Color Code #eecc88Color Code #aa2222Color Code #cc8888Color Code #88cceeColor Code #882222Color Code #eeaaaaColor Code #668888Color Code #aaccccColor Code #442200Color Code #886666Color Code #4488aaColor Code #cc6666Color Code #002222Color Code #eeccccColor Code #88aaaaColor Code #eeaa66Color Code #884422Color Code #cc8844Color Code #aa4444Color Code #226688 Visit Gallery