What is Staging? The staging environment is a copy of your production website where you can preview any changes or upgrades before you apply them on your production website. This prevents any downtime or unexpected errors on your live website. Why Risk your production website when you can play safe with our Staging tool! How… Read More

#350 — July 25, 2018 Read on the Web Frontend Focus A Milestone for Chrome Security: Marking HTTP As “Not Secure” — Chrome 68, released this week (more on that below), shows a “Not secure” message in the location bar when accessing a site over unencrypted HTTP. The march to ‘HTTPS everywhere’ continues. Google Adding… Read More

#349 — July 18, 2018 Read on the Web Frontend Focus ?  The 9 Biggest Mistakes when using CSS Grid — A fast-paced 14 minute video (ideal for a lunch break!) that runs through things like overusing CSS Grid, reaching for frameworks too quickly, or worrying about IE11 too much. Jen Simmons Chrome’s ‘Site Isolation’ for… Read More

#348 — July 11, 2018 Read on the Web Frontend Focus A ‘div’ That Looks Different In Each Major Browser — A neat demonstration of how specs don’t guarantee an identical result across browsers. Here’s the CodePen to try it for yourself. Martijn Cuppens on Twitter Writing IE-Friendly CSS Grid Code — Want to lean… Read More

#347 — July 4, 2018 Read on the Web Frontend Focus Layoutit: A CSS Grid Layout Interface Builder — A very quick online way to put together a CSS grid layout and get the code needed to make it happen. We saw this getting some love on Twitter and were impressed with it ourselves. Leniolabs… Read More

#346 — June 27, 2018 Read on the Web Frontend Focus Drawing Images with CSS Gradients — If you’ve seen an illustration created purely with HTML and CSS but struggled to understand how it all comes together, this is a neat step-by-step guide to creating some of your own. Jon Kantner Assessing Loading Performance in… Read More

#345 — June 20, 2018 Read on the Web Frontend Focus CSS Doodle: A Web Component for Drawing Patterns with CSS — A Custom Elements-based component that builds an internal grid of DIV elements and then populates them using CSS to create patterns. Yuan Chuan ?  The Cost of JavaScript — In just 20 minutes Addy… Read More

#344 — June 13, 2018 Read on the Web Frontend Focus The New (and Old) CSS Units You’ve Never Heard About — Exploring the newly defined CSS units that have been recently or are going to be implemented in browsers, including lh, vi and grad. Massimo Artizzu Manipulating Pixels Using Canvas — If you’ve not… Read More

#343 — June 6, 2018 Read on the Web Frontend Focus How to Start with Variable Fonts on the Web — A detailed primer on using variable fonts, single font files that can behave like multiple fonts via OpenType settings. They’re supported by the latest version of all major browsers except Firefox (which has support… Read More

#342 — May 30, 2018 Read on the Web Frontend Focus Getting Started With CSS Layouts — Whether you’re fairly new to CSS or an experienced developer from elsewhere in the stack who wants to make sure your understanding of layout today is up to date, this guide covers everything you need to know about… Read More