The digest of fresh materials from the world of the frontend for the last week №229 (September 19 - 25, 2016)
We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.
← Digest last week
“The material was prepared by dersmoll and alekskorovin .
| Web development |
| CSS |
| Javascript |
| Browsers |
| News and entertaining |
Web development
Layout: display custom content- HTML 5.1 is coming out, HTML 5.2 is being prepared .
Welcome to HTML 5.2! - Air Berlin: Progressive Web App Implementation
- Secrets of Progressive Web Apps: Part 1
- Fast rendering with DOM template engines
- Web Standards Podcast, Issue # 34: New Githab, Chrome, Safari, HTML and SVG specs, new APIs, letters, fonts, JS for designers, Sass, PostCSS and CSSTree.
- How to be a novice developer and not go crazy
- Web Color Guide for Nerds
- SVG:
- SVG URL-encoder
- Available SVGs in High Contrast Mode (Accessible SVGs in High Contrast Mode)
- SVG has even more potential. (SVG has more potential)
- How to generate a stylegide using Hologram & Gulp
- Client hints . Continuing the series of articles "Responsive Images 201" on the topic of adaptive images
- Getting started with web accessibility (Developers: get started with web accessibility)
- Inky and Slinky : tools from Zurb that make it easy to work with responsive HTML letter templates
- 12 great tips for using Chrome DevTools for developers (Twelve Fancy Chrome DevTools Tips)
- Why we used progressive improvements when creating GOV.UK (Why we use progressive enhancement to build GOV.UK)
- PPK: Web development as a hack of hacks
- Microservices - please do not (Microservices - Please, don't)
- Spectacular web:
')- Spectacular background image transformation (Background Segment Effect)
- HTML5 canvas lightning effect (Lightning effect)
- Slider With Curved Background Slider
CSS
- PostCSS. Future after Sass and Less
- Understanding First Class Features in Sass 3.5
- 8 clever tricks implemented with CSS alone
- Theme with Sass: an endless story
- Inline styles in background-image
- Fonts:
- Do not slow down due to fonts: 3 performance techniques for quick content display (Don't Brake for Fonts: 3)
- New stack of system fonts (The New System Font Stack?)
- OpenType representation of fonts with OpenType Font Variations technology (Introducing OpenType Variable Fonts)
- System fonts in SVG (System Fonts in SVG)
- CSS Grid Layout:
- CSS Grid in the real world - creating a login form (CSS Grid meets the real world - a login form)
- CSS Grid Layout: rubber columns and improved indents (CSS Grid Layout: Fluid Columns and Better Gutters)
- CSS Grid Layout: Quick Start Guide (CSS Grid Layout: A Quick Start Guide)
- Explaining floats using the example of a working escalator (CSS Floats Explained By Riding An Escalator)
- Sass angles (Tilted Angles in Sass)
- 9 Under- rated Properties in CSS (9 Underutilized Features in CSS)
- Unusual thinking with CSS shape-outside in the context of building layouts (Thinking Outside the Box with CSS shape-outside)
- wysiwyg.css - styling content from TinyMCE or Markdown using a single CSS class
- Column Charts in CSS
Javascript
- TypeScript 2.0 language promoted by Microsoft as an add-on to JavaScript
Video reports from TomskJS meetup 1 (09/03/16)- Video reports from Nordic.js 2016
- Visualizing errors in JavaScript after updating Chrome and Firefox (A Visualization Of JavaScript Errors After Firefox & Chrome Updates)
- Why Elm is going to change the world (Why Elm is Going to Change the World)
- Setting up and running with ESLint - JS code validator (Up and Running with ESLint - the Pluggable JavaScript Linter)
- Carved in stone: immutability in JS (Carved In Stone: Immutables in JavaScript)
- Why we will not write on JS in 5 years (Why We Won't Be Writing JavaScript in Five Years)
- 7 things in JS that you might not know about (7 Things You May Not Know in JavaScript)
- jQuery 3 - New Features and Performance Improvements (jQuery 3 - New Features and Performance Improvements)
- Progress Node.js - where the technology is moving a year after the merging of Node.js and io.js (The Progress of Node.js and the Post Node.js and io.js
- Four necessary tips for creating cross-platform Electron applications (4 Electron apps)
- Framework:
- Angular:
- Angular 2 released. Does it jeopardize React? (Angular 2 has been released! Does this threaten React?)
- Migration strategies from Angular 1.x to Angular 2 (Migrating from Angular 1.x to Angular 2: Upgrade Strategies)
- 4 stages of performance tuning for your application on Angular 2 (The 4 Stages of Perfuning for your Angular2 App)
- Why learning Angular 2 was painful (Why Learning Angular 2 Was Excruciating)
- Form Validation in Angular 2 (Angular 2 Form Validation)
- 30 resources for learning Angular 2
- maintained angular - supported projects on Angular 1 and 2 (maintained angular - Maintained Angular Projects)
- Understanding the change in Angular 2 (Understanding Angular 2 change detection)
- Using the Angular 2 Router 3.0.0 New Release (Using the New Release Angular 2's Router 3.0.0)
- Testing Components in Angular 2 with Jasmine (Testing Components in Angular 2 with Jasmine)
- React:
- React Routify - a library for routing for React-applications (React Routify - a routing library for React applications)
- mdcomponents - components for React-applications with Material-design (mdcomponents - Material Design components for React)
- New approach to managing actions in Redux (A new approach to managing Redux actions)
- Maybe you do not need Redux (You Might Not Need Redux)
- Redux Patterns and Anti-Redux Patterns (Redux Patterns and Anti-Patterns)
- Redux or MobX: an attempt to figure out (Redux or MobX: An attempt to dissolve the Confusion)
- How React Native (How React Native Dies) Dies
- Why Vue (and not React) is a new jQuery (Why Vue (Not React) Is the New jQuery)
- Data Flow in Vue and Vuex (Data Flow in Vue and Vuex)
- Podcast: what will appear in Vue.js 2.0 (50: Evan You - What's Coming in Vue.js 2.0)
- Angular:
- Plugins:
- Reflexbox - responsive flexbox mesh for React components
- optimize-js - optimize and speed up javascript invocation by wrapping functions with a special method
- ApproveJs - a data validation library (ApproveJs - simple JavaScript validation that doesn't interfere)
- retina.js 2.0 - retina support for your site
- fetch-reject - a simple fetch wrapper for tracking HTTP errors (fetch-reject - simple wrapper for fetch which rejects on HTTP error)
- GraphicsJS is a lightweight graphics library with an intuitive SVG / VML API (GraphicsJS is a lightweight JavaScript graphics library with the intuitive API based on SVG / VML technology.)
- pareto.js - a small functional library for JS (pareto.js - for an extremely small, intuitive and fast functional utility library for JavaScript)
Lessons
- Master class: make up an interactive banner
- Writing Tetris game on javascript
- Create hacker news with Angular 2 cli, rxjs and webpack
- Creating a game with Three.js, ReactJS and WebGL
- Creating search functionality with Scout and Vue.js
Browsers
- Launch of Opera 40 web browser with built-in VPN
- Firefox 49 release as well as technical details for developers
- Chrome 54 Beta for Android can play video in the background
- falcon - Chrome extension for a full search on the history of site visits
News and entertaining
- Google Maps now shows driving directions.
- Google prefers AMP over application pages in issue
- Google made Penguin part of the basic algorithm: how will this affect search results?
- Google launched Allo messenger with message encryption and built-in assistant
- How are and why we need competition between owners of prostheses and exoskeletons
- Google will unite Android and Chrome OS
- Four final Mozilla redesigns (Mozilla's rebrand reach the final four)
- MotionMark: a new graphic benchmark from webkit
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 last week
“The material was prepared by dersmoll and alekskorovin .
Source: https://habr.com/ru/post/310980/
All Articles