Daily designer news

8 awesome CSS tools for productive web design
Featured illustrator: Oli-B
Massimo Vignelli makes books

8 awesome CSS tools for productive web design

Posted: 20 May 2013 03:26 PM PDT

Recently I’ve been looking for tools to improve my web design workflow, especially to work with CSS better. In this post you can discover some of the tools I have discovered in my quest.

1. CSS Gallery

No script needed, a pure CSS gallery downloadable on Github.

gallery

2. Shame.css

An idea that will not save you time on website creation, but definitely will make updating your site’s CSS much quicker. Shame.css is a file you should create to put all your dirty CSS tricks and hacks in one place.

shame-css

3. Border Radius generator

Quickly generate the code for your CSS3 rounded corners box, a simple to use visual tool.

css-border-radius

4. Prefixr

Use this tool to quickly add vendor prefixes and make your stylesheet’s code cross-browser compatible.

prefixr

5. CSS Menu Maker

Make custom CSS menus that are cross-browser compatible. A great way to get started to build any kind of menu.

awesome-css-menus

6. Flat UI Colors

Quickly find and select colors that are well suited to create flat UIs.

flat-ui-colors

7. Awesome fontstacks

Create foolproof fontstacks and get the CSS code right away.

awesome-fontstacks

8. CSS Compressor

Save bandwidth and optimize your page load speed with this CSS compressor tool by CSS Drive.

Featured illustrator: Oli-B

Posted: 20 May 2013 03:23 PM PDT

oli-b-untitled14-1

Colorful and playful, Oli-B’s illustrations often stare at you in a mix of eyes, hands, and other body parts and geometric shapes.

oli-b-untitled-15-2

inlove-web-727x1024

Oli-B_face6_3

Oli-B_face9_2

Oli-B_totem_4

olga-detail0-web-1024x682

Oli-B_face10-2

untitled13-1

Massimo Vignelli makes books

Posted: 20 May 2013 03:20 PM PDT

You always learn by looking how great designers work. Massimo Vignelli is famous for his great book designs, he shares how he works in this short video for Mohawk. You can see how he uses a grid under his sketching page and even sketches every photo from the book.

massimo_landing-page_header