This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.
Web-development | CSS | Javascript | Browsers
Web-development
• Where Do You Learn HTML & CSS in 2019?
• PWAs on iOS 12.2 beta: the good, the bad, and the “not sure yet if good”
- Performance:
• Rendering on the Web
• GTMetrix — How to Use GTMetrix to Analyze and Boost Website Speed
• How Does Page Load Time Affect Your Site Revenue?
• Making Google Fonts Faster
- Accessibility:
• Please stop building inaccessible forms (and how to fix them)
• Revisiting the abbr element
• ️Links that don’t go anywhere should be buttons
•
Evangelina Ferreira — The “C” Is For Accessibility
- Animations:
• Text Distortion Effects using Blotter.js
• Inspirational Websites Roundup #1
• Animate a Blob of Text with SVG and Text Clipping
CSS
• A Guide To CSS Support In Browsers
• Using the Little-Known CSS element() Function to Create a Minimap Navigator
• Pure CSS lettering, a bad and fun idea
• How to create a beating heart with pure CSS for your valentine
• The only reason your CSS fails
JavaScript
• New JavaScript Features That Will Change How You Write Regex
• How to Beat 5 Common JavaScript Interview Challenges
• React vs. Vue (Exact Todo App) By Example
• 7 JavaScript Templating Engines with Code Examples
• First thoughts on Deno, the JavaScript/TypeScript run-time
• Obfuscated javascript, scam emails, and American Express
- Practice:
• Accurate estimation of read time for Medium articles in JavaScript
• How to detect a sequence of keystrokes in JavaScript
• Animate Your Digits Like Robinhood
- Theory:
• Do we still need JavaScript frameworks?
• Yield! Yield! How Generators work in JavaScript.
• JavaScript Wizard: What’s up with ‘this’?
VueJS:
• Vue 2.6 released
• What Hooks Mean for Vue
• Productivity in Vue — Part 2
• Vuethereum: The Vue library Ethereum deserves
• A little background on JavaScript modules
• Vue.js App Performance Optimization: part 2— Lazy loading routes and vendor bundle anti-pattern.
React:
• React v16.8: The One With Hooks. With React 16.8, React Hooks are available in a stable release!
• How to load data in React with redux-thunk, redux-saga, suspense, & hooks
• How to Get Started With React Hooks: Controlled Forms
• Building an Online Retail Dashboard in React
• React as a UI Runtime
• No-boilerplate global state management in React
Angular:
• A plan for version 8.0 and Ivy
• The Need for Speed: Lazy Load Non-Routable Modules in Angular
• Unleash the power of Forms with Angular’s Reactive Forms
• How to implement localization in Angular using i18n tools
- Libs & Plugins:
• MiniSearch — Tiny but powerful fulltext search engine for browser and Node
• uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application.
• timetable-fns: useful date and time utility functions for working with timetables
• x-spreadsheet: a web-based JavaScript spreadsheet
Browsers
• Firefox 66 to block automatically playing audible video and audio
• Opera browser VPN coming to Android
• Google Chrome dark mode on Windows 10 and macOS respects system-wide setting w/ latest Canary release
• Microsoft security chief: IE is not a browser, so stop using it as your default
• [Updated] Google is Testing a “Never-Slow Mode” for Chrome
Автор: derSmoll
