
The digest of fresh materials from the world of the front-end for the last week No. 283 (October 2 - 8, 2017)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast "Web Standards", Issue No. 89 - Browsers and diversity, grids and death sites, a bad button, why accessibility, get acquainted: JS.
•
Frontend Weekend podcast # 22 - Robert Kharitonov on how to become a famous developer in Europe
•
devschacht podcast: Issue 8 - From PhantomJS to Headless Chrome
•
devschacht podcast: Night frontend # 6 - Captured in Samara
•
Frontend Youth (18+) podcast # 21: opensource problems: poor Emotion, terrible React Native: Hacktoberfest, Leaving IT, Working 20 hours a week
•
Podcast “Drinkcast”, Issue # 11 - “Design systems and ui- whales »
•
“ALL YOUR HTML” # 17: “Perlin Noise, 1d, 2d, 3d”
• The World Wide Web Consortium introduced the second edition of HTML 5.1
•
Google has launched a number of technical updates for AMP , and is also testing a new logo for AMP in search results
•
Everything you ever wanted to know about protecting HTML forms
•
Gutenberg - Chris Koyer about the most important change in the WordPress editor in the history of WP
•
About creating a large-scale style guide using US government websites as an example
•
Why robots should format our code for us
•
Who needs flexes
• The best way to implement “wrappers” in CSS
• CSS landing. Wikipedia . UX of a popular site is supplemented with Stylish user service Stylish
• How to create an adaptive grid
•
Useful CSS classes for setting sizes and naming
•
CSS Grid Challenge: Winners and templates
•
Let there be peace in CSS . A comprehensive article on the various approaches to writing styles and the wars between them
•
Best practices (S) of CSS that you still did not know about (actually knew)
•
The use of web crypts . Excerpt from a bookWebfont Handbook
•
Guide to letter-spacing , use cases, ux, accessibility, and more
• Caution! Side effects are possible . Understanding what side effects are and what they bring to our code
•
Faster code formatting with ESLint
•
Worst JavaScript flaws that hackers like to abuse
•
Announcement of Ember 3.0 release plans
•
Awkward JavaScript moments in funny gifs
•
Winners of the js13kGames contest 2017
• The
many faces of `this` in javascript
• Microsoft Edge has become a cross-platform browser : Microsoft has officially announced the launch of Microsoft Edge for Android and iOS. Without the EdgeHTML engine. iOS: WkWebView (EdgiOS). Android: Chromium (EdgA)
• Microsoft Edge: you should not wait for a noticeable increase in the number of extensions yet
• A new version of Opera browser has been released with the ability to take selfies
• Firefox will stop supporting older versions of Windows
•
Firefox 56: last stop before Quantum
•
Safari Technology Preview 41 : File and Directory API, min / max in calc (), removing CSS Regions support
• Google introduced the “premium” home assistant Google Home Max and the compact version of Mini
• Cloud service Dropbox introduced a new design and logo
• Google tests the mobile-first index in the “live”
display • 10 things that do not affect the ranking of sites on Google
• Bloomberg : Google will launch an improved account protection system for politicians and top managers
• According to Net Applications, the share of Linux among desktop systems has reached 6.88%
• 7 ways to improve code reading skills
• Think for yourself - or with the mind of AI?
• Steve Wozniak: “Today AI is augmented idiocy”
•"The matrix is canceled": Physicists have proven that reality is not a simulation
•
openvim - an interactive guide to Vim.
We apologize for possible 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 .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

•

•

•

Web development
• The World Wide Web Consortium introduced the second edition of HTML 5.1
•

•

•

•

•

- Accessibility:
•Interfaces with tabs. About the nuances of accessibility when creating tabs
•How to start accessibility support in organizations that do not allocate resources for this?
•The future of accessibility for custom elements
- Animation:
• A weekly selection of beautiful effects on CSS / SVG / JS # 56
•Moving Letters - a collection of creative effects for text animated using JavaScript & anime.js
•An interesting effect of a cut double image
CSS
•

• The best way to implement “wrappers” in CSS
• CSS landing. Wikipedia . UX of a popular site is supplemented with Stylish user service Stylish
• How to create an adaptive grid
•

•

•

•

•

•

Javascript
• Caution! Side effects are possible . Understanding what side effects are and what they bring to our code
•

•

•

•

•

• The

- ES2015 +:
•Promises in ES6: patterns and anti-patterns
•Explanation of Await and Async using diagrams and examples
•Compiling vs Polyfills using Babel (JavaScript)
•Optimization of ES2015 proxies in V8
•Template literals are definitely better than strings
VueJS:
• Quasar Framework - universal Vue framework
•Vue.js Style Guide v2
•vuera - React in Vue, Vue in React. Use the Vue components in your React app
•Create transitions and animations in Vue.js: live examples
•Create an online store with Vue : 33 free lessons
•Create a scientific calculator with Vue.js
•Reactivity in Vue.js 2 vs Vue .js 3
React:
•Новшества серверного рендеринга в React 16
•6 профессиональных советов для разработчиков React
•React, инлайн фунции и производительность
•React и JSS: советы после использования этого подхода в течении года
•Как починить ваше приложение на React, если оно в тайне вас ненавидит
•Уроки по миграции большой кодовой базы на React 16
•Введение в React-Static — прогрессивный статический фреймворк для React
Angular:
•Почему не работает ваше приложение на Angular: 11 основных ошибок
•6 лучших практик и профессиональных советов на тему использования Angular CLI
•Angular и анимации: вдыхаем жизнь в ваши приложения
Браузеры
• Microsoft Edge has become a cross-platform browser : Microsoft has officially announced the launch of Microsoft Edge for Android and iOS. Without the EdgeHTML engine. iOS: WkWebView (EdgiOS). Android: Chromium (EdgA)
• Microsoft Edge: you should not wait for a noticeable increase in the number of extensions yet
• A new version of Opera browser has been released with the ability to take selfies
• Firefox will stop supporting older versions of Windows
•

•

Entertaining
• Google introduced the “premium” home assistant Google Home Max and the compact version of Mini
• Cloud service Dropbox introduced a new design and logo
• Google tests the mobile-first index in the “live”
display • 10 things that do not affect the ranking of sites on Google
• Bloomberg : Google will launch an improved account protection system for politicians and top managers
• According to Net Applications, the share of Linux among desktop systems has reached 6.88%
• 7 ways to improve code reading skills
• Think for yourself - or with the mind of AI?
• Steve Wozniak: “Today AI is augmented idiocy”
•"The matrix is canceled": Physicists have proven that reality is not a simulation
•

We apologize for possible 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 .