Everything You Need To Know About Alignment in Flexbox August 15, 2018 #353 — August 15, 2018 Read on the Web Frontend Focus webhint: A Linting Tool for Web Best Practices — A customizable (and extensible) tool that checks your site for accessibility, performance, security, and other concerns. Note: webhint is the new name for Sonarwhal. JS Foundation Everything You Need To Know About Alignment in Flexbox… Read More
Site Crashed ? Need a backup ? Use Softaculous Automated Backups! August 11, 2018 What is an Automatic backup? Backup is a system that copies your data into an archive which can be used to restore the files to the original state. By automating a backup through a regular back up system, you don’t have to back up your data manually. The automated backups are performed through cronjob/scheduled tasks. How does Softaculous Automated Backup Feature… Read More
What’s new in the Chrome 69 beta (lots) August 8, 2018 #352 — August 8, 2018 Read on the Web Frontend Focus What Happens When You Create a Flexbox Flex Container? — Rachel Andrew unpacks how flexbox works in detail, starting with a look at what actually happens when you add display: flex to your stylesheet. Smashing Magazine Well-Controlled Scrolling with CSS Scroll Snap — An… Read More
The Trick to Viewport Units on Mobile August 1, 2018 #351 — August 1, 2018 Read on the Web Frontend Focus Priority Nav Scroller: Priority+ Navigation in a Horizontal Scrollable Container — A practical navigational element if you have a large number of category links to show. Comes as an ES6 module but a compiled version is also included. Nigel O Toole Implementing a ‘Double… Read More
Prevent Breaking your live website with our Staging Feature July 31, 2018 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
Chrome 68 released, non-HTTPS sites marked as “Not Secure” July 25, 2018 #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
The 9 Biggest Mistakes when using CSS Grid July 18, 2018 #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
A ‘div’ that looks different in each major browser July 11, 2018 #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
Layoutit: A CSS Grid layout builder July 4, 2018 #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
Real world assessment of Web site loading performance June 27, 2018 #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