The following is a re-mastered collection of bookmarks from March 2012 comprising of what I deem are useful web design and development resources, libraries, articles, etc. They were obtained from a variety of sources such as CodeVisually, Speckyboy, Smashing Magazine, NETTUTS and Hacker News.
For a full list of content-curation web sites and users you can check out my Twitter list here. I have discontinued my “web dev/design bookmark” series of posts in favour of a unified collection of bookmarks in Evernote. You can check that out here - I have not included some of the links below.
I originally created this blog post along with part 1 because I wanted to curate a list of useful links that I could come back to in the future, especially in cases where I vaguely remember where a certain resource or an article was from. There are a lot of cool stuff on the internet and sometimes you do not want to lose track of it.
The web design and development community is vast and fascinating. If you are part of it, hopefully you would have figured that out by now and if not, you need only to explore all the links in this post to understand what I mean.
I apologise in advance if any of the links below no longer work. I will not keep the following post updated anymore as I have previously mentioned. I hope you will nevertheless find this post of some use.
HTML / CSS / JS
- Pushing Updates to the Web Page with HTML5 Server-Sent Events
- jQuery & CSS3 Tooltips
- WebKit Marquee CSS: Bringin’ Sexy Back
- Interesting -webkit CSS Properties
- Sass vs. LESS vs. Stylus: Preprocessor Shootout
- Vendor prefixes are not developer-friendly
- Paul Irish: * { box-sizing: border-box } FTW (Solving Width & Padding Problems)
- More Noticeable HTML Bookmarks (jQuery)
- Fontomas – A tool that helps to combine Iconic webfonts
- Login and Registration Form With HTML5 and CSS3
- Using Modernizr to detect HTML5 features and provide fallbacks
- Maintaining CSS Style States using “Infinite” Transition Delays
- jqFloat.js – A Floating Effect with jQuery!
Frameworks / Libraries
- Twitter Bootstrap For Wordpress
- basket.js - A simple (proof-of-concept) script loader that caches scripts with localStorage
- Chico UI - A free and open source collection of easy-to-use web tools for developers and designers
- Skeleton - A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
- Dexy - “The Most Powerful, Flexible Documentation Tool Ever”
- noty – Easily create alert, success, error and confirmation messages
Inspiration
- Building a Great Web Design Portfolio – 10 Best Tips & Examples
- Five Alternative Methods for Typography Inspiration
- 18 Super Quick Web Typography Tips for Newbies
Free Resources
- Simple Tape - Free Minimalist HTML Site Template
- Stumblr - Tumblr Style Wordpress Theme (Micro Blog)
- Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks
- Free download: “Inspire” Backend Admin Template (PSD)
- Origin: Free Wordpress Theme
Optimization / Testing
- Website Speed Part 4: PHP Programming for Speed
- Resizer - A responsive design bookmarklet
- Why Inlining Everything Is NOT The Answer
- Dirty Markup – Tidy and beautify your HTML, CSS & JS code
- Kraken Web Optimizer - Online Optimization Tool
- TypedJS - Sanity Check Your JavaScript