Ian Lai
  • About
  • Contact
This post has been marked as legacy. It is not updated, and there may be inaccuracies in the content.

Web Design & Development Bookmarks - Part 1

· 2 min. read

The following is a re-mastered collection of bookmarks from February 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 2 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.


  • How to Create CSS3 Paper Curls Without Images
  • Different CSS3 Box Shadows Effects
  • Orman Clark’s Chunky 3D Web Buttons: The CSS3 Version
  • Learn jQuery In 30 Days
  • HTML5 Canvas Tutorials
  • HTML5 Please - Use the new and shiny responsibly
  • Flared Borders With CSS
  • How to Build a Stylish CSS3 Search Box
  • CSS Reference
  • Interactive Typography Effects With HTML5
  • Creative CSS3 Animation Menus
  • CSS3 Ribbon Builder
  • Bear CSS - Generate CSS Based On Your HTML
  • Fun With HTML5 Forms
  • Video Re-Captcha
  • MotionCAPTCHA - Stop Spam, Draw Shapes

Frameworks / Libraries

  • Discover Facebook’s developer tools
  • PHP Fat Free Framework (F3)
  • Bootstrap - HTML/CSS Framework (by Twitter)
  • Hojan.js - 2.5k  JS Templating Engine (by Twitter)
  • Microjs: Fantastic Micro-Frameworks andMicro-Libraries for Fun and Profit!
  • HTML5 Boilerplate
  • Initializr - Start A HTML5 Project In 15 Seconds
  • Modernizr - Feature Detection
  • YepNope.JS - ASYNC Conditional Resource Loader
  • CDN.JS - CDN For Popular JS Libraries
  • Sharrre - A plugin for sharing buttons
  • jQuip - "jQuery In Parts"


  • 16 Best Web Design Galleries for Inspiration
  • 33 Kick-Ass Websites for Your Inspiration
  • 20 Magazine Layout Designs for Inspiration
  • 32 Inspiring Examples of Amazing Layout and Typography

Free Resources

  • 50 Stunning Pixel Perfect PSD Freebies
  • 50+ PSD UI Web design elements
  • 35+ Icon Packs For Web Designers (That Don’t Suck!)
  • 20 More Fresh & Free Fonts for Beautiful Headlines
  • Entypo - 100+ carefully crafted pictograms
  • Heydings Icon - A Free @font-face Icon Set


  • Give Your Site A Health Check (Infographic)
  • Microcaching: Speed your app up 250x with no new code
  • Optimizely: A/B Testing


  • Tips for Creating a Magazine Layout in InDesign
  • Your Brain On CSS - CSS 3D Demo
  • The Reality of HTML5 Game Development and making money from it
  • Useful PHP Snippets & More
  • About normalize.css
  • Taking Advantage of HTML5 and CSS3 with Modernizr
← Next
Web Design & Development Bookmarks - Part 2