DSCallards BI Blog: 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.

Standards

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.
CanIUse.com Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers
WebPlatform.org is a community driven site that aims to become a comprehensive and authoritative source for web developer documentation.
HTML5Please.com. 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.gs. 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.com. 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

CSS-Tricks.com Founded by CSS mastermind, Chris Coyier, CSS-Tricks.com 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.
LESSCSS.org. 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.
CSS3Please.com is a cross-browser CSS3 rule generator./p>

JavaScript

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

MobilePhoneEmulator.com 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.
DetectMobileBrowsers.com. Open source mobile phone detections.

Sharing

Gist.guthub.com. 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

Browserstack.com provides live, web-based browser testing. Instant access to all desktop and mobile browsers. Say goodbye to multiple virtual machines and devices.
Modern.ie 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.
HTML5Rocks.com is packed full of HTML5 tutorials, frameworks, development tools and inspiration, HTML5Rocks.com 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. addyosmani.com Follow @addyosmani

Paul Irish A former jQuery team member who now works with Google Chrome's Developer Relations team. Creator of Modernizr. paulirish.com Follow @paulirish

Alex Sexton Javscript authority, yayQuery co-host, Modernizr team member. Creator of YepNope and on the jQuery board of advisors. alexsexton.com Follow @slexaxton