Smashing Magazine presents to you Cuberto‘s fantastic St. Valentine’s icon set. The icons presented are available in transparent PNGs as well as Photoshop PSDs (128×128 px) and are perfect for any projects you have coming up for St. Valentine’s Day. Enjoy!
With 3D transforms, we can make simple elements more interesting by setting them into three dimensional space. Together with CSS transitions, these elements can be moved in 3D space and create a realistic effect. Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.
CSS3 offers a wealth of possibilities in terms of visual and interactive effects, even allowing you to create animated elements without the need for either Flash or JavaScript. In this tutorial we’ll go through the process of translating a page element using a CSS3 transform.
A designer’s role is no longer to produce a mockup and then pass it off to the developer because responsive design is not just a two step process, it is a series of revisions. Most of which are made in the browser. It is a collaborative effort between the designer and developer, no longer two separate tasks. In this tutorial you can find some tips and a general workflow to make the transition from designing static sites to designing responsive ones a little easier.
Making media display consistently on your site can be a problem, especially with multiple content authors. In this tutorial Opera’s Chris Mills shows you how object-fit and object-position can solve it.
You want to organize your content in the best possible way? Now, you can do that with DMXzone Tabs, the extension that gives you the opportunity to divide and style your content into as many sections as needed directly and visually in Dreamweaver! In this article you will learn all you need to know on how to work with the DMXzone tabs, explained in detailed tutorials and videos.
Firefox 10, due out January 31st (the same day Firefox 11 becomes an official Beta release), finally rounds out the browser’s growing collection of developer tools with Page and Style Inspectors. In some ways, these tools are similar to Firebug, but they’re also uniquely Mozilla-ey.
What’s good for the developer isn’t necessarily good for the customer. Vince Allen, senior front-end developer at Lot18, gives the background on why responsive web design is the right focus for web development.
In the last few years, we’ve seen a lot of single page websites lying around the internet, most of them using JavaScript for some transitions effect. Well, now we're going to teach you how you can have your own, but instead we’ll be using CSS Transitions and the :target property to do all the magic.
CSS is a beautiful language but it can also be frustrating at times. Certain CSS solutions don’t work on certain browsers (cough Internet Explorer cough) and much of your time can be spent debugging code. Thankfully there are lots of great CSS snippets available online that fix common problems and design issues. In this article we have listed 30 CSS snippets that we think you will find very useful.