Frontend Weekly Digest (18 – 24 Feb 2019)

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)