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

Web-development

• Try GraphQL! Interactive GraphQL Tutorial

Tools:
• 10 npm Security Best Practices
• ICONSVG — a tool to simplify the process of finding and generating common icons for your project
• 7 JavaScript Playgrounds to Use in 2019

Accessibility:
• What does European accessibility standard EN 301 549 mean for US organizations?
• How A Screen Reader User Accesses The Web: A Smashing Video

Effective web:
• SVG Filter Effects: Creating Texture with <feTurbulence >
• Writing Animations That Bring Your Site to Life
• How to Create a Fake 3D Image Effect with WebGL
• Blobs!
• SVG SPA

CSS

• Why I Write CSS in JavaScript
• Pure CSS Drawing Essentials. The top 5 CSS properties I rely on to produce Pure CSS art
• JS-in-CSS — Generic worklet to be authored right from CSS (CSS HOUDINI experimental showcase)
• 21 ways to optimise your CSS and speed up your site
• How @supports Works
• Using CSS Grid the right way
• IE10-Compatible Grid Auto-Placement with Flexbox
• CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

JavaScript

• An Introduction to jQuery
• The Complete Guide to ES10 Features
• JavaScript Loading Priorities in Chrome
• Breaking Down JavaScript Solutions To Common Algorithmic Questions (Part 1)
• 12 Concepts That Will Level Up Your JavaScript Skills
• XMLHttpRequest vs the Fetch API: What’s Best for Ajax in 2019?

Theory:
• A guide to prototype-based class inheritance in JavaScript
• It’s time we talk about Object Oriented JavaScript
• How to Avoid DOM Blocking in JavaScript
• How to get started with internationalization in JavaScript

VueJS:
• 26 Time Saving Tips for Vue
• Building a modern app using Nest.js, MongoDB and Vue.js
• Vue.js App Performance Optimization: part 3— Lazy loading Vuex modules

React:
• Collection of 2200 React Resources for everything from Next.js, Gatsby, CRA, JSX, Concurrent React, Hooks, Performance, DevTools, CSS-in-JS, Animation, UI Toolkits, Redux, Apollo GraphQL, and so on
• Announcing the Ionic React Beta
• React Hooks, First Impressions
• Using Pre-Commit and Pre-Push Git Hooks in a React Project
• React: Communication Between Components
• Progressive React. Want to make your React site more performant? Here's a quick checklist
• Build Progressive Web Apps with React — Part 2

Angular:
• Styling An Angular Application With Bootstrap
• Reactive Scroll Position Restoration with RxJS

Libs & Plugins:
• NSFW detection on the client-side via Tensorflow JS
• codecrumbs: learn, design or document codebase by putting breadcrumbs in source code

Feel free to send us your articles or fresh useful content you want to see in the next digest.

← Previous Frontend Weekly Digest (11 – 17 Feb 2019)

Frontend Weekly Digest (18 – 24 Feb 2019)