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

Read this e-mail on the Web HTML Weekly Issue 246 — June 29, 2016 The Languages Which Almost Became CSS Zack Bloom A enjoyable essay looking at technologies and approaches that were proposed for styling Web documents before CSS became the firm favorite. Content Jumping (and How To Avoid It) Brandon Smith “Few things are as annoying on the web as having the page layout unexpectedly change or shift while you’re trying to view or interact with it.” A Single Div: A CSS Drawing Project Lynn Fisher Detailed, elegant icons rendered with CSS upon just one div element. (You’ll want to open your browser's element inspector to dig into these.) How to find and fix the slowest code in your .NET application Red Gate  Sponsored Boost the performance of your .NET application with ANTS Performance Profiler. Get rich performance data on your code and database queries to find your application's bottleneck fast. Try ANTS Performance Profiler on your app now. Improved Font Loading in Webkit Myles Maxfield “Many fonts are large, causing a long delay until the browser can use them. WebKit has mitigated this.” Image Replacement Techniques in the Modern Age Baljeet Rathi Baljeet Rathi explains the various CSS image replacement techniques available to web developers today and their pros and cons. Three Real-World Uses for Mutation Observer Zack Bloom Mutation Observer is a feature, supported by all modern browsers, that let you detect when elements in a page are inserted, changed or removed. Everything You Could Want to Know About The Referer Header Neil Jenkins What is the Referer header and how can you control its presence (or lack thereof)? A handy resource for security-minded Web developers. An Introduction to Website Animation with Velocity.js Bryan Elkus A quick walkthrough of building your first animation with Velocity.js to animate a list. Includes a CodePen example. The 14 Most Popular CSS Links of 2016 So Far Chris Brandrick We’ve taken a look through all the stats from HTML5 Weekly published so far in 2016 and collected the most popular CSS links we shared. Jobs Palantir co-founder’s new startup in SF looking for Front End EngineerAt Affinity we're building a better way for enterprise to understand, share and nurture professional relationships. Have front-end experience? Join us in SF to learn, experiment and support our team. Apply here. Affinity The Easiest Way to Find a JobHired lets you sit back while job offers come to you. When you complete your profile, instantly apply to 3,500+ companies on the platform who will contact you with job offers, including salary and equity up-front. Try it today. Hired.com In brief Dreamweaver Is Back for Us, Coders news A look at the beta of Adobe’s refreshed code editor, Dreamweaver.  Anselm Hannemann D3.js 4.0 Released: The Popular Data Visualization Library news  D3 HTML5 Ads Aren't That Safe Compared to Flash, Experts Say news  Catalin Cimpanu Apple Releases Safari 10 Developer Beta for OS X Yosemite and El Capitan news  MacRumors 'Chrome does not respond dynamically to @media rules inside @supports' news  Emil Björklund Contextual Identities on the Web in Firefox Nightly news  Tanvi Vyas Don't Overthink Flexbox Grids tutorial Vanilla, framework-free grids are easy-peasy with Flexbox.  Chris Coyier Form Design: How to Automatically Format User Input tutorial Learn how to format, real time, user input in a form field.  Thoriq Firdaus Building Better Accessibility Primitives tutorial A look at ARIA and HTML in relation to modals and disabling tabindex.  Rob Dodson Drawing Waveforms with the Web Audio API and SVG tutorial  Matt Sumner Build Your First Thing With WebAssembly tutorial  Nick Larsen The Landscape of Front-End Testing video  Alicia Sedlock A Different Approach tools Take control of your website with features you won't find anywhere else. Find out why PageCloud is the world's most advanced website creator.  PageCloud SPONSOR Tool to Draw Pixel Art, Get CSS Back tools  Javier Valencia Romero Algolia Places: Address Autocompletion for 'input' Fields tools code There’s a full intro post too.  Algolia Tridiv: A Web-Based Tool for Creating 3D Shapes with CSS tools  Julian Garnier Vidage: Full-Screen Background Video and Image Library code Automatically switches the video for a fallback image on small/touch devices.  Nenad Novaković griddy.css: A Simple, Responsive 12 Column Based Grid in ~1KB code  Dmitri Voronianski gl-water2d: 2D Liquid Simulation with WebGL code  Eric Arnebäck 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