Endless Openmindedness


Web Development

8 simple steps to better icon design | Webdesigner Depot

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

Source: 8 simple steps to better icon design | Webdesigner Depot

The Coming Revolution in Email Design · An A List Apart Article

The rich web is coming to email. Jason Rodriguez gives us the lay of the land and sweeps us into the future.

Source: The Coming Revolution in Email Design · An A List Apart Article

The 100% correct way to do CSS breakpoints

For the next minute or so, I want you to forget about CSS. Forget about web development. Forget about digital user interfaces.

Source: The 100% correct way to do CSS breakpoints

What’s New and What’s Changed in Bootstrap 4 –

Annarita Tranfici shares an overview of the changes you really need to know about in the upcoming Bootstrap 4 release & what’s different from Bootstrap 3.

Source: What’s New and What’s Changed in Bootstrap 4 –

Responsive Images in CSS | CSS-Tricks

The term “responsive images” has come to mean “responsive images in HTML”, in other words, the srcset and sizes attribute for and the element. But how do t

Source: Responsive Images in CSS | CSS-Tricks

A Nerd’s Guide to Color on the Web | CSS-Tricks

There are a lot of ways to work with color on the web. I think it’s helpful to understand the mechanics behind what you’re using, and color is no exception

Source: A Nerd’s Guide to Color on the Web | CSS-Tricks

CSS Shapes 101 · An A List Apart Article

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.

Source: CSS Shapes 101 · An A List Apart Article

Designing Grids | Zell Liew

I’d be telling you the obvious if I said that grids are important in

Source: Designing Grids | Zell Liew

CSS Responsive Tables


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

Create a free website or blog at

Up ↑

%d bloggers like this: