CSS Custom Properties
(aka CSS variables) are now supported in all major browsers and they offer a lot of possibilities to Web developers, as seen in this thorough overview.
“Now that CSS Grid Layout is a reality, I wanted to see what it would take to replace an existing grid framework with CSS Grid.”
An easy to integrate and versatile HTML5 based MPEG-DASH and HLS player for desktop, mobile, VR Headsets, Chromecast, AirPlay, AppleTV and SmartTVs. Including a WebGL based VR and 360 video component and a completely customizable HTML5/CSS UI.
How and why Geckoboard uses CSS Variables in combination with React to re-style their web app on the fly.
Responsive Web design has changed the way we build sites. Here, Smashing Magazine looks at responsive navigation techniques, in particular.
Heather Migliorisi covers two accessibility issues to keep in mind when implementing smooth scrolling: focus management and animations.
position: sticky doesn’t work in Edge yet, but this provides similar ‘sticky header’-style functionality in under 2KB.
Dollar Shave Club
The Firefox team are getting rid of the Aurora channel and basing the Developer Edition on the beta build.
Frontend Developer at X-Team (Remote)We seek a developer with extensive Frontend knowledge. We're 100% remote and provide the funding needed to help you achieve your goals and grow. X-Team
Frontend Engineer at FR8StarWe are looking for a Frontend Engineer to help us revolutionize the trucking industry. FR8Star
Frontend Web DeveloperCreate an exceptional community experience for over 100 million Runtastic.com users. Join our team now! Runtastic GmbH
Can't find the right job? Want companies to apply to you? Try Hired.com.
CSS3 Pseudo-Classes: The Basics tutorial
Some uncommon ones here such as
Goldstein, Lazaris and Weyl
Focusing a background-image on a Precise Location with %ages tutorial
On Hiding Content tutorial
hidden attribute works, how it differs from
aria-hidden and how it relates to just hiding with CSS.
Hidde de Vries
Creating Testable, Modularized Chrome Extensions tutorial
Building a CSS Grid Overlay tutorial
Full-day Workshop: Using ES6 and React with Netflix's Brian Holt course
React eschews the traditional MVC architecture, a counter-intuitive approach Brian explains along with JSX, React best practices, and the React component lifecycle.
Forward Courses Sponsor
A Modern Front-End Workflow video
In 30 minutes, learn various DevTool secrets and how to adopt a modern development and debugging workflow.
The Benefits of Server-Side Rendering Over Client-Side Rendering opinion
Stop Using Device Breakpoints opinion
“Content breakpoints give people better experiences no matter what size device they have.”
cssnano: A Modular Minifier, Built On Top of The PostCSS Ecosystem tools
CSSPeeper: A Smart CSS Viewer Tailored for Designers tools
A Chrome extension for inspecting items and styles.
Dawid Młynarz and Jędrzej Sadowski
SQL Source Control: track each change to your SQL Server database tools
Get a full history in your source control system. See who made changes, what they did & why. See how.
Red Gate Sponsor
RAGrid.css: A Grid Framework with Auto-Layout Features code
WebVR Experiments demo
Google recently launched WebVR Experiments, a site featuring a dozen or so interactive WebVR apps and their source code. Associated blog post here.
A Pure CSS Crossword using CSS Grid demo