The digest of fresh materials from the world of the frontend for the last week №222 (August 1 - 7, 2016)
We offer you a selection with links to useful resources and interesting materials from the frontend area.
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 .
| Web development |
| CSS |
| Javascript |
| Browsers |
| News and Entertaining |
Web development
- Podcast Web Standards, Release №27 : Video in iOS, ChakraCore competitor V8, available modal windows, tables and forms, leapfrog with CSS color functions.
Does the mobile version? 5 common problems that adaptive layout solves. Yandex experience
Organization of tasks in Grunt (Organizing Your Grunt Tasks)- Critical Path Performance Optimization with Express Server and Handlebars (Optimizing Critical-Path Performance With Express Server And Handlebars)
- PNG optimization (PNG optimization)
- How to prepare for an interview for a front-end developer (for a front-end developer)
- Retrospective use of a static site generator (Using A Static Site Generator At Scale: Lessons Learned)
- Web components and progressive enhancement (Web Components and progressive enhancement)
- Mobile SEO Guide (Your Guide to Getting Started with Mobile SEO)
- The hardest part of the web is its invisible parts (The hardest parts of the Web are the invisible parts.)
- Extensible web components
- How to write unsupported code (unmaintainable-code)
- When to use a switch, and when to checkbox (When to Use a Switch or Checkbox )
- Web Animations API:
- Web Animation API support appeared in Firefox 48
- Selection of demos and experiments with Web Animation API
- When to use the Web Animation API (When to Use the Web Animations API)
- Accessibility:
A11ycasts is a new podcast on Google’s developer accessibility channel. And also issue # 02: Inert Polyfill- Bookmarklets for Accessibility Testing (Bookmarklets for Accessibility Testing)
- Edge passed all HTML5 Accessibility tests (Edge is the only browser to perform 100% in HTML5 Accessibility test)
- SVG:
- High Performance SVGs (High Performance SVGs)
- 3 strange browser inconsistencies in SVG (3 Weird SVG Browser Inconsistencies)
- Interactive translucence effect through glasses using SVG masks (“Put On The Sunglasses, Frank”: An Interactive with SVG Masks)
- Lessons:
- How I built a great multiplayer online HTML5 canvas game in one week (How I built a Massive Multiplayer Online HTML5 Canavs Game in One Week)
- How to create an 8-bit drum machine using Web Audio, SVG and Multitouch (How to Create A Responsive 8-Bit Drum Machine Using Web Audio, SVG And Multitouch)
CSS
- Full-screen containers inside the elements of limited width . Translation of the article Full Width Containers in Limited Width Parents
- CSS isolation . CSS article containment translation
- Using the viewport to create an indicator to scroll the page on pure CSS (Using the viewport units to create a CSS-only scroll indicator)
- Timing is everything: improve your animations using non-linear curves (Timing is Everything: Improve your animations with custom, non-linear timing curves)
- Tootik - CSS / SCSS / LESS css-library for creating pretty tooltips
- Manipulating Sass Colors with HSL and Opacity Functions
- Aphrodite vs. Jss
- Open book on "pure CSS3"
- CSS mix-blend-mode is bad practice for your browser history (CSS mix-blend-mode is bad for your browsing history)
- CSS priority (when order in CSS matters) (Precedence in CSS (When Order of CSS Matters))
- Cutestrap, a lightweight (regular) CSS framework ( Getting to Know, Cutestrap, a Lightweight CSS Framework)
- Overview of CSS units: corners, time, and frequency
Javascript
- How to teach people JS: Part 1. Marginal notes
- Voice recognition and reading of text in the browser in 3 lines on JavaScript: demonstration and code examples
- A free video course on modern technologies for web developers is presented: ES6, ESnext, Node.js, NPM, RxJS, WebPack and TypeScript
- Functional TypeScript
- Understanding native JavaScript array methods understanding native methods for arrays
- Detailed review of the symbols in ES6 (Detailed overview of well-known symbols)
- Notes by Jake Archibald on the theme of the service worker notes by Jake Archibald
- How to implement internationalization (i18n) in JavaScript (How to Implement Internationalization (i18n) in JavaScript)
- Async features fall into ES2017! (Async functions are now stage 4 and will be included in ES2017!)
- JavaScript and functional programming (JavaScript and Functional Programming)
- Cycle for vs. vs. forach in javascript (The for Loop vs. forEach in JavaScript)
- Implementing JavaScript in Python (Embedding JavaScript into Python)
- A comprehensive review of jQuery selectors (A Comprehensive Look at jQuery Selectors)
- Framework:
- Components of higher order in React . Translation of the article Higher Order Components: A React Application Design Pattern
- AngularJS vs ReactJS
- Internationalization in React (Internationalization in React)
- Interactive Graphics on Angular with ZingChart
- Debugging Angular Applications with Augury (Debugging Angular 2 Apps with Augury)
- State of React: # 1: A Stateless React App? , # 2 - From Inception to Redux
- Description of the new kernel algorithm React, React Fiber (React Fiber Architecture)
- React Ecosystem Primer Primer: Part 2 of 3 (A Primer on the React Ecosystem: Part 2 of 3)
- React Native to SoundCloud (React Native at SoundCloud)
- kasia - React Redux toolkit for the WordPress API (kasia - a React Redux toolset for the WordPress API)
- react-media - CSS media query component for React (react-media - a CSS media query component for React)
- Using Kendo UI for jQuery in React Applications (Using Kendo UI for jQuery in a React App)
- Custom Form Elements in Angular 2 (Custom Form Controls in Angular 2)
- Creating modern web applications with Ember.js (Building Ambitious Web Applications with Ember.js)
- Research Mithril, a JavaScript framework for creating great applications (Exploring Mithril, A JavaScript Framework for Building Brilliant Applications)
- Plugins:
- Audiogram - a library for generating video from audio clips
- lightgallery.js - full-featured gallery for images and videos (lightgallery.js - full featured JavaScript image & video gallery.)
- vivus - library for SVG animation (vivus, bringing your SVGs to life)
- jQuery Rate - a simple jQuery plugin for creating graphic ratings (jQuery Rate - a simple jQuery plugin for creating graphical ratings)
Browsers
- Brave's Bitcoin Browser Raises $ 4.5 Million
- Installing Google Chrome Add-ons in Mozilla Firefox
- Firefox 48 release , technical details for developers
- Firefox multi-process architecture translation plan
- Firefox will start showing archived pages instead of 404 errors
- Opera 39 optimizes a portable video and requires less memory
- In Chrome 52 for Android, video loads faster, uses less traffic and slows down the battery more slowly
- Microsoft continues the campaign against Chrome, now Windows 10 advises users to switch from Google browser to Edge
- Microsoft Edge is still an outsider on the browser market.
- New Microsoft Edge, which appeared after Windows 10 Anniversary Update
- Browser trends in August 2016: how are the Chrome rivals? (Browser Trends August 2016: How Do Chrome's Rivals Stack Up?)
- Microsoft Edge will get extensions that update JavaScript support in Windows 10 Anniversary Update (Microsoft Edge Get Extensions, Better JavaScript in Windows 10 Anniversary Update)
News and Entertaining
- In the HTTP / 2 protocol, four dangerous bugs were revealed at once.
- Google will extend AMP support to all organic issue.
- In the UAE at the legislative level banned the use of VPN
- Dropbox launches its own Paper service to collaborate on documents and tasks.
- Click under ban: Facebook will reduce the presence of non-informative publications with enticing headlines in the feed
- Artificial intelligence did not cope with the test for common sense
- Cybersport at the Olympics: fantasy or reality?
- How to become a cyber sportsman, and what you need to do
- Yahoo investor Eric Jackson on the sale of the company
- Analysts estimated the average cost of stolen accounts from Uber, Netflix, Gmail and other services
- Cutting out reality
- IBM created the closest artificial analogue of neurons
- MS Windows: on the eve of default
- Windows 10 Anniversary Update: First Impressions
- A series of articles by Ilya Klimov on the topic “The 7 Sins of a Programmer”: Pride , Envy , Anger , Despondency , Greed , Gluttony
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/307296/
All Articles