doodles, drawings, design and web-development

Here's what I've been learning

References to articles, press-releases, news, tutorials and more.

ALA: CSS Shapes 101

This is what the HTML/CSS specification is missing to complete the design expectations of clients (to completely mimic what we can do in print)

Rectangles inside other rectangles: this is what our webpages have always been made of. We’ve long tried to break free from their restrictions by using CSS to create geometric shapes, but those shapes have never affected the content inside the shaped element, or how the element is seen by other elements on the page.

View original post

GuideGuide for PhotoShop makes (responsive) grid-based design easy

When creating mockups/designs for mobile-first (or otherwise responsive) websites, accurately drawing in guides can be a pain. This PhotoShop Extension can work out your columns and gutters for you. A must-have for all web-designers out there in my opinion.

Dealing with grids in Photoshop is a pain. With GuideGuide, it doesn’t have to be. Pixel accurate columns, rows, midpoints, and baselines can be created based on your document or selection with the click of a button. Frequently used guide sets can be saved for repeat use. Grids can use multiple types of measurements. Honestly, if you haven’t started downloading it by now, you’re probably a masochist. Weirdo…

View original post