What’s new in Chrome and Firefox for devs, plus what’s on the horizon for Safari July 1, 2020 #447 — July 1, 2020 Web Version Frontend Focus ? Google’s web.dev LIVE Event is On Now — It started yesterday but Google is running a three day (June 30-July 2) online event focused on the Web development community covering new tooling and techniques. If you want to watch the talks from yesterday, they’re all here. web.dev When… Read More
Safari to get WebExtensions (and more from WWDC) June 24, 2020 #446 — June 24, 2020 Read on the Web Frontend Focus Safari 14 Beta Release Notes — Revealed at this week’s WWDC, Safari 14 will ship alongside iOS 14 & macOS 11 later this year. Here are the headlines: Adds support for WebP images and HDR video playback; Support for HTTP/3; Ditches Flash; Will support… Read More
Bootstrap 5 Alpha arrives, Chrome experiments with (not) displaying URLs June 17, 2020 #445 — June 17, 2020 Read on the Web Frontend Focus Bootstrap 5 Alpha Released — It’s early days but the first useful glimpse of Bootstrap 5 is here, including a new logo. Bootstrap continues to be a very popular CSS framework, not least because it keeps taking useful steps forward. v5 drops jQuery, starts… Read More
A guide to media queries, and a look at new CSS pseudo-classes on the way. June 10, 2020 #444 — June 10, 2020 Read on the Web Frontend Focus Current browser support for ‘is()’ via caniuse.com CSS :is() and :where() Are Coming to Browsers — Šime Vidas explains how these new CSS pseudo-classes can be used (for reducing repetition, and keeping specificity low respectively). Web Platform News The Complete Guide to CSS Media Queries… Read More
A guide to contributing to Web standards June 3, 2020 #443 — June 3, 2020 Read on the Web ? It’s time to speak up, donate, or even just stream a fundraising video, because Black Lives Matter. Our thoughts are with everyone in the US and beyond fighting for these causes. Frontend Focus Image via: Increment A User’s Guide to CSS Variables — A long-requested but… Read More
Ten years of responsive web design May 27, 2020 #442 — May 27, 2020 Read on the Web Frontend Focus Responsive Web Design Turns Ten — Ten years ago the phrase ‘responsive web design’ was first coined. This guiding blog post, outlining the three ‘ingredients’ needed (fluid grids, flexible images, and media queries), soon followed. Here, Ethan takes a look back at just how… Read More
How to find the minimal CSS framework for you May 20, 2020 #441 — May 20, 2020 Read on the Web Frontend Focus A Drop-in Minimal CSS Framework Switcher — There are a lot of so called ‘minimal’ CSS systems out there, such as new.css and GitHub’s Primer but it can be hard to sort through them for something you’d like. Enter this ‘minimal CSS framework switcher’… Read More
Fine-Tune your Managed WordPress with Softaculous May 15, 2020 Install Softaculous and manage WordPress installations like a pro. Benefits of Softaculous for Managed WordPress Softaculous provides everything you need to offer Managed WordPress solution to your clients. Auto Install WordPress Softaculous provides API to auto install WordPress when a user purchases the hosting plan with you. Ready made modules are available for WHMCS and… Read More
A look at the CSS contain property May 13, 2020 #440 — May 13, 2020 Read on the Web Frontend Focus Let’s Take a Deep Dive Into the CSS Contain Property — This is a comprehensive look at a new-ish CSS property (now a standard) with pretty good browser support that helps a browser to calculate a page’s layout more efficiently. Travis Almand Does Masonry Belong… Read More
A Complete Guide to CSS Functions May 6, 2020 #439 — May 6, 2020 Read on the Web Frontend Focus Introducing Web Vitals: Essential Metrics for Healthy Sites — Web Vitals is a new Google initiative to provide guidance on quality signals (think first input delay, load speed, etc.) that are key to delivering good user experiences on the web. Google A Complete Guide to… Read More