May 22, 2016 at 22:58The digest of fresh materials from the world of the front-end for the last week No. 212 (May 16 - 22, 2016)
We bring to your attention a selection with links to useful resources, interesting materials and IT news
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
Last week's digest .
Material prepared dersmoll and alekskorovin .
| Web development | CSS | Javascript | Browsers |
Web development
Putting together an audiobook database for easy filtering- 16th edition of Web Standards: battery, graphics, HEX alpha,! Important, tables, polyfiles
- Creating a service worker: parsing an example
- VKontakte Frontend: Architecture? What kind of architecture?
Video from Avito SPA meetup # 2 
Videos of all reports from the Web and Chrome section on Google I / O 2016- From Zero to Front-End Hero , Part 1 (From Zero to Front-end Hero (Part 1))
- Introduction to the API Animations the Web (Intro to the the Web Animations the API)
- Autofill: What web devs should know, but don’t)
- Available tabs with ARIA, UI problems and standards (ARIA tabs, UI problems and standards)
- 15 site monitoring tools
- Why Native ContentEditable is Terrible
- An example of creating a living style guide ( creating a living style guide : a case study)
- Visual Center - a tool that finds the visual center of your images
- Performance :
- Google Launches New Version of Mobile-Friendly Test Tool
- Analysis of effects for images that reduce performance (Web Image Effects Performance Showdown)
- Browser Calories - Chrome extension that measures website performance budget
- The Coach: A Modern Alternative to YSlow
- Our best practices that are killing mobile web performance (Our best practices are killing mobile web performance)
- AMP :
- At a Google I / O conference 2016, company representative Richard Gingras shared the latest statistics and news on the AMP project: the distribution of the AMP format is growing rapidly, and Google has already indexed over 125 million AMP pages from 650 thousand domains.
- Cooking site AMPs appear on Google
- Google makes it possible to see visitors to AMP pages in Google Search Analytics reporting
- Spectacular web :
- Weekly compilation of beautiful effects on CSS / SVG / JS # 38
- Create responsive looping animation with a walking person using SVG and CSS steps ()
- Experiment with animation and the UI (of An experiment with the Animation and the UI)
- THREE Image Transition
CSS
- The lost art of designing visited links . Translation of the article The lost art of visited links
- Good and bad CSS practices for beginners . Good and Bad CSS Practices for Beginners Translation
- Importance! Important: a guarantee of immutability in CSS . Translation of The Importance of! Important: Forcing Immutability in CSS
- BEMantics: write meaningful styles without repetition . Translation articles BEMantic: DRY Like You Mean It
- All or nothing . Jonathan Snook's All or Nothing Translation
- The nuances of using chains of the same classes . Subtleties with Self-Chained Classes Translation
- CSS magic. Chapter 1. Block
- Bootstrap's Reboot - Next Evolutionary Step for CSS Reset
- Coding technology in the CSS (the CSS coding techniques)
- CSS Debugging
- Advice on alignment of icons on the text (Tips for Aligning Icons to Text)
- ease-out, in; ease-in, out
- PostCSS leadership to improve the selectors and media queries (The PostCSS Guide to Improving Selectors and Media Queries)
- Detailed analysis of the syntax property values in CSS (CSS Understanding The Value Property Syntax)
- checkbox.css - a small set of CSS3 animations for checkboxes
- Using the properties of object-fit and object-position in the CSS (Solution: Using the CSS's object-fit and object-position Properties has)
- CSSPurge - CSS statistics for forty-two popular sites and frameworks
- Cutestrap - minimalistic CSS framework based on Sass (micro-alternative to Bootstrap)
- Fullscreen carousel without JavaScript (Carousel without JavaScript)
Javascript
- Reduce the size of published npm modules
- What browsers do with your JavaScript code: about optimizations in JS engines using the example of V8
- Javascript application scalability foundation
- Why is isomorphism necessary at all?
- Geo data visualization in d3.js
- JQuery 3.0 Release Candidate Release
- Delayed loading of images? Do not rely on JS! (Lazy Loading Images? Don’t Rely On JavaScript!)
- Hacking Lotteries on JavaScript (JavaScript Hacking the Lottery)
- Unraveling Spaghetti Code: How to Write Maintainable JavaScript (Untangling Spaghetti Code: How to Write Maintainable JavaScript)
- Prototypical inheritance JS (Prototypal Inheritance in JavaScript)
- Martin Fowler: refactoring video store javascript code
- Custom PDF rendering in JavaScript with pdf.js the Mozilla (the Custom PDF in the Rendering with the Mozilla's JavaScript pdf.js)
- frameworks :
- React vs. Comparison Angular2: heavyweight battle in JS (React vs. Angular2 Comparison: A Heavyweight Bout for the JavaScript Title)
- Angular use the CLI to accelerate projects Angular 2 (Use the Angular CLI For Faster Angular 2 Projects)
- Upgrade your application to Angular 1.5 and higher! (Upgrade Your App to Angular 1.5 Components and Beyond!)
- Things that impressed me in Angular 2 (Things that Excite Me about Angular 2)
- React with Webpack + Meteor as a backend
- Composable components React (Composable React Components)
- Learn Redux - React and Redux Video Tutorials
- Creating React + Flux application with user authentication (Build a React + Flux App with User Authentication)
- How to write a Google Maps React component (How to Write a Google Maps React Component)
- ES6 :
- Investigated with the blanks in the template literals ES6 (Handling whitespace in ES6 template literals)
- Classes in ES6 - The New “Bad” Part in JS6 (Is “Class” In ES6 The New “Bad” Part?)
- Optimization ES6 code for productive minification (Optimize ES6 Code For Output Minification)
- Learning Promises in ES6 (Learning ES6: Promises)
- Six graceful tricks for ES6 (Six nifty ES6 tricks)
- Hidden Power generator ES6 (The Hidden Power of ES6 Generators: Observable Async Flow Control)
- lebab - Turns your ES5 code into readable ES6 (sugar-syntax). It does the opposite of what Babel does.)
- String interpolation in JavaScript . Kyle Simpson demonstrates how much easier it is to collect strings in ES6 (JavaScript string interpolations)
- ES6 Modules and more from ES2015, ES2016 and beyond in Preview Microsoft Edge (Previewing ES6 Modules and more from ES2015, ES2016 and beyond)
- Plug-ins :
- Push.js - a solution for cross-browser notifications using the JavaScript Notifications API
- Timedropper - jQuery time plugin
- nlp_compromise - using natural English in JS
- jQuery plugins for highlighting text (10 jQuery Text Highlighter Plugins)
- A selection of solutions for creating responsive data tables
Browsers
- Firefox first outperformed Microsoft browsers in frequency
- Google has planned a complete abandonment of Flash startup in Chrome by the end of 2016
- Chrome stops using the backspace key for navigation
- Opera relaunches browser recommended news service
- Firefox will improve bookmarks interface
- Web Notifications in Microsoft Edge
- A look back: one year Microsoft Edge
- Flash is dead (in Chrome), and we really mean it this time)
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
Last week's digest .
Material prepared dersmoll and alekskorovin .
