Pixel Ruler
uistencils.comThe ultimate tool for responsive screen size sketching. Heavy-duty gauge stainless steel ruler with pixel increments. Markers for mobile, tablet and widescreen (laptop) sizing.
Links
457 shared finds since 2009
All
Adobe
Ai
Apple devices
Apple software
Apps
Bene Projects
Blogs
Books
Browsers
CMS
CSS
Design
Design Research
Design Resources
Developer
E-mail marketing
Events
Express
Figma
Firefly
Google
Illustrations
Illustrator
Indesign
Inspiration
Interview
Javascript
Magazines
Mobile
Photoshop
PHP
Social Networking
Talks
Tutorials
Typography
UX/UI
Video
Web design
Web services
Web Standards
90 results
Designing for Retina
realmacsoftware.comDetailed overview of the process for designing for Retina displays by Realmac Software
Overview front end style guides
gimmebar.comNice little overview of practical style guides
Create a website style guide
netmagazine.comA website style guide is an ideal way to ensure brand identity, professionalism and consistency across your site.
Codepen
codepen.ioCodePen is a community of front end folks focused on inspiration and education.
Bootstrap form builder
bootstrap-forms.heroku.comUsing Bootstrap? Here's a handy link to build custom web forms with generated code.
Beautiful Web Type
hellohappy.orgA showcase of the best typefaces from the Google web fonts directory.
iOS App Icon Template
appicontemplate.comApp Icon Template that, through Smart Objects in Photoshop, attempts to automate the process of rendering the various sizes that needs to be bundled with iOS Apps
Gridpak
gridpak.comGridpak is a responsive grid generator created by Erskine Design
How to Approach a Responsive Design
upstatement.comGreat overview and insight in the redesign process of the Boston Globe web site
A beginners Guide to HTML and CSS
learn.shayhowe.comOnline guide by front-end developer and designer Shay Howe split into lessons. Comprehensive guide.
HTML 5 Please
html5please.usLook up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are
Google code prettify
code.google.comSyntax highlighting of code snippets in a web page
Full day workshop with Aaron Gustafson
inspireconf.comLooking forward to this workshop with Aaron Gustafson on Adaptive Web Design on 29 november 2011 in Amsterdam.
The evolution of the web
evolutionofweb.appspot.comNice graphical representation of the evolution of the web
Color schemer
colorschemer.comColorSchemer Studio 2 is a professional color matching application for your Mac. You have also an online version: http://www.colorschemer.com/online.html
Flexslider
flex.madebymufffin.coman awesome, fully responsive jQuery slider plugin
5 Awesome Things That You Can Do with CSS3
webdesigneraid.comHappy to see my css3 featured here, thanks!
CSS drop-shadows without images
nicolasgallagher.comCSS techniques and a demo of drop-shadows without images
Colors
mattpatenaude.comColors is a free simple application for graphic designers, web designers, and anyone else who needs to be able to pull colors from what you can see on the screen.