Level up!
You're damn good at what you do. Let's dive into the community!
Learn
One of the most beautiful things about the web is that it's constantly changing. While these changes and improvements can be overwhelming, we're here to help you get caught up! Here are some great resources to walk you through how browsers work, and help keep you up to date on their improvements.
How do I keep up with what’s landing in browsers?
- Keeping up with HTML5 and browser support - a list of resources that capture all of these changing things
- Peter Beverloo’s Blog - weekly updates of WebKit and Chrome
- The WHATWG Blog - summaries of weekly web standards activity
- W3C’s open web - weekly updates about the Open Web Platform
- Opera Developer News - tracks changes to Opera's web platform
- HTML5 Rocks updates - HTML5 and Chrome breaking news
- Mozilla Hacks - cool apps and HTML5 features
- Status.Modern.IE - IE web platform status and roadmap.
Follow them on Twitter
You should probably follow: @oDevRel (Opera developer relations), @ChromiumDev (Chrome developer relations), @mozhacks (Mozilla's web developer outpost) & @IEDevChat (Internet Explorer developer relations).
How do I understand how browsers work?
- How Browsers Work: Behind the Scenes of Modern Web Browsers - in-depth look at how a browser works
- Life of a <button> element (by Alex Russell) - great talk about rendering layout and CSS
Other learning resources
- CSS-tricks - provides a wealth of articles, tutorials, and downloads for the web design community.
- HTML5doctor - a great resource for people wanting to learn about HTML5, its semantics, and how to implement it today!
- WebPlatform.org - Community web development documentation wiki.
- Dive into HTML5 - takes an in depth look at a selection of HTML5 features.
- Addy Osmani’s blog - tons of great articles for people who want to learn more about jQuery, JavaScript, HTML5, and CSS3.
- Paul Irish’s blog - all about helping you build cool websites and keeping you up to date on the latest news.
- Dev.Opera - articles for learning about HTML5 features.
- IE Blog - talks about updates to Internet Explorer
- Web browser, frontend and standards feeds to follow
- YUI Theater - videos of talks about frontend engineering and web technologies given at Yahoo! over the years (many of them unrelated to YUI).
- Adobe Developer Connection - articles and videos for learning about HTML5, CSS3 and mobile development.
Reference docs/wikis
- Mozilla’s MDN - awesome documentation regarding HTML, CSS, JavaScript, the DOM, and more. It’s also a great place to contribute! Read How to help and learn how to get started.
- dochub.io - quick access to MDN-docs, includes HTML, CSS, JavaScript, and DOM.
- Forward-compatible websites - list of best practices for creating websites that won’t break when browsers are updated.
- HTML5 Please - Use new and shiny responsibly - Encyclopedia for HTML5 features across browsers, look up specific features and see when/if you can use it.
- Can I Use - Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
Itching to learn?
All it takes is a quick read of a few articles or tweets and you can scratch that knowledge bug! Trust us – once you’ve gotten started, it just keeps getting easier.
Yes, I want to do this!Here are some developers who want to do this too:
Ask for help
Answer questions and participate in conversations on IRC
How to get started with freenode and irc
- Freenode IRC channels: #html5 / #css / #javascript / #whatwg / #jquery / #yui / #dojo / #web / #bbg (on irc.freenode.net)
- Mozilla IRC channel: #js (on irc.mozilla.org)
How to ask for help
- You’ll probably want to make a jsfiddle first.
- Create a reduced test case.
- Remember: be specific!
- Ask on IRC, StackOverflow (even its javascript chatroom), or a group of friends.
A helping hand.
We've all gotten to where we are by relying on others for help at some time or another. Don't be shy, and just ask! Just please make a jsfiddle first. =D
Yes, I want to do this!Here are some developers who want to do this too: