This Week's HTML5 and Browser Technology News (Issue 243)

What to put in your 'head' tag, the Web Platform's crisis, and what's new in Bootstrap 4 Read this e-mail on the Web HTML Weekly Issue 243 — June 8, 2016 HEAD: Everything To Go In Your HTML's 'head' Josh Buchea Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations. The Crisis Facing the Web Platform Peter Gasston Alex Russell thinks the Web is in serious crisis due to the dominance of mobile platforms and research showing time spent using the Web is dropping. Bootstrap 4: A Visual Guide to What’s New Carol Skelly Literally see what’s new in the next version of the popular front-end framework, including cards, font changes, a new XL grid tier, and tweaks to button styling. Building Your HTML5 Project? Host with Linode Linode  Sponsored Linode's SSD hosts are the perfect environment for any HTML5, CSS, and JavaScript media. Meet your website's demands with a lightening-quick cloud host offered at competitive pricing. 99.9% uptime and 24/7 support. Firefox to Help Developers with JavaScript Errors Mozilla Hacks Error messages in the Firefox Developer Console will provide helpful links to associated documentation. Improving Your CSS with Parker Harry Roberts Parker is a CSS static analysis tool that provides insights into your stylesheets and their complexity. The Physical Web: Make It So YouTube An interesting introduction to the ‘physical Web’ from Google’s Leon Nicholls at Google I/O. “What if the real world behaved like the Web?” he asked. Improving Scroll Perf with Passive Event Listeners in Chrome Google New to Chrome 51, passive event listeners provide a major potential boost to scroll performance. Jobs craigslist seeks JavaScript Developers (San Francisco, CA)CL seeks web devs with JavaScript, CSS, and HTML experience to join a small (~50), tech-driven, laid-back workplace to design and ship new features daily, and see them loved (or hated) by millions. Come help us save the world, or at least our corner of the Internet. craigslist Hired is the best place to find engineering jobs.Bored at work? Want to try a new stack? Find 3500+ great tech companies on Hired who will compete to hire you. Try it today.  Hired.com In brief Upcoming Web Design Conferences (June-December 2016) news  Smashing Magazine Five Ways to Hide Elements in CSS tutorial  Baljeet Rathi You Don't Need JavaScript for That (Use CSS) tutorial A look at JS-free tooltips, dropdowns, and visibility toggling.  Cristina Silva Battling BEM: 10 Common Problems And How To Avoid Them tutorial BEM is a front-end development methodology covering code reuse, naming, file layout, and more.  David Berner Retrofitting Zooming UI To Legacy Websites: An Impossible Task? tutorial  Luca Leone and Anders Schmidt Hansen Using the Permissions API to Query Browser API Permission Levels tutorial  David Walsh How to Build a News Website Layout with Flexbox tutorial  Jeremy Thomas Don't Use iOS Meta Tags Irresponsibly in Your Progressive Web Apps opinion  Maximiliano Firtman Web Storage: The Lesser Evil for Session Tokens opinion  James Kettle The Basics of Building 3D Games on the Web opinion  Andrzej Mazur An Animated Typographic Terminology Cheat Sheet tools demo  Supremo Cutestrap: A Tiny Alternative to Bootstrap tools Just 8KB of CSS.  Tyler Childs CSS Specificity Cheat Sheet, inspired by The Shining tools  CSS Dev Conference LightCMS Developer Program - Free 14-day trial tools Design More, Work Less. You do fun, we do boring. Create outstanding websites on LightCMS.  LightCMS SPONSOR An example of morphing shapes in CSS using some rather intense SCSS code code  CodePen html-extend: Extend HTML using an ES6-like Module System and Annotations code  Sergii Kliuchnyk AOS: A CSS-Driven 'On Scroll' Animation Library code tutorial AOS standing for Animate On Scroll  Michał Sajnóg CSS Modules Demos code CSS Modules is a method to add local scope and dependencies to CSS.  Ruan YiFeng raf-stub: Accurate Testing of requestAnimationFrame & cancelAnimationFrame code  Alex Reardon An HTML5 Micro-Simulation of Traffic Flow demo Not new but I found it fun to see how jams can appear ‘out of nowhere’.  Dr. Martin Treiber Curated by Peter Cooper and published by Cooper Press. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via HTML5 Weekly