How to explore the physical web, implement fast infinite scrollers, code mobile-first emails

The history of URLs, CSS-powered search features, and how AMP is going to deal with ads. Read this e-mail on the Web FrontEnd Focus formerly HTML5 Weekly Exploring the Physical Web (Without Buying Beacons) Uri Shaked “The Physical Web lets you anchor URLs to physical places by way of a BLE beacon.” And it’s possible to use your normal computer to do this, instead of hardware beacons. Complexities of An Infinite Scroller Google Developers “Infinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memory conservative way that performs at 60fps.” Coding Mobile-First Emails Stig Morten Myre A thorough, practical step-by-step guide to creating consistent looking emails across mobile, desktop and everything in between. 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. The History of the URL: Path, Fragment, Query, and Auth Zack Bloom Hyperlinks form the basis for the web. Here’s an in-depth history lesson on the humble URL and what each part of a URL means. Jets.js: A Native CSS-Powered Search Feature Denis Lukov Leans on the idea of using CSS selectors to show/hide certain items within lists, creating a CSS-powered ‘search engine’ of sorts. Exploring Web Platform Cross-Dependencies Dominique Hazaël-Massieux Most of the APIs exposed on the Web platform rely on a formalization language called WebIDL (Web Interface Definition Language). Fathom: A Framework for Extracting Meaning From Web Pages Mozilla An experimental framework for extracting meaning from web pages, identifying parts like buttons, address forms, and the main textual content. Essentially, it scores DOM nodes and extracts them based on conditions you specify. AMP: But What About The Ads? Accelerated Mobile Pages Project A look at how the AMP project is building a user-experience-first ecosystem for advertising on the web. Jobs Find Your Perfect Company MatchYou're smart, you're efficient. Why job hunt the old way? Try Hired and get your profile in front of thousands of top tech companies. Hired.com In brief Opera Browser Sold to A Chinese Consortium for $600 Million news The Norwegian company has sold its browser, performance apps, and name.  Steve Dent CSS Filter Effects: Blur, Grayscale, Brightness and More in CSS tutorial  Gajendar Singh Alien Invasions, SVGs and CSS Animations tutorial A walk through of some of the concepts that will allow you to create animations like this with SVGs and CSS.  Krystal Campioni ServiceWorker: A Basic Guide to BackgroundSync tutorial A guide to using BackgroundSync, a new web API that lets you defer actions until the user has stable connectivity.  Dean Hume The Service Worker Lifecycle tutorial A look at the six states a Service Worker can be in.  Ire Aderinokun Shrinking PNG Images with Quantization tutorial Serving a lot of PNG images? Here’s an optimization strategy to consider.  Ariya Hidayat Setting Multiple CSS Backgrounds Each With Their Own Size Property tutorial  Wes Bos 3 Easy Web Performance Wins for Designers tutorial A look at image optimization, font choice, and ‘active waiting’.  Una Kravets Free Webinar: Exporting Content from JavaScript Apps tutorial Implementing export functionality in your web apps presents a multitude of challenges. Learn how to tackle them and export Excel, PDF, image and text files with Kendo UI.  Kendo UI by Progress SPONSOR The Background-Attachment Saga story The “confusing mobile compatibility patterns” that the background-attachment property presents. Leads into the limits of @supports.  Peter-Paul Koch Live Polling with Web Notifications story Part 5 in a series on how The Guardian are experimenting with web notifications. This time: Real-time Q&A.  Madeline Welsh Uses for Links vs. Buttons in Modern Web Applications opinion  Marcy Sutton What the Success of CSS Says About Technology Standards opinion  David Cassel The Business Case for Progressive Web Apps opinion  Jason Grigsby How Browsers Will Reshape App Development with Progressive Web Apps opinion  Enrico Icardi Ōryōki: A Small, Experimental Web Browser Built with Electron tools  Thomas Buffet BlazeCSS: An Open Source Modular CSS Framework tools  Greg Pratt Vox's Web Accessibility Guidelines tools A well presented checklist for building accessibility into a Web project.  Vox Media Curated by Peter Cooper and published by Cooper Press. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Fairfield Enterprise Centre, Louth, LN11 0LS, UK

by via HTML5 Weekly