|
A great introduction to the concepts around lengths, units, and content-based sizing with layouts based on Grid and Flexbox.
Rachel Andrew
An introduction to HTML’s new dialog element for adding native modal boxes.
Keith J. Grant
A well presented, visual guide to what different CSS properties do.
Jeremy Thomas
Get a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. Get $20 credit on a new account.
Linode Cloud Hosting
Sponsor
An update to a benchmark for modern web app responsiveness that simulates user interactions upon a basic app. 2.0 better reflects the frameworks, tools, and patterns in wide use today.
WebKit
Muted autoplay will be fine, but for audio to play some conditions must be met. Only in Chrome Canary for now, but if you use autoplaying videos you need to be prepared.
Google Developers
Works with GitHub Flavored Markdown (GFM) but can be extended with your own extensions. Supports all major browsers (IE10+). GitHub repo.
NHN Entertainment
Jobs
In Brief
Frontend Developer Love Conference 15-16 Feb Amsterdam ❤️ news
Frontend Developer Love Sponsor
How To Make a Drag-and-Drop File Uploader With Vanilla JavaScript tutorial
Joseph Zimmerman
'display: contents' is Coming tutorial
Manuel Rego Casasnovas
Small Tweaks To Make a Huge Impact on Your Site's Accessibility tutorial
CSS Tricks
Decorative Letter Animations with anime.js and Charming tutorial
Some fun shape and letter animation experiments.
Mary Lou
Simplifying the Apple Watch Breathe App Animation with CSS Variables tutorial
This goes amazingly deep on the CSS.
Ana Tudor
Keeping Users Engaged Through Better Front End Performance tutorial
Pantheon Sponsor
Recording Video and Audio in Browser using the Web Media API video
Tim Ermilov
Zigzag Image–Text Layouts Make Scanning Less Efficient opinion
Nielsen Norman Group
Building a Mind-Controlled HTML5 Video story
Alex Castillo
Hey Meta: Website Meta Tag Checker and Builder tools
A tool to quickly check and (re)build some of your meta tags.
Igor Štumberger
CSS Cheat Sheet: A Quick Go-To Reference for CSS Goodness tools
Adam Marsden
Optimize Web App Performance with Datadog tools
Collect and alert on real-time metrics from your web applications and infrastructure. Start a free trial.
Datadog Sponsor
canvas-area: Lightweight HTML Container Element for Canvas Elements code
Stefan Goessner
Crooked Style Sheets: How Pure CSS Can Track You on Web Pages code
It’s either a tutorial or a warning, depending on your inclination.
Jan Böhmer
webshot-factory: Web Screenshots at Scale Based on Headless Chrome code
Ashish Shubham
InfiniteGrid: Arrange Card Elements Infinitely on a Grid Layout code
GitHub repo.
NAVER
Instagram.css: A Set of Instagram-style Filters Created in Pure CSS code
Yan Zhu
CSS Background Patterns Found on CodePen code
Freebie Supply
KaTeX: Fast Math Typesetting for the Web code
Easy-to-use library for TeX math rendering on the web.
Khan Academy
|