Wednesday, 17 April 2013

Great Web Resources

While this list may become obsolete quite quickly (after all the interweb does move at a fair pace!) I thought it could be useful to provide a quick synopsis of the resources I use on a day-to-day basis.

Each of these web resources I've either used directly as a central bread-and-butter part of my everyday work, or have heard great things about and need to look into further! There is also a compilation of web-gurus to which you really should subscribe - these are incredibly knowledgeable and clever people who are completely immersed in all things web. If they speak or blog about it - you should listen!

I'll break this into categories to make this list a little easier to digest: HTML, CSS, Javascript, Mobile, Testing & Sharing.


W3C The World Wide Web Consortium is an international community where member organisations, full-time staff and the public work together to develop web standards. Led by web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C'2 mission is to lead the web to its full potential. Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers is a community driven site that aims to become a comprehensive and authoritative source for web developer documentation. Discover browser support for HTML5 & CSS3. Also provides recommendations for polyfills and implementation so you can decide how to put features together.

HTML Frameworks 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. The premise is ideally suited to rapid prototyping, but works equally as well when integrated into a productions environment Modernizr is a JavaScript library that detects HTML5 and CSS3 features used in the users' browser. Taking advantage of cool new web technologies is great fun, until you have to support browsers that lag behind. Modernizr makes it easy to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not. Easy progressive enhancement.

CSS Founded by CSS mastermind, Chris Coyier, is geared towards web design, education and inspiration.
Twitter Bootstrap is a sleek, intuitive and powerful front-end framework for faster and easier web development. Less.css is a dynamic stylesheet language. LESS extends CSS with dynamic behaviour such as variables, mixins, operations and functions. LESS runs on both the server- or client-side. is a cross-browser CSS3 rule generator./p>


jQuery makes HTML document traversal and manipulation, event handling, animation and Ajax much simpler with a simple API that works across most browsers. At the time of writing more than 60% of the top 10k websites use jQuery. jQuery has changed the way that million of developers write JavaScript.
jQuery UI is a Curated set of user interface interactions, effects, widgets and themes built on top of the jQuery library.

Mobile Development enables you to test the display of your website in a mobile phone.
Mobile HTML5 Boilerplate. Best practise baseline for mobile apps. Helps you create rich, performant & modern mobile web apps. Kick-start your project with dozens of mobile optimizations and helpers. Open source mobile phone detections.

Sharing Gist is a simple way to share snippets of code with each other. All gists are git repositories, so they are automatically versioned, forkable and usable as a git repository.
JSFiddle is a playground for web developers and online editor for web snippets. Helps isolate bugs. Many frameworks supported.
jQuery Mobile is a touch-optimised web framework for smartphones and tablets. A unified, HTML5-based user interface system for all popular mobile device platforms. It's lightweight code is built with progressive enhancement and has a flexible, easily themeable design.

Testing provides live, web-based browser testing. Instant access to all desktop and mobile browsers. Say goodbye to multiple virtual machines and devices. is a new set of tools to help you support modern and older version of Internet Explorer. Scan for common coding problems.
Jasmine a behaviour-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.

Other resources

Appliness is a digital magazine for web application developers. Created by developers, for developers. Focusses on how to use web standards to build desktop and mobile apps. is packed full of HTML5 tutorials, frameworks, development tools and inspiration, is a great place to learn HTML5.

Web Guru's

The knowledge and insight these guys & gals have is immense. Sit up, take notice and learn!
Addy Osmani Chrome dev tools guru, working to improve development productivity and satisfaction.
Paul Irish A former jQuery team member who now works with Google Chrome's Developer Relations team. Creator of Modernizr.
Alex Sexton Javscript authority, yayQuery co-host, Modernizr team member. Creator of YepNope and on the jQuery board of advisors.
Chris Coyier CSS mastermind, founder of and
Rebecca Murphey Javascript developer & speaker evangelising code organisation and best practise.
Cody Lindley Talented and experienced client-side engineer concerned with performance.
Remy Sharp Founder of Full Frontal UK Javascript conference, technical author & front-end development specialist.
John Resig Javascript ninja & creator of the jQuery library. Authority on all things JavaScript.
Elijah Manor Microsoft ASP.NET MVP specialising in JavaScript and jQuery front-end development.

No comments:

Post a Comment