January 4, 2017 A look at CSS Grid, and moving from Sass to PostCSS — Read this e-mail on the WebFrontEnd Focus Issue 271 — January 4, 2017 A Tale of Moving from Sass to PostCSSA Web designer wanted to try switching to PostCSS to benefit from its tooling and the cssnext plugin in particular. This is how it went and what he learned along the way. Tyler GawCSS Grid is Coming: Some Questions and AnswersCSS Grid is coming to browsers, unprefixed and out from behind flags this year. This post covers some frequently asked questions. Rachel AndrewCSS Writing ModesA thorough look at what ‘writing modes’ are, how they can be engaged via CSS, and what use they are to you as a Web developer. Jen SimmonsThe Inner Workings Of Virtual DOMA thorough post that covers the concept of Virtual DOM in a detailed yet easy-to-understand fashion. Raja Rao DVImproving The UX Of Names With Vocalizer.jsNames can sometimes be difficult to pronounce. Vocalizer.js, developed by Atif Azam, helps solve this problem on the Web. Atif AzamLearning from Lego: A Step Forward in Modular Web DesignPesky nesting issues are a thing of the past if we ‘learn from Lego’ and envision web content blocks in a Lego-esque fashion. Samantha ZhangView A Site’s ‘Skeleton’ by Resetting All Styling to DefaultA simple proxy that strips away CSS so you can check how your site behaves when styles fail to load. Daniel McLaughlin and Eric BaileyJobs Front-End Developer at Stylight GmbH (Munich, Germany) Stylight GmbH Front-End Developer at The Plum Guide (London, UK) The Plum Guide Web Developer at Think Brownstone, Inc. (Philadelphia) Think BrownstoneCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefFacebook Implementing Payment Request API Into An In-App Browser Experience newsRoy McElmurryIntent to Implement and Ship: CSS display:flow-root newsMozillaTaking HTML5 Device Orientation for a Spin tutorial A look at the HTML5 Device Orientation API and how to work with it on your own pages.Drew McLellanImprove Your Site’s Accessibility with WAI-ARIA tutorialLouis LazarisShaping Curves with Parametric Equations in WebGL tutorialMatt DesLauriersBuilding a Reactive Audio App with WebVR tutorial How to build a VR app using Three.js and the WebVR API.Alex KemptonCreate a Stylish News Feed Layout in Ionic 2 tutorial How to build a stylish news feed layout in Ionic 2 using a parallax header and frosted glass effect.Josh MoronyPostCSS: Sass’s New Play Date tutorialNicoláas J. EnglerHas the Internet Killed Curly Quotes? storyGlenn FleishmanAlgorithm-Driven Design: How Artificial Intelligence Is Changing Design storyYury VetrovFront-End Developers Are Information Architects Too opinionFrancis StorrIn Defense of Font Size Widgets opinionJeffrey ZeldmanWhat to Learn in 2017 If You’re A Frontend Developer opinionArtem SapeginTranslating Backend Data to Frontend Needs Using GraphQL video Sashko from Meteor shows how GraphQL can be used to solve issues between backend and frontend requirements.Compose SponsorWhy Inline SVG is Best SVG videoFront End Centersimplehttp2server: A Simple HTTP/2 Server for Development toolsGoogleThe Web Bluetooth Module for Angular toolsWassim CheghamDiffy.js: A Dependency-Free Motion Detection Library for the Browser code Uses the webcam.Mani NilchianiHTML5 Canvas Gauges code Radial, linear, temperature, and more.Mykhailo Stadnykvizflow: An ES6 Interactive Visualization Engine code A small library for adding transition effects and interactive visualizations to HTML5 documents.VizflowLoadJS: A Tiny Async Loader for Modern Browsers (710 Bytes) codeAndres MoreyRowing Monitor: A PWA Using Web Bluetooth to Connect to A PM5 Monitor code A Progressive Web App that connects to a monitor commonly used with rowing machines to track exercises.GoogleBuilding a responsive HTML5 app? Learn the must-know techniques with this whitepaper If you’re a HTML5/JS dev, responsive web design is or will be a requirement in the near future. This whitepaper will give you the must-know on responsive web.Progress SponsorCurated by Peter Cooper and published by Cooperpress. If you like this, you may also enjoy: JavaScript Weekly, Node Weekly, and React Status.Stop getting FrontEnd Focus : Change email address : Read this issue on the Web© Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK Source link