This week we’ve prepared a really great content for you. Building responsive emails with MJML, optimizing GIFs for the Web, the ultimate website launch checklist, and that’s not all! Keep on reading:

Web Development

• Most of the web really sucks if you have a slow connection
• Building Responsive Emails With MJML
• Component based SVG Icon System
• HTML5 for the mobile web – forms and input types
• Speed up Service Worker with Navigation Preloads
• Optimising GIFs for the Web
• A guide to cross-browser testing: installing all the things
• A free guide to HTML
• Manifoldjs is becoming PWA Builder, to simplify building Progressive Web Apps
• Transparent JPG (With SVG)
• The ultimate website launch checklist
• Accessibility in Web Applications with ARIA Live Regions
• The Front-End Web Developer Spectrum

CSS

• CSS and progressive enhancement
• CSS Exclusions: Making Boring Layouts Less Boring
• Achieve 60 FPS Mobile Animations with CSS3
• Creating Non-Rectangular Headers
• Design Your Content Typography First (and a Look at Type Nugget)
• CSS Grid: One Layout, Multiple Ways
• Deep dive CSS: font metrics, line-height and vertical-align
• CSS Pseudo-classes: Styling Elements Based on Their Index
• Using cubic bezier curves to smooth out rounded rectangles
• Achieve 60 FPS Mobile Animations with CSS3
• CSS Grid Layout – Rachel Andrew

JavaScript

• JavaScript in 2017 – Beyond the Browser
• JavaScript in 2017 – Libraries and Frameworks
• Events and disabled form fields
• Understanding Scope in JavaScript
• Interview Algorithm Questions in Javascript() {…}
• ES2015+:
  • Native ECMAScript modules: dynamic import()
  • High-performance ES2015 and beyond
  • ES6 Features
  • ES6 Proxies in Practice
  • An Update on ES6 Modules in Node.js
• Angular:
  • Bootstrapping in the Browser with Angular 2
  • Dynamically Creating Components With Angular
  • Angular Testing In Depth: HTTP Services
  • Managing State in Angular Applications
  • Angular 2+ Components & Libraries
  • Profile and optimize your Angular 2 apps
• React:
  • Retrogames Library with Node, React, and Redux 1: Server API and React Frontend
  • Context in ReactJS Applications
  • How to Work with and Manipulate State in React
  • How to build animated microinteractions in React
  • Dissecting Twitter’s Redux Store
  • json2react — use JSON to create React Stateless Components
  • Introducing redux-query
  • Universal JavaScript Apps with React Router 4
  • Building React Components for Multiple Brands and Applications
  • Our Best Practices for Writing React Components
• Vue:
  • VueJS — the Green framework
  • React’s JSX vs Vue’s templates: a showdown on the front end
  • Creating a Plugin for Vue.js
  • Creating a Vue.js Component
  • Vue.js, Vuex, and Testing; an Introduction
  • Building a Simple Event Bus in Vue.js
  • Vueplete — autocomplete component for Vue.js
  • vue-material — Material дизайн для Vue.js (vue-material — material design for Vue.js)
  • Testing Single-File Vue Components in Node
  • Vue.js’s Single File Components: Keeping It All In One Place
• JavaScript in 2017 – Beyond the Browser
• Experimenting With speechSynthesis
• A Comprehensive Look at jQuery DOM Traversal
• Native ECMAScript modules: dynamic import()
• JavaScript in 2017 – Libraries and Frameworks
• JavaScript’s Journey through 2016
• All the tools you need to build and deploy your Progressive Web Apps
• High-performance ES2015 and beyond
• Events and disabled form fields
• Understanding Scope in JavaScript
• Interview Algorithm Questions in Javascript() {…}
• Libs & Plugins:
  • spinStroke – Spinning stroke animation with morphing effect!
  • JavaScript Survey Engine
  • Rough.js – Create graphics with a hand-drawn, sketchy, appearance