Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
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.
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.
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!
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.
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.
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.
Let’s finish the week with something fun shall we? CSS keyframe animations currently have very limited browser support, but they’re still quite interesting to learn about and experiment with.
Below we build a simple web page that leverages Webkit keyframe animations to gently shift the background color on a never ending loop. Intrigued? Read on!
Always eager to jump into a debate, today I tackle the concept that artsy eye candy is currently too prevalent in design. Design inspiration galleries and communities are constantly critiqued for displaying art when their focus should be on design.
Can we cut through the biases and assumptions of the common rhetoric and discover the proper place for artistic talent in relation to functional design? Let’s find out.
Today we’re going to build a web page that uses not one but three separate slideshows that come together to look like one seriously dynamic element. This effect is perfect for any designer or photographer portfolio.
Along the way we’ll be using some extremely basic HTML, CSS and jQuery. Open up a text editor and follow along to build your own!
Bookmarklets can be invaluable tools for both web designers and developers that like to experiment and troubleshoot in the browser. Today we’ve gathered an awesome collection of free bookmarklets for everything from validating your HTML to rearranging elements on a page without code. Enjoy!
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 Alertful, the free reminder service.
Recently, I decided that I needed a refresher in all of the various CSS shorthand properties. The best way to learn something is to teach it so here’s my attempt at exactly that.
Today we’ll learn how to use CSS shorthand for backgrounds, margins & padding, borders, fonts, list-styles and transitions.