April 5, 2017 Read this e-mail on the WebFrontEnd Focus Issue 284 — April 5, 2017 Chrome Devtools’ New ‘Code Coverage’ FeatureIt’s in Chrome Canary only for now, but it shows you which lines were and weren’t used in each JS/CSS file. LogRocketDoes CSS Grid Replace Flexbox?A question that might be on your mind after the blitz of CSS Grid articles lately. In short, not exactly, but there are some good examples here. Robin Rendle‘rems’ and ’ems’: Why You Might Not Need ThemDavid Gilbertson assesses each of the reasons for why you might use these units of measure. Hacker NoonLinux cloud hosting starting at 1GB of RAM for $5/moGet a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. linode SponsorGrid Garden: A Game for Learning CSS GridA 24 level online game where you write CSS to grow a garden with the goal of learning CSS Grid along the way. Thomas ParkEdge Team Updating CSS Grid Implementation to Latest SpecEdge was the first browser to support CSS Grid, but it’s in a slightly different, older form. You can check progress here. MicrosoftThe Basics of DOM Manipulation without jQueryA crash course in DOM manipulation with vanilla JavaScript, using functions like querySelectorAll and addEventListener. Sebastian SeitzIt’s the World Wide Web, Not the Wealthy Western WebHow to be more aware of the diverse range of people and devices that may access your sites of when developing for the Web. (Part 2.) Bruce LawsonJobs Front End Engineer at Snapdocs in San Francisco (YC W14)Pre-Series A company in mortgage space with real revenue and growth, hiring empathetic front end engineers who are comfortable with Rails. Snapdocs Sr. Front-End Engineer — React/Redux (San Francisco)We’re looking for an enthusiastic app developer to join our team. We use React, Flow, GraphQL, Relay, Apollo Client on a daily basis. Quri Inc Frontend JavaScript Engineer (f/m) – Contentful (Berlin)As our front-end engineer, you’ll work on a modular user interface where API design and application architecture are the main challenges. Contentful GmbHCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefWebAssembly Library Supercharges Web Video Apps news The WebDSP library features algorithms for building web applications operating on media data and provides better performance than JavaScript.Paul KrillNew Inspector and Debugger Features for Firefox 54 news Some improvements to the responsive design mode in Firefox Developer Edition 54.Mozilla HacksFull-day Workshop: Using ES6 and React with Netflix’s Brian Holt course React eschews the traditional MVC architecture, a counter-intuitive approach Brian explains along with JSX, React best practices, and the React component lifecycle.Forward Courses SponsorStyling Vertical Chinese, Japanese, Korean and Mongolian Text tutorial How to use CSS to produce vertical text for languages such as Chinese, Japanese, Korean, and Mongolian. The CSS specification contains a lot of implementation-specific information.W3CCSS Viewport Units: A Quick Start tutorial An introduction to the use of CSS viewport units for responsive typography and layout elements.Asha LaxmiQuickly Setting Up Gulp and Sass (for Beginners) tutorialPetar VukmanovicGrid ‘Fallbacks’ and Overrides tutorial A cheatsheet to help create good fallbacks/overrides for Grid Layout.Rachel AndrewUsing CSS Transitions on Auto Dimensions tutorialBrandon SmithA 17 Minute Overview of Twitter’s Front-End Architecture videoGiuseppe GurgonePlaying with CSS Grids opinion “Front-end design is finally making print-like design easier to achieve.”Marco BarbosaCSS is Broken: My Dime a Dozen Opinion opinionJeremy WagnerTest your application against full-sized database copies in seconds tools Create SQL Server database copies in seconds & test your application as you develop using SQL Clone. Try free.Red Gate SponsorMicrosoft Announces Edge Testing in Partnership with BrowserStack tools Run Microsoft Edge ‘inside’ your browser on macOS, Windows, or Linux for free.MicrosoftCSS Cursors: View CSS Cursors Your Browser Supports toolsWes BosSweetAlert2: An Accessible (WAI-ARIA) Replacement for JS Alerts codePure.css: Small, Responsive CSS Modules code Very lightweight, covers grids, forms, buttons, tables, and menus.YahooCreating A Responsive Site Without Media Queries demo A simple Flexbox and CSS Grid demo showing a responsive layout without media queries.Jonathan SnookCurated by Peter Cooper and Chris Brandrick and published by Cooperpress. 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