July 5, 2017 Frontend Focus Issue 297 — July 5, 2017 You Do Not Need A CSS Grid Based Grid System..due to it already being a grid system. Rachel AndrewWeb Accessibility According to People with DisabilitiesA round up of a popular Twitter thread asking disabled people what they find difficult about using the Web. Poor color choices and a lack of video captions were common problems. Hampus SethforsA Look at Form Field Constraint Validation [PDF]How the Constraint Validation API works, why it’s not all that great, and approaches for validating forms properly. Peter-Paul KochSee every problem in your software and how to fix itJoin thousands of software development teams who discover and reproduce performance issues and JavaScript errors affecting their users with greater speed and accuracy. Try Raygun free for 14 days. RAYGUN SponsorAutomated Testing with Headless ChromeEric Bidelman runs through how to use Headless Chrome, using Karma as a runner and Mocha+Chai for authoring tests. Google DevelopersUnleash Your Inner Supercomputer with WebGLAn interesting series of posts that digs into the practicalities of using WebGL to do GPU-based calculations. Vizit SolutionsProgressive Enhancement and CSS Ire covers the difficulty of writing progressively enhancive CSS, and offers some tips on how to overcome it. Ire AderinokunVisual Regression Testing (or How You Can Move Fast and Not Break Things)“How many times you wanted to change code (especially CSS) and you were afraid to death that you’d break everything.” Ahmed MahmoudIntroducing HumbleNet: A Cross-Platform Networking LibraryA browser-based networking library that exposes a simple peer-to-peer API that allows for peer discovery and the ability to send data (via WebRTC) to others. Mozilla HacksA Closer Look Into WebRTC in Safari/iOSSome details on how Safari 11 and iOS 11 implement WebRTC, and tips on bringing support to your own site. WebKitJobs Front End DeveloperBooking.com is looking for Front End Developers all around the globe to join us at our beautiful headquarters in Amsterdam. Booking.com Frontend Developer at X-Team (Remote)We are 100% remote. We’ll work with you 1-on-1 to motivate and fund you to learn, grow and build a legacy. Join X-Team. X-TeamCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefUsing CSS Variables Correctly tutorialMike RiethmullerExperimenting with the Background Fetch API tutorialPhil NashHow to Rename a Font in CSS tutorialZach LeathermanRepeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API tutorialOpher VishniaCreating Organic Shape Animations with SVG clipPath tutorialMary LouDownload the free GrapeCity Wijmo E-book This free e-book teaches you about the strengths and weaknesses of JavaScript’s top frameworks.GrapeCity Wijmo SponsorFive Huge CSS Milestones of the Past 10 Years opinionChris CoyierWhy Use a Third-Party Form Validation Library? opinionChris CoyierLooking At The Future of Responsive Design opinion A look at the evolution of responsive design and some thoughts on where it’s going.Rupert SharpDid CSS Get More Complicated Since The Late 90s? story An interesting look into the early days of CSS and changes that have occurred since.Hidde de VriesTaking Responsive Web Design Beyond the Visual podcast A discussion on a wider interpretation of responsive web design that includes user context, push notifications, future devices and accessibility.SitePointYes, Your Site Too Can (and Should) Be Accessible video How The Financial Times went from being “generally oblivious about accessibility” to making it a core part of their process.Laura Carvajal$20 Credit on a New Account Linux cloud hosting starting at 1GB of RAM for $5/mo. Use promo code HTML520 and get $20 credit.linode SponsorURLColors: Colored Borders for Sites Based on URL Patterns tools To distinguish dev, prod and staging versions of the same site, perhaps.Chrome Web StoreInfinite Scroll v3: As Users Scroll, Automatically Load More tools Note it’s both GPL3 and commercial.Metafizzy Source link