Premium design news. All the best content in one place. If it's here, it's worthy. It’s like your own personal preview channel for the wired design world. Save time. Read better. Nice.
Wow. Everything a designers need in one simple, awesome feed.
This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world. While almost all of these CSS resets are generally provided free for public use (many through Creative Commons licensing), it is incumbent upon you to check the terms of use before putting them to use in your projects.
There is no doubt that websites are edging more and more into the web app, or interactive arena, rather than the static websites that most of us began with. As links and buttons are being used now to trigger more than simple submissions and links to new pages our design needs to reflect these new functions.
If you’re a front end developer or a designer who likes to code, CSS-based layouts are at the very core of your work. In what might be a refresher for some, or even an “a-ha!” for others, let’s look at the CSS position property to see how we can use it to create standards-compliant, table-free CSS layouts.
CSS can be compared to a sculptor’s tool set; like sculptors at work, we designers use CSS to create structured layouts of websites. Over the years, this process has become more organized; rules have been put in place to create best practices of coding.
When the CSS1 specification was drafted in the mid to late 90s, it introduced a rule called the !important declaration that would help developers and users easily override normal specificity when making changes to their stylesheets. For the most part, the !important declaration has remained the same, with only one change in CSS2.1 and nothing new added or altered in the CSS3 spec in connection with this unique declaration.
In the past we’ve taken a look at several CSS grid systems. We’ve also gone over how LESS.js can add a lot of flexibility to the way you style web pages. Today we’re going to combine these two ideas and create a grid system that utilizes LESS.
These are great times for front-end developers. After months of exaggerated excitement about HTML5 and CSS3, the web design community now starts coming up with CSS techniques that actually put newly available technologies to practical use instead of abusing them for pure aesthetic purposes. We see fewer “pure CSS images” and more advanced, clever CSS techniques that can actually improve the Web browsing experience of users.
If you’re like many developers, you’ve had your fill of grid-based CSS frameworks. Well you’re in luck because today we’re going to look at a fresh take on the concept of a CSS framework.
Interactivity can transform a dull static website into a dynamic tool that not only delights users but conveys information more effectively. In this post, we’ll walk through five different coding techniques that can be easily implemented on any website to provide a richer user experience.
Just like there are frameworks for many programming languages - CakePHP, jQuery, .NET - there are frameworks for CSS. The point of frameworks is to increase productivity and efficiency with CSS code.