#378 — February 13, 2019

Read on the Web

🚀 Frontend Focus

Rendering on the Web: Exploring the Server-Client Spectrum — A look at different forms of Web rendering from both simple, server-rendered HTML all the way along to fully client-rendered layouts. If you want to understand terms like CSR, rehydration, or pre-rendering, this is for you.

Jason Miller and Addy Osmani

Bootstrap 4.3.0 Released — Includes new utilities, optional responsive font sizes, improved CSS compilation, and more. There’s also notes on version 5 planning here, with news that Bootstrap 5 will drop jQuery for vanilla JavaScript and also drop support for IE.

Mark Otto, Jacob Thornton, and Bootstrap contributors

Create a Serverless Powered API in 10 Minutes — Use Cloudflare Workers to cache content while still preventing unwanted access with HMAC and JSON Web Tokens.

Cloudflare Workers sponsor

To Grid or to Flex? — Unpacks when and where you might want to use CSS grids or flexbox, and some reasons for choosing one or the other.

Michelle Barker

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need — Instead of tweaking or trying to control browser functionality, this article makes the case for leaving key features to the browser to ensure the most accessible experience.

Eric Bailey

Apple Is Removing 'Do Not Track' From Safari — Ironically enough, the DNT standard being removed is to prevent its “potential use as a fingerprinting variable”. Thankfully, improved privacy and data protection seems to be slowly becoming a more default feature in browsers now.

Kashmir Hill

Microsoft Security Chief: IE Is Not A Browser, So Stop Using It As Your Default — A Microsoft exec has warned that Internet Explorer is a ‘compatibility solution’ and should only be used selectively. Preaching to the choir here, and this is, we suspect, the very end of IE's long story for us. 👋

Liam Tung (ZDNet)

Announcing the State of CSS 2019 Survey — From the creator of the popular ‘State of JavaScript’ survey comes a new study looking to identify key trends in CSS.

Sacha Greif

💻 Jobs

Sr. Fullstack Engineer (Remote) — Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work.

Sticker Mule

Senior Frontend Engineer - React (Remote, Palo Alto, Vancouver) — Join our team and help us bring orchestration and collaboration tools that promote SRE best practices to teams around the world.


Try Vettery — Vettery specializes in developer roles and is completely free for job seekers.


📘 Tutorials & Opinion

Links That Don’t Go Anywhere Should Be Buttons — Advises against using an anchor element for invoking JavaScript functionality, instead recommending using the button element (which comes with “a boatload” of accessibility benefits).

Christian Heilmann

How to Animate a Blob of Text with SVG and Text Clipping — This is a really neat effect and well suited to a homepage.

Zach Saucier

Webinar: CMAF Low Latency — Hear from Shilpa Murthy (Bitmovin), Jerome Blanc (Anevia), and Ashok Lalwani (Fastly) to learn more about how the current architecture is shifting to support a low latency framework.

Bitmovin sponsor

Constructable Stylesheets: Seamless Reusable Styles — Constructable Stylesheets are a new way to create and distribute reusable styles when using Shadow DOM and will be shipping in Chrome 73.

Jason Miller

How to Style Different Sites with One CSS Collection — An interesting approach here, driving two sites using the same CSS collection.

Gabrien Symons

Do I Have to Add A Dark Mode Now? — Reasons for and against adding a dark mode to an app or website.

Koos Looijesteijn

HTML Tables: All There Is to Know About Them — A good primer on HTML tables, elements and attributes, and when and when not to use them.

Alexander Gilmanov beginner

Whitepaper: Learn How to Plan a React Application

Progress KendoReact sponsor

Building A Modern Carousel with CSS Scroll Snap, Smooth Scrolling, and Pinch-zoom

Nolan Lawson

🔧 Code and Tools

Uppy: A Next-Gen File Uploader for Web Browsers


ImmortalDB: A 'Relentless' Key-Value Store for The Browser — Data is redundantly stored in cookies, IndexedDB, LocalStorage, and SessionStorage, and self heals as needed.

Ansgar Grunseid

Shop Like a Developer – Discover and Experiment with Hot New Cloud Services 🔥

Manifold sponsor

The National Park Typeface: A New Open Font — A free, Web-friendly font (in four weights) inspired by the routed text commonly used on signs in America’s national parks.

DO Studio

Text Distortion Effects using Blotter.js — Some text distortion experiments (distort text as you scroll/move the mouse) using the Blotter.js library.

Mary Lou

Three.js Ballooning — A beautiful little demo of a hot air balloon flying over a 3D landscape. It’s open source too, if you want to play with the code yourself.

Alexander Perrin demo

   🗓 Upcoming Events

An Event Apart, March 4-6 — Seattle, Washington — A 3-day conference with 17 sessions and a focus on digital design, UX, content, code, and more.

UpFront Conference, March 22 — Manchester, UK — A frontend conference 'open to everyone who makes for the web'.

SmashingConf, April 16–17 — San Francisco, California — A friendly, inclusive event which is focused on real-world problems and solutions

CSSCamp 2019, July 17 — Barcelona, Catalunya — A one-day, one-track conference for web designers and developers.

👋 The Firefox DevTools team seek your help..

CSS Layout Debugging Survey — This quick one-page survey from the Firefox DevTools team is seeking responses. They’re looking to find out what CSS layout problems you run into.

Firefox DevTools Team