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
• The HTML we never had
• A Timeboxed, Day-by-Day #100DaysOfCode Front-End Development Curriculum
• HTML5 Boilerplate v7 released
• Bootstrap 4.3.0 (dropping jQuery, moving to Hugo)
•
Making Future Interfaces: Inline SVG
• An Introduction To WebBluetooth
• Complete Guide — How to Speed up GIF Videos
• Announcing the #StateOfCSS 2019 Survey
• The Dark Side of the Grid (Part 1)
• A new approach to visibility utility classes based on CSS Variables
• A 10 Step Guide to Flexbox
• Constructable Stylesheets: seamless reusable styles
• The Process of Implementing A UI Design From Scratch
• CSS selectors level 4
• Intro to Font Metrics
• To Grid or to Flex?
• CSS Scroll Snap — How It Really Works
• Quick! What’s the Difference Between Flexbox and Grid?
• Ember.js: The Documentary (Official Release)
• Computer science in JavaScript: Doubly linked lists
• 5 ways to build real-time apps with JavaScript
• How to Take JavaScript Beyond the Web in 2019
• JavaScript: The Fun Parts
• How I got rid of the new sponsored Facebook posts.
• ES5 to ESNext — here’s every feature added to JavaScript since 2015
Web-development | CSS | Javascript
Web-development
• The HTML we never had
• A Timeboxed, Day-by-Day #100DaysOfCode Front-End Development Curriculum
• HTML5 Boilerplate v7 released
• Bootstrap 4.3.0 (dropping jQuery, moving to Hugo)
•
Making Future Interfaces: Inline SVG• An Introduction To WebBluetooth
• Complete Guide — How to Speed up GIF Videos
- Performance:
• third-party-web — Summary of which third party scripts are most responsible for excessive JavaScript execution on the web
• Resource Prioritization – Getting the Browser to Help You
• Preloading Fonts and the Puzzle of Priorities
• DOM performance case study
- Tools:
• Introducing: pika/pack — npm package building, reimagined
• What's New In DevTools (Chrome 73)
• Puppeteer is my new dev server
- Accessibility:
• Uncanny A11y
• Tips for making interactive elements accessible on mobile devices
• Making Future Interfaces: Inline SVG
- Effective web:
• Grid Reveal Effects with Anime.js
• Pure CSS Still Life — Water and Lemons
• SVG Filter Effects: Conforming Text to Surface Texture with <feDisplacementMap>
CSS
• Announcing the #StateOfCSS 2019 Survey
• The Dark Side of the Grid (Part 1)
• A new approach to visibility utility classes based on CSS Variables
• A 10 Step Guide to Flexbox
• Constructable Stylesheets: seamless reusable styles
• The Process of Implementing A UI Design From Scratch
• CSS selectors level 4
• Intro to Font Metrics
• To Grid or to Flex?
• CSS Scroll Snap — How It Really Works
• Quick! What’s the Difference Between Flexbox and Grid?
JavaScript
•
Ember.js: The Documentary (Official Release)• Computer science in JavaScript: Doubly linked lists
• 5 ways to build real-time apps with JavaScript
• How to Take JavaScript Beyond the Web in 2019
• JavaScript: The Fun Parts
• How I got rid of the new sponsored Facebook posts.
• ES5 to ESNext — here’s every feature added to JavaScript since 2015
- TypeScript:
• ReasonML vs TypeScript: comparing their type systems
• How to Use Typescript with React and Redux
• clean-code-typescript — Clean Code concepts adapted for TypeScript
- Theory:
• The Visual Guide To JavaScript Variable Definitions & Scope
• The Basics Of JavaScript Variable Definitions & Hoisting
• Learn pure functions with JavaScript
VueJS:
• Building a Vue.js SPA to Sell Developer Tees
• Turn Your Static SVG Drawings Into Interactive Widgets and Infographics With Vue.js
VueJS:
React:
• Why I’m excited with React Hooks?
• Building a React Autocomplete Component from scratch
• Animation in React
• The Magic of React-Based Multi-Step Forms
• Everything You Need to Create a Custom React Hook
• Achieving Accessibility in React Applications
• What I learned from learning React in 2 nights after years of working with Angular
React:
Angular: