Icons are everywhere. From app icons on home screens to graphic representations that lead users through a design, icon design is a big deal. There’s a fine art to good icon design. Not only does the element have to render recognizably at the smallest of sizes, good vector-based icons can be scaled to use in oversized proportions as well. Some designers are even using icon-style images for dominant visuals. So where do you start? Here’s a guide to designing a better icon in eight (somewhat) simple steps. 1) Start with a grid Good icon design starts with a solid foundation. A simple square block grid is all you need to start sketching an icon. Use the same gridded paper you worked with in grade school to create icon sketches with pencil and paper or start with a square pixel grid in design software. You should probably design on a square canvas, as most icons end up needing to fit in in square spaces. (This includes everything from icons for apps to icons in website designs or for
The rich web is coming to email. Jason Rodriguez gives us the lay of the land and sweeps us into the future.
The new CSS Shapes specification has the potential to change the way you think about arranging content on a webpage. (Hint: think outside the rectangles!) Sara Soueidan walks us through the different ways to use this property, with results ranging from simple elegance to eye-popping.
In this tutorial we’re going to look at how we can use tables on responsive layouts and how can we make these tables usable on mobile devices. When tables are on responsive layouts you will find that you face a number of problems such as: Too many columns Words overflowing the cells Column width being
Source: CSS Responsive Tables