The digest of fresh materials from the world of the frontend for the last week №283 (October 2 - 8, 2017)
We offer you a selection with links to new materials from the front-end area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast “Web Standards”, Issue # 89 - Browsers and variety, grids and death of sites, bad button, why accessibility, meet: JS.
• Podcast "Frontend Weekend" # 22 - Robert Kharitonov on how to become a famous developer in Europe
• Devschacht podcast: Issue 8 - From PhantomJS to Headless Chrome
• Podcast «devschacht»: Night frontend # 6 - In Samara captivity
• Podcast "Frontend Youth (18+)" # 21: opensource problems: bad Emotion, terrible React Native: Hacktoberfest, Leaving IT, Work 20 hours a week
• The podcast "Drinkcast", Release # 11 - "Design systems and ui-whales"
•
ALL YOUR HTML # 17: Perlin Noise, 1d, 2d, 3d
• The World Wide Web Consortium introduced the second revision of HTML 5.1
•
Google launched a number of technical updates for AMP , as well as testing a new logo for AMP in search results
•
Everything you ever wanted to know about protecting HTML forms
• Gutenberg - Chris Koyer on the most important WordPress editor over the entire history of WP
• On the creation of a large-scale style guide on the example of state websites of the US institution
• Why robots have to format our code for us
')
•
Who needs flakes
• The best way to implement "wrappers" in CSS
• CSS landing. Wikipedia . With the help of the user style service Stylish, the UX of a popular site is doped
• How to create an adaptive mesh
• Useful CSS classes for sizing and naming
• CSS Grid Challenge: Winners and Templates
• Let there be peace in CSS . Comprehensive article on different approaches to writing styles and wars between them.
• Best Practices (S) CSS, which you still did not know (actually knew)
• Using Web Shiftov . Excerpt from the book Webfont Handbook
• Guide to letter-spacing , use cases, ux, accessibility and more
• Caution! Possible side effects . Understanding what side effects are and what our code carries
• Faster code formatting with ESLint
• Worst JavaScript flaws hackers love to abuse
• Announcement of plans for the release of Ember 3.0
• Awkward javascript moments in funny gifs
• Winners of js13kGames 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 EdgeHTML engine. iOS: WkWebView (EdgiOS). Android: Chromium (EdgA)
• Microsoft Edge: there is no noticeable increase in the number of extensions
• 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 to calc (), remove CSS Regions support
• Google introduced the "premium" home assistant Google Home Max and the compact version of the Mini
• Dropbox cloud service introduced a new design and logo
• Google is testing the mobile-first index in live feed.
• 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
• To think for yourself - or mind AI?
• Steve Wozniak: “Today, AI is an added idiocy”
• “The Matrix is Canceled”: Physicists have proven that reality is not a simulation
• openvim is an online Vim tutorial.
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 .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast “Web Standards”, Issue # 89 - Browsers and variety, grids and death of sites, bad button, why accessibility, meet: JS.•
Podcast "Frontend Weekend" # 22 - Robert Kharitonov on how to become a famous developer in Europe•
Devschacht podcast: Issue 8 - From PhantomJS to Headless Chrome•
Podcast «devschacht»: Night frontend # 6 - In Samara captivity•
Podcast "Frontend Youth (18+)" # 21: opensource problems: bad Emotion, terrible React Native: Hacktoberfest, Leaving IT, Work 20 hours a week•
The podcast "Drinkcast", Release # 11 - "Design systems and ui-whales"•
ALL YOUR HTML # 17: Perlin Noise, 1d, 2d, 3d
Web development
• The World Wide Web Consortium introduced the second revision of HTML 5.1
•
Google launched a number of technical updates for AMP , as well as testing a new logo for AMP in search results•
Everything you ever wanted to know about protecting HTML forms•
Gutenberg - Chris Koyer on the most important WordPress editor over the entire history of WP•
On the creation of a large-scale style guide on the example of state websites of the US institution•
Why robots have to format our code for us')
- Accessibility:
• Interfaces with tabs. About the nuances of accessibility when creating tabs
• How to start supporting accessibility in organizations that do not allocate resources to it?
• Future accessibility for custom elements
- Animation:
• Weekly selection of beautiful effects on CSS / SVG / JS # 56
• Moving Letters - a collection of creative effects for text, animated with JavaScript & anime.js
• Interesting cut double effect
CSS
•
Who needs flakes• The best way to implement "wrappers" in CSS
• CSS landing. Wikipedia . With the help of the user style service Stylish, the UX of a popular site is doped
• How to create an adaptive mesh
•
Useful CSS classes for sizing and naming•
CSS Grid Challenge: Winners and Templates•
Let there be peace in CSS . Comprehensive article on different approaches to writing styles and wars between them.•
Best Practices (S) CSS, which you still did not know (actually knew)•
Using Web Shiftov . Excerpt from the book Webfont Handbook•
Guide to letter-spacing , use cases, ux, accessibility and more
Javascript
• Caution! Possible side effects . Understanding what side effects are and what our code carries
•
Faster code formatting with ESLint•
Worst JavaScript flaws hackers love to abuse•
Announcement of plans for the release of Ember 3.0•
Awkward javascript moments in funny gifs•
Winners of js13kGames 2017•
The many faces of `this` in javascript- ES2015 +:
• Promises in ES6: Patterns and Anti-Patterns
• Explaining Await and Async with Diagrams and Examples
• Compiling vs Polyfills with Babel (JavaScript)
• Optimize ES2015 proxy in V8
• Pattern 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 Vue components in your React application.
• Creating transitions and animations in Vue.js: live examples
• Creating an online store using Vue : 33 free lessons
• Creating a scientific calculator using Vue.js
• Reactivity in Vue.js 2 vs Vue.js 3
React:
• React 16 server rendering innovations
• 6 professional tips for React developers
• React, inline functions and performance
• React and JSS: tips after using this approach for a year
• How to fix your React app if it hates you in secret
• Lessons on large codebase migration to React 16
• Introduction to React-Static - a progressive static framework for React
Angular:
• Why your application does not work on Angular: 11 major errors
• 6 best practices and professional advice on the use of Angular CLI
• Angular and animation: breathe life into your applications
Browsers
• Microsoft Edge has become a cross-platform browser : Microsoft has officially announced the launch of Microsoft Edge for Android and iOS. Without EdgeHTML engine. iOS: WkWebView (EdgiOS). Android: Chromium (EdgA)
• Microsoft Edge: there is no noticeable increase in the number of extensions
• 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 to calc (), remove CSS Regions support
Entertaining
• Google introduced the "premium" home assistant Google Home Max and the compact version of the Mini
• Dropbox cloud service introduced a new design and logo
• Google is testing the mobile-first index in live feed.
• 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
• To think for yourself - or mind AI?
• Steve Wozniak: “Today, AI is an added idiocy”
• “The Matrix is Canceled”: Physicists have proven that reality is not a simulation
•
openvim is an online Vim tutorial.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/339626/
All Articles