The digest of fresh materials from the world of the frontend for the last week №223 (August 8 - 14, 2016)

We offer you a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

Common mistakes of the novice HTML maker-up
Why I love working with the web. Ramie sharpe
Frontend developers should be on topic
Podcast Web Standards, Issue # 28: New Browsers, EdgeHTML 14 Triumph, Future Service Workers, Clean and Secure SVG, Text Fill, and Adaptive Layout. Plus decoding on github
Antiode Fender
Experience in scaling static site generator
Web Audio and surround sound landscape. Introduction , Implementation
Two dozen web developers you can follow on Twitter (20 Web Designers and Developers You Should be Following on Twitter)
A compilation of podcasts for frontend developers (Top podcasts all front-end developers should follow)
Chris Coyer: What goes through my head as I explore the site (Chris Coyier: What Goes Through My Head When Exploring a Site)
SVG:
- SVG gradients
- New SVG 2 properties
- "Practical SVG" - a lesson from Chris Koyera on A List Apart
- Interview with Nikos Andronikos, Head of SVG WG
Creating a responsive progressive web application (Designing Responsive Progressive Web Apps)
Beginner's Guide to Responsive Web Applications (A Beginner's Guide To Progressive Web Apps)
Google AMP: What does this mean for mobile SEO?
Shadow DOM v1: stand-alone web components (Shadow DOM v1: self-contained web components)
I looked in the Node_Modules directory, and you won’t believe what happened next (I’m not sure what’s next )
Strange hack that allows you to move the cursor out of the browser window
Spectacular web:
')
- Multi-Layout Slideshow
- Creating an eraser effect with HTML5 Canvas (Scratch-Off Reveal with HTML5 Canvas)
- Animated distortion SVG / CSS / JS distorted effect (Distorted SVG (animated))
- SnookSVG w / Polycleaner
- Grass in WebGL (WebGL grass)

CSS

Interaction between Javascript and CSS using CSS variables
Scaling CSS Components with BEM, REMs, and EMs (Scaling CSS Components with BEM, REMs, & EMs)
How to Store Data in Sass Lists (How To Store Data In Sass Lists)
Atomic Design - the complete guide to scalable and modular CSS (Atomic Design - Your Ultimate Guide to Scalable & Modular CSS (Sass))
We achieve smooth 60 FPS animation using CSS3 (Smooth as Butter: Achieving 60 FPS Animations with CSS3)
Creating themes with CSS4 Color (Building Themes with CSS4 Color Features)
Implementing Facebook's Reaction Animation Emoticons Animations
How to use CSS and SVG masking and trimming techniques (clipping and masking techniques)
Force selection of a text block (Force Selection of Text Block)
Nextdoor Style Guide
CSS property will-change
Proposed box-suppress property (The proposed box-suppress property)
Volumetric interactive histagrams on CSS (3D Stat Bars in CSS)

Javascript

The composition of functions . Translation of the article Function Composition: Building Blocks for Maintainable Code
Functional JavaScript testing with Nightwatch.js
var const let : advice from Remi Sharp
Keyboard accessibility improvements with javascript (Keyboard accessibility improvements with javascript)
Creating your first application on Vue.js (Building Your First App With Vue.js)
State Vue (2.0 release candidate) (The State of Vue)
Comma operator in JS (Comma operator in JS)
We polish JavaScript code: get rid of old ES5 hacks (Make your JavaScript code shine: knockout old ES5 hacks)
JSON.is - documentation for common JSON formats (JSON.is - Open-source documentation for common JSON formats)
Parallel Processing in JS (Parallel Processing in JS)
Animated multi-layer histagrams with D3.js (Animated stacked bar charts with D3.js)
Current Javascript Status - Jack Franklin (The State of Javascript - Jack Franklin | August 2016)
Creating your own EventEmitter (Build Your Own EventEmitter)
Framework:
- How many days have passed since the release of the new JavaScript framework? (How many days since the last javascript framework?)
- Angular 2 vs React - what do developers often forget? (Angular 2 vs React - What Developers Often Forget?)
- Angular 2 Release Candidate 5 (Angular 2 RC5 - NgModules, Lazy Loading and AoT compilation)
- Understanding Redux (Making sense of Redux)
- Looking Ahead With React Native For The Web (A Glimpse Into The Future With React Native For Web)
- Loading and manipulating images with React (Image Upload and Manipulation with React)
- Draft of the book "React Enlightenment" (React Enlightenment [DRAFT])
- Course "Fundamentals of Angular 2" (Angular 2 Fundamentals)
- Angular 2 with an example of an application with SPQR (Angular 2 by Example)
- Learning from Ember.js from scratch: lessons, books, and resources for beginners (Learn Ember.js From Scratch: Tuts, Books, and Resources for Beginners)
- Setting up Flow with Babel already installed (Setting up Flow when you already got Babel in place)
Plugins:
- Scrollanim - CSS3 / JavaScript library for creating scrolling animations running everywhere
- Typr.js - Javascript parser for working with fonts (TTF, OTF). Alternative to opentype.js.
- baffle.js - a library for encrypting and decoding text in DOM elements (baffle.js - a tiny (~ 1.8kb) javascript library for obfuscating and revealing text in DOM elements.)
- Polifil for smooth scroll polyfill

Browsers

News and entertaining

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

Digest from last week .
Material prepared dersmoll and alekskorovin .

Source: https://habr.com/ru/post/307722/

All Articles

The digest of fresh materials from the world of the frontend for the last week №223 (August 8 - 14, 2016)

Web development

CSS

Javascript

Browsers

News and entertaining

More articles: