Category: Articles

Categories

Build a Pure CSS Slideshow With Webkit Keyframes
CSS / 11 May 2011

Build a Pure CSS Slideshow With Webkit Keyframes

While playing around with Webkit Keyframe Animations I figured out a way to create an awesome little image slider using only CSS. It’s definitely a bit unconventional but it’s a great way to learn to think outside of the box with what you can do with CSS3.

Keep in mind that since we’re using Webkit Keyframes, this is purely an educational experiment and will only work in Safari or Chrome. As more browsers begin to support keyframe animations in the future, this method should become perfectly usable in your own web projects.

Weekly Freebies: Graph and Chart Graphics
Freebies / 11 May 2011

Weekly Freebies: Graph and Chart Graphics

Today’s collection includes some really attractive and useful generic graphs and charts for your designs. From vector pie charts to Photoshop bar graphs, we’ve got a lot of variation and hopefully just what you’re looking for. Enjoy!

Surviving on a Creative Assembly Line
Inspiration / 10 May 2011

Surviving on a Creative Assembly Line

Do you ever feel like you do the same thing all day every day? Do you wonder how you can possibly be expected to come up with original and creative ideas almost ceaselessly?

Join the club. Today we’re going to talk about how and why designers struggle with creativity, some tips for avoiding burn out and whether or not you should tough it out or get out while you still can.

Web Design Critique #49: MacroDreams
Critique / 7 May 2011

Web Design Critique #49: MacroDreams

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 MacroDreams, the personal portfolio of Deepak Chakravarthy.

55 T-Shirts Made Just for Designers
Graphics / 6 May 2011

55 T-Shirts Made Just for Designers

Everyone loves a good t-shirt. Today, we’ve got 55 of them that were specifically designed to appeal to graphic designers, web designer and coders.

We’ve scoured the web to find the coolest, funniest and most ridiculous designer-themed shirts and split them into five categories: Photoshop & Illustrator, Color, Typography, CSS & Code and Design. Enjoy!

5 Cool CSS Hover Effects You Can Copy and Paste
CSS / 5 May 2011

5 Cool CSS Hover Effects You Can Copy and Paste

Need a cool hover effect for something on your site? Look no further! We’ve created several custom examples that you can view live for inspiration.

If you like the effect, steal it! We’ve got the CSS ready and waiting for you to copy.

Create an Awesome Animated Thumbnail Gallery With CSS
CSS / 5 May 2011

Create an Awesome Animated Thumbnail Gallery With CSS

Today we’re going to have some more fun with CSS3 transitions. There’s a popular jQuery trick that expands the crop of an image when you hover over it and I wanted to replicate it using only CSS. To take things further, I put this effect into action in a thumbnail gallery.

Keep reading to see the live demo and follow along step by step as we explain how this works and build the whole thing from scratch.

3 Reasons Logo Design Clients Suck (and How to Respond)
Business / 3 May 2011

3 Reasons Logo Design Clients Suck (and How to Respond)

Logo design has to be one of the trickiest pieces of design work when it comes to dealing with clients. It seems almost inevitable that what you imagine will be a quick and easy job turns into a nightmare of never-ending reworks.

Today we’re going to discuss what types of problems typically arise in logo design and how you can prepare for them.

Weekly Freebies: 40 Nature Textures for Your Designs
Freebies / 3 May 2011

Weekly Freebies: 40 Nature Textures for Your Designs

Nature provides the richest source of textures on the planet. From hard, smooth rock walls to lush, green moss, the textures found in natural resources make for excellent components to add to your design arsenal.

Below you’ll find 40 photographic natural textures that are perfect for adding a little life to your next project. Enjoy!

Winners Announced: Win One of Two Copies of SG3xpress for WordPress!
Competitions / 2 May 2011

Winners Announced: Win One of Two Copies of SG3xpress for WordPress!

Congratulations to our two winners, Patrick (@3vilpat) and Alain (@_AlainDupuis), you’ll be receiving a free copy of SG3xpress for WordPress! Keep an eye out for an email from Media Lab with more information for claiming your prize.

Everyone else, thanks for participating! Check back soon for more awesome content and great giveaways.

iOS Usability Tips and Resources for iPhone and iPad Apps
Layouts / 2 May 2011

iOS Usability Tips and Resources for iPhone and iPad Apps

The process required for designing mobile applications takes dedication and eye-numbing precision. Most graphics designers won’t spend their time in this area since pixel-perfect creation becomes tiresome quickly. And although mobile design isn’t for everyone it does hold a special place in the hearts of many.

For those out there interested to get started designing for mobile I’d recommend skimming a few of the ideas presented below. Previously we’ve discussed creative UI design techniques and offer solutions for iPhone and iPad designers.

Web Design Critique #48: Klokkerent
Critique / 30 Apr 2011

Web Design Critique #48: Klokkerent

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 Klokkerent, a company that sells some awesomely designed watches and sunglasses.