Declan Rek shares real-world advice on boosting front-end performance from static site generation and the
picture element to lazy loading CSS and caching.
How IFRAMEs are used, where they came from, and what the specs have to say.
Peter van der Zee
@supports, you can include a small test in your CSS for whether or not a particular CSS property or value is supported and apply styles conditionally.
Brian Holt (Netflix) introduces you to React plus surrounding ecosystem including: Redux for state management, React Router for navigation and more!
A handy tutorial digging into WebPageTest
, a site speed test tool, its RESTful API, and how to use it to optimize your own sites.
Some neat tricks you can use today in CSS, from fancy CSS animations and a frosted glass effect, to using
calc() for grids and aligning with
Adobe Typekit’s Head of Typography shares some interesting ideas on dynamically calculating typography variables (e.g. font size or line heights) independent of media query breakpoints.
A quick 2 minute video intro to a new unit in the CSS Grid Layout Module - the ‘fr’ unit which represents a fraction of the available space.
29 Front End Developer JobsOur free front-end developer job site currently including frontend jobs from as far afield as Zurich and Malaysia to London and Silicon Valley. Cooper Press
Stop Applying to Jobs - Let Companies Come To YouOn Hired, engineers typically get 5+ job offers in 1 week. Find that new opportunity you've been craving and get access to 4,000+ companies instantly. Hired.com
Can't find the right job? Want companies to apply to you? Try Hired.com.
Flash Is Dying in December: Long Live HTML5 Video Player news
“TL;DR: if you play HLS, it’s time to add MSE playback.”
Micropub is Now a W3C Candidate Recommendation news
Polymer Summit 2016 Arrives in London on 17-18 October 2016 news
Join the second Polymer Summit at Tobacco Dock, London for two full days of talks, codelabs, and breakout sessions from the Polymer team and major companies using Polymer and web components in production.
Google, Inc. Sponsor
Using CSS3 Counters for Figure and Table Numbering tutorial
A Few HTML Tips tutorial
Bootstrapping Progressive Web Apps with amp-install-serviceworker tutorial
How to build a seamless bridge between AMP pages and Progressive Web Apps with amp-install-serviceworker.
How to Use the Module Pattern in your SCSS/Sass Stylesheets tutorial
`font-display` for The Masses tutorial
font-display is a new CSS property for controlling how Web fonts display.
Auditing the US Presidential Candidates Websites for Accessibility story
An accessibility audit on Hillary Clinton’s and Donald Trump’s campaign sites.
Helena Zubkow and Mike Herchel
Offline Content with Service Workers story
A look down the ‘deep rabbit hole’ of how powerful and versatile service workers are for delivering offline content.
Building a Web Audio Experiment: Detecting Piano Notes story demo
Headings and Semantic Structure for Accessible Web Pages video
Getting Started with CSS Transitions (a very simple 2 minute video) video
Photoshop Etiquette For Responsive Web Design opinion
Lightning fast SSD hosts for your HTML5 project tools
Host your HTML5 site on Linode servers - the fastest VPS hosts available. Use promo code
HTML520 for $20 credit.
Write JS to do things in the browser when triggered by the keyboard.
25 Essential Chrome Extensions for Web Designers tools
A good round-up of tools for devs and designers.
Animate.js: A Tiny Script to Trigger Animations on Elements When In Viewport code