August 30, 2017 Frontend Focus Issue 305 — August 30, 2017 A Thorough Guide to Building Layouts with CSS GridA helpful guide to CSS Grid, including a free visual grid builder tool. CoffeeCupImprove Web Typography with CSS Font Size AdjustGajendar Singh introduces you to the font-size-adjust CSS property and explains why it’s important and how you can use it to enhance your web typography. SitePointA Gulp Workflow for Frontend Development AutomationA thorough beginner-level guide to setting up a frontend workflow using Gulp. Andrew WelchChoose the ideal JavaScript framework for your team with the GrapeCity SPEC App.SPEC stands for Speed, Productivity, Ecosystem, and Compatibility. Click to learn more about our JavaScript framework application and let us help you find the best framework for you and your team. GrapeCity Wijmo SponsorAccessibility Testing with pa11yPally, is a set of free and open-source tools that aims to make designing and developing accessibility easier. Here’s how to use it. Ire AderinokunManaging CSS and JS in an HTTP/2 WorldA look at some practices that tie in with the different way HTTP/2 operates to regular HTTP. Trevor DavisRevolutionize Your Page: Real Art Direction on the Web Jen Simmons, designer advocate at Mozilla, introduces new ways of thinking about page layout on the web. An Event ApartBuilding Offline-Friendly FormsForms on the web don’t often play nice with bad connections, but here’s an approach to making them more robust. Max BöckPush 1.0: A JavaScript Notification FrameworkA versatile cross-browser way to work with desktop notifications from JavaScript. Tyler NickersonJobs Front-end Developers at Devhouse Spindle (Groningen, The Netherlands)Ride your bike to work. Develop awesome projects. We are a holacracy and push each other to develop ourselves as well as our code. Devhouse Spindle Front-End Developer (London) Neverbland Front-End Developer (Portland, Oregon) Cloud FourCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefPolymer 3.0 Preview: Moving to npm and ES6 Modules newsPolymer ProjectBuilding a simple To Do web app with Stitch, React, and MongoDB tutorial This short tutorial will get you started with MongoDB Stitch.MONGODB SponsorBreaking Down a CSS Grid Layout tutorialTim WrightThe Best Way to Implement a ‘Wrapper’ in CSS tutorial How best to implement an element that wraps around everything else on a page.Kaloyan KosevSolve Your Specificity Headaches With CSS Modules tutorialLouie RootfieldAn Approach To Structuring SCSS with Bootstrap 4 tutorialMirijam B.How to Combine Flexbox and CSS Grids for Efficient Layouts tutorialAbbey FitzgeraldFancy Web Animations Made Easy with GreenSock Plugins tutorialSitePointA Super Quick Way to Try Out CSS Grid tutorialJen SimmonsHow to Run a Front-End Infrastructure Team opinion The human aspects of collaborative front-end projects.Jyri TuulosIt’s easy to version control your database alongside your application Connect your database to your version control system with SQL Source Control and keep track of every change.Redgate SponsorIntroducing the Extension Compatibility Tester tools A tool for testing if extensions you’ve built/are building will work with Firefox.Mozilla HacksEssential WebVR Resources tools A collection of useful resources for WebVR development.Mozilla HacksRendertron: A Dockerized, Headless Chrome Rendering Solution codeGoogle Chrome TeamReframe.js: Make Unresponsive Elements Responsive codeDollar Shave ClubBaffle: A Tiny Library for Obfuscating and Revealing Text in DOM Elements codeCam WiegertVivify: A Simple CSS Animation Library codeMartin Kníže Source link