October 12, 2016 Read this e-mail on the WebFrontEnd Focusformerly HTML5 WeeklyThe State of HTML5 Input Elements Tim SeverienA look at HTML5 input elements, how each browser interprets them and what the best strategy is for using them in your web projects.Is jQuery Still Relevant? Telerik Developer NetworkThe transcript of a chat with web and mobile dev experts discussing whether the jQuery project is still useful for modern web development.How to Use CSS Feature Queries Abbey FitzgeraldAn overview of how CSS Feature Queries can be used to detect support for specific features on different browsers.Discover the world’s most trusted SQL Server comparison tool Red Gate SponsoredSQL Compare is the industry standard for comparing and deploying SQL Server database schemas quickly and accurately. Find out why 71% of the Fortune 100 use it to create error-free deployment scripts with a free trial.You Might Not Need JavaScript Una KravetsJavaScript is great, yet you can build so many functional UI components without it. Here’s a number of typical web components built with HTML and CSS/SCSS.The Average Web Page, From Top Google Results Advanced Web RankingThis study looks at HTML usage data from 8M pages gathered from top Google results (for about 30M keywords, chosen by volume). An example: The average web page uses twenty-five different element types.Inclusive Markup: A Practical Look at Accessibility Estelle WeylA practical exploration of the native Web accessibility landscape with expert Estelle Weyl.Usability Testing of Inline Form Validation Christian HolstThe benefits of inline form validation are numerous when implemented correctly but many sites don’t use it or do it poorly. Lots of tips here.Jobs Senior Front End EngineerEveryone should have the power to create professional-quality videos. As a member of the Animoto team, you’ll be developing a responsive, elegant web experience and pioneering the next generation of video creation software. Animoto Front End Developer at GeckoboardGeckoboard is a successful and growing 30-person startup based in East London looking for curious and creative problem solvers to help create beautiful UIs with React and ES6. Geckoboard Don’t Get Frustrated – Get HiredSick of pushy recruiters, and dead end interviews? Try Hired to hear from top tier companies, and only talk to relevant companies. HiredIn brief Moving Towards a More Secure Web news Beginning in January 2017, Chrome will mark HTTP pages that collect passwords or credit cards as non-secure. Google AMP Is One Year Old and Growing Fast news There are now 600 million AMP pages on 700,000 domains. Greg Sterling Blink Intent to Implement: The ‘system-ui’ Generic Font Family news This new generic font family allows a standardized way to use the system font, on all platforms Blink supports. blink-dev Is WebVR Ready? The Current State of WebVR Browser Support news Mozilla VR Team Join Google for Polymer Summit 2016 via Livestream on 17-18 October news Two days of talks on Polymer, Web Components, Progressive Web Apps, and the future of the mobile web. Google Inc. SPONSOR Latest WebKit Build Supports JavaScript Internationalization API news WebKit Why Nexedi is Suing Apple for Better HTML5 Support in iOS news Nexedi Chrome Dev Summit 2016 news Chrome Dev Summit 2016 will take place at the SFJAZZ Center in San Francisco, CA on November 10-11. Join Chrome VP Darin Fisher for two full days of announcements and talks from the Chrome team. Register now with code FRONTENDFOCUS. Google Building a Maintainable and Scalable CSS Codebase with ITCSS tutorial Oliver Thomas Klein Styling Underlines on the Web tutorial Styling the underlines that sit beneath links can be trickier than you’d think — this post aims to get you up to speed on your options. John Jameson Responsive Images 201: Client Hints tutorial Client Hints can make the day-to-day task of creating responsive images easier by greatly simplifying the markup. Jason Grigsby Level up your Ember Skills with simplabs’ workshops simplabs are offering Ember.JS workshops, ranging from 3 day Jumpstart events to advanced workshops which cover techniques like complex component architectures, FastBoot and Testing. simplabs SPONSOR Component Based Style Reuse video Pete Hunt, who worked on React at Facebook, talks about techniques for CSS styling in web apps versus documents – 37 minutes. Pete Hunt You Might Not Need a CSS Framework video Frameworks can come at a cost, paid in big CSS files and unused styles. Belen Albeza The Right Layout Tool for The Job video Rachel Andrew takes a look at Flexbox, CSS Grid Layout and Box Alignment through a lens of performance. WebExpo Laying Out The Future with Grid and Flexbox video 25 minutes. Rachel Andrew Your Body Text Is Too Small opinion Why website body text should be bigger, and ways to optimize it. Christian Miller Critical Style Snapshot: Capture CSS Used Above The Fold tools Capture and copy CSS above the fold with one click. Léon Smit Hero Patterns: Repeatable SVG Background Patterns For Your Projects tools Steve Schoger Jpeg.io: Web Service to Convert Any Image into a Highly Optimized JPEG tools Kraken.IO Font-Awesome Assets code Convert any of FortAwesome’s Font-Awesome icons to an asset, such as an ‘svg’ tag or a Base64-encoded PNG/SVG ‘img’ tag. CrocodileJS A Tweet-Sized CSS Layout Debugger code A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random CSS hex color. Addy Osmani Chnl: Connect Together Web Audio API Effects and Channels code Maximilian Torggler Stretching The Limits of CSS 3: 5 Creations in Pure CSS demo Independent Software Curated by Peter Cooper and published by Cooper Press.Unsubscribe : Change email address : Read this issue on the WebPublished by Cooper Press Ltd. Fairfield Enterprise Centre, Louth, LN11 0LS, UK Source link