#297: This Week's HTML5, CSS, Browser, and Frontend News

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 Andrew Web Accessibility According to People with Disabilities A 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 Sethfors A 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 Koch See every problem in your software and how to fix it Join 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   Sponsor Automated Testing with Headless Chrome Eric Bidelman runs through how to use Headless Chrome, using Karma as a runner and Mocha+Chai for authoring tests. Google Developers Unleash Your Inner Supercomputer with WebGL An interesting series of posts that digs into the practicalities of using WebGL to do GPU-based calculations. Vizit Solutions Progressive Enhancement and CSS [video] Ire covers the difficulty of writing progressively enhancive CSS, and offers some tips on how to overcome it. Ire Aderinokun Visual 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 Mahmoud Introducing HumbleNet: A Cross-Platform Networking Library A 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 Hacks A Closer Look Into WebRTC in Safari/iOS Some details on how Safari 11 and iOS 11 implement WebRTC, and tips on bringing support to your own site. WebKit Jobs 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-Team Can't find the right job? Want companies to apply to you? Try Hired.com. In Brief Using CSS Variables Correctly tutorial Mike Riethmuller Experimenting with the Background Fetch API tutorial Phil Nash How to Rename a Font in CSS tutorial Zach Leatherman Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API tutorial Opher Vishnia Creating Organic Shape Animations with SVG clipPath tutorial Mary Lou Download the free GrapeCity Wijmo E-book  This free e-book teaches you about the strengths and weaknesses of JavaScript’s top frameworks. GrapeCity Wijmo  Sponsor Five Huge CSS Milestones of the Past 10 Years opinion Chris Coyier Why Use a Third-Party Form Validation Library? opinion Chris Coyier Looking At The Future of Responsive Design opinion A look at the evolution of responsive design and some thoughts on where it’s going. Rupert Sharp Did 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 Vries Taking 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. SitePoint Yes, 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  Sponsor URLColors: Colored Borders for Sites Based on URL Patterns tools To distinguish dev, prod and staging versions of the same site, perhaps. Chrome Web Store Infinite Scroll v3: As Users Scroll, Automatically Load More tools Note it’s both GPL3 and commercial. Metafizzy

by via Frontend Focus

Creating a Blogging App Using React, Part 3: Add & Display Post

#165: How Desktop-Era Frameworks Can Thrive on Mobile

Mobile Web Weekly July 5, 2017   #165 Peter Cooper recommends Building m.uber: Engineering a High-Performance Web App for the Global Market — How Uber Engineering designed m.uber, a lightweight web app that delivers a native app experience for riders on mobile. Angus Croll Peter Cooper recommends Making the Jump: How Desktop-Era Frameworks Can Thrive on Mobile — How do tools that grew up on the desktop, like Ember, Angular and React, make the jump to the mobile future? Tom Dale Brian Rinaldi recommends NativeScript 3.1 Released — Introduces new features like the Chrome DevTools Elements tab, Android snapshot builds, and more. NativeScript Brian Rinaldi recommends Taking Responsive Web Design Beyond the Visual — A discussion on a wider interpretation of responsive web design that includes user context, push notifications, future devices and accessibility. SitePoint Chris Brandrick recommends How to Enhance Mobile Interactions with Sound Design — Some insights, plus an introduction to the Facebook Sound Kit, a collection of interaction sounds they’re making available. Will Littlejohn Brian Rinaldi recommends Code a Real-Time NativeScript App: Geolocation and Google Maps — Learn how to work with geolocation and Google Maps in NativeScript apps. Wernher-Bel Ancheta Brian Rinaldi recommends Code a Real-Time NativeScript App: SQLite — How to integrate a SQLite database into a NativeScript app to store data locally. Wernher-Bel Ancheta Peter Cooper recommends An Interview with the BBC's Sareh Heidari — A quick 13 minute podcast with a BBC News web developer discussing accessibility, globalization, and CSS at scale. Responsive Web Design Podcast Chris Brandrick recommends Looking At The Future of Responsive Design — A look at the evolution of responsive design and some thoughts on where it’s going. Rupert Sharp Brian Rinaldi recommends React-UWP: React Components That Implement Microsoft's UWP Design and Fluent Design System myxvisual Chris Brandrick recommends Kitten Tricks: A React Native Mobile Starter Kit — Features over 40 free and open-source app screens. Akveo

by via Mobile Web Weekly

How to Optimize Your Facebook Dark Posts

Want to publish the best possible Facebook posts to your page? Looking for a way to evaluate which versions of your posts perform best? Facebook dark posts allow you to run and test content without posting that content to your page’s timeline. In this article, you’ll discover how to use dark post ads to optimize [...]

This post How to Optimize Your Facebook Dark Posts first appeared on .
- Your Guide to the Social Media Jungle

by Eleanor Pierce via

Complexify – jQuery Plugin to Create Strong Passwords

jQuery Complexify helps you to accurately gauge the quality of a user's password to give them visual feedback, and to enforce a minimum level of security.

by via jQuery-Plugins.net RSS Feed

Computerized Forms

Computerized Forms is an experiment in making poster designs move to music using the Web Audio API.
by via Awwwards - Sites of the day

6 Ways Social Media Can Help Build Customer Loyalty (Infographic)

With the booming of the digital age came a ton of opportunities for many people – ranging from personal endeavors, business goals, to other activities in between. With the numerous benefits that the digital age has provided for all kinds of people and personalities, it’s important to start taking...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Irfan Ahmad via Digital Information World