Articles Archive

DSCRT-96-0

Web Design Critique #96: SuccessInc Drupal Theme

screenshot

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is SuccessInc, a Drupal theme from More Than (just) Themes. Let’s jump in and see what we think!

January 25th, 2013 Posted in Critique
amairlines-0

Check Out the New American Airlines Logo

screenshot

American Airlines has had the same logo for forty-five years. That’s definitely a pretty impressive stretch! They’ve decided to hang up their Helvetica though and look to not only a new typeface, but a new eagle and even a new livery design.

Read on to see the logic behind the new design and whether or not I think it’s another chapter in a long line of recent brand redesigns gone bad.

January 23rd, 2013 Posted in Graphics
tfquiz-0

Build a Fun True or False Quiz With CSS

screenshot

I’m constantly surprised by what you can achieve using only HTML, CSS and a little ingenuity. I love to think outside the box and attempt creative experiments just to see if I can pull it off.

Today’s random challenge is to create a fun little true/false quiz. Questions will be presented to the user and answers will be revealed only on click. To make the magic happen, we’ll turn to some pretty crazy methods and use features like active, focus and even tabindex! You’re bound to learn some quirky stuff so hit the jump and follow along.

January 21st, 2013 Posted in CSS
DSCRT-95-10

Web Design Critique #95: WPMU DEV

web design critique

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is WPMU DEV, a marketplace for WordPress Themes and Plugins. Let’s jump in and see what we think!

January 18th, 2013 Posted in Critique
emmetcss-0

6 Awesome Emmet CSS Time-Saving Tips

screenshot

Emmet is one of the most useful text editor plugins that you’ll ever come across for developers. It has the seemingly magic ability to turn a tiny bit of work into a ton of code, which can save you an incredible amount of time and effort in the long run.

Previously, we took a look at some of the best features of Emmet from an HTML perspective, today we’re going to follow that up with some tips for how Emmet can improve your CSS workflow.

January 17th, 2013 Posted in CSS
circlemenu-8

Code a Spinning Circular Menu With CSS

screenshot

Don’t be a square, break outside your boring box and try on a circle for size. Today we’re going to build a circular navigation menu that spins to different points as the user hovers over an anchor.

Along the way we’ll have to overcome several obstacles like how to structure our HTML to be conducive to a remote hover and how to position all of the elements just right so that everything works. It’s a fun challenge and there’s a lot to learn, let’s get started!

January 16th, 2013 Posted in CSS
giveaway

Giveaway: 3 Premium WordPress Themes From ThemeFuse

ThemeFuse has decided to share 3 WordPress themes licenses with our readers. How would you like some free stuff? What better way is there to start the day off?

The three winners of today’s giveaway will receive access to one premium WordPress theme of their choosing – at absolutely no cost whatsoever. If you run a WordPress site, you’re in for a special treat here. We’ve got 3 vouchers to give away. Here’s what you need to do to get one!

January 15th, 2013 Posted in Competitions
imagesplit-0

Perform a Split Reveal With CSS

screenshot

CSS can pull of a lot of really great image tricks: size manipulation, desaturation, even blur. One limitation that we run into though is that you can’t really slice an image into multiple parts. For instance, if you wanted to cut a photo in half and animate the separation, you couldn’t really do it with pure CSS. Could you?

Today we’re going to code up a work around that allows us to achieve this very trick without an ounce of JavaScript or extra files. Let’s see how it works.

January 10th, 2013 Posted in CSS
moocardcontest-0

Winners Announced: Win a Free Set of 100 Business Cards From MOO!

screenshot

We’re delighted to have MOO provide us with a set of 100 Business Cards for three of our lucky readers! If you have not heard of MOO before, they love to print – whether it’s MOO’s renowned creative business cards, Postcards, Greeting cards, Stickers or any other products.

If you’re interested in scoring your own awesome set of printed MOO business cards, read on and learn how to enter!

January 9th, 2013 Posted in Competitions
psdcovers-0

Create Outstanding Product Shots in Seconds With PSDCovers

screenshot

Creating high quality 3D product mockups is a ton of work. I used to do print design work for various major store brands and I spent hours and hours toiling away in attempts to build attractive Photoshop mockups of various products.

If only PSDCovers.com had been around back then! This awesome resource is loaded with free packaging and product mockups that you can instantly apply your designs to in Photoshop. Sound too good to be true? Read on to see how it works.

January 8th, 2013 Posted in Software
Subscribe
Membership