The digest of fresh materials from the world of the frontend for the last week №344 (December 17 - 23, 2018)
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
•
Web Standards podcast, Release №152: Community in Kazan, Chrome 72, i18n, monopoly, SVG and too complex CSS, build and ES modules.
•
Five-Minute React podcast # 51 - 18 facts about Vue.js up to 2018
•
Frontend Weekend podcast # 84 - Pavel Chertorogov about GraphQL obsession and the state of the IT industry in Almaty
•
“Devshakhta Podcast” # 62: What fronteender can help devops product
• RadioJS
podcast # 54: New Year 's Eve . Svelte, Vue, news and trends
•
Podcast "Frontend Youth (18+)" # 77 Fish rot from the head and the site from the footer
•
Podcast "CSSSR",News 512 - Issue No. 32 ( December 17 - December 23 )
•
“ALL YOUR HTML” # s2e2: “DeBuris.it Decompilation, Shaders”
•
Nordic.js 2018 , 29 videos
•
Why is the web so complicated?
•
Fit tutorials on YouTube
• Available SVG icons with inline sprites
• List of conferences hosting Russian-language reports on frontend
•
No reason to use pointer-events for HTML elements
•
Processing broken images using service worker
•
Service Workies - Learn all the advantages of service workers using an interactive game
•
Release Bootstrap 4.2.1
•
The philosophy of the CSS
• Basics of CSS: block model
•
How to make a move on a curve Ising (Easing Curve) in reverse
•
Fragmented, but developing state the CSS-in-JS
•
Styling Select as if today 2019
•
Fighting FOIT and FOUT
•
the Generic First CSS: Mobile First Thinking
•
Google Fonts and font-display
•
Less known CSS properties explained in GIFs
•
Regarding CSS global scope
•
Javascript frameworks: trends of 2019
•
ECMAScript modules in Node.js: new plan
•
Experiments with neural interfaces on JavaScript
• Release of Electron 4.0.0, an application development platform based on the Chromium engine
•
Pyramid of Getter-Setter in JavaScript
•
The most popular JavaScript frameworks for developers in 2019
•
New free “Functions” guide in “Programming Fundamentals” (51 challenges with solutions)
•
JavaScript features: clean way to change global prototypes
• It became known why Microsoft is switching to Chromium
•
Has Google really sabotaged Edge performance on YouTube?
• New release of Firefox Focus web browser.
•
Chrome 72 Beta: public class fields, user activation, and more.
• Cryptoracle or fork psychology
• AI trend review for 2019
• Facebook plans to create its own cryptocurrency for WhatsApp
• Google+, Theranos, Cashbury and others - which companies and services closed in 2018
• What to expect from IoT in 2019?
• Such different computers: about the smallest and most productive
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
• RadioJS
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
Web development
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Available SVG icons with inline sprites
• List of conferences hosting Russian-language reports on frontend
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Performance:
•Avito Online Frontend: Performance broadcast recording
•How to worry about the weight of the npm package
- Tools:
•Make Modern Build
•WebStorm 2018.3 release: improved support for Angular, improved auto import, GitHub Pull Requests and much more
•Use DevTools to understand modern layout methods
- Accessibility:
•I used the screen reader on the web for a whole day
•I threw away my mouse
•Web components are still required to be accessible
- Animation:
•Animated interactive landscape
•The most inspiring sites for 2018
•Mouse scrolling into perspective
CSS
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Basics of CSS: block model
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Javascript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Release of Electron 4.0.0, an application development platform based on the Chromium engine
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
VueJS:
• Increasedevelopment productivity by the example of Vue - part 1
•Create a Vuex Undo / Redo plugin for VueJS
•Vue 3.0 Updates "Evan You report on VueConfTO 2018
•Vue pitfalls
•How to create a static site with Vue.js as soon as possible
•Vue Route Component Hooks
•How to create menu highlights in Medium style
•How to install, create and deploy your own applications using Vue
React:
• React Hooks: what happens to the react context?
•Nextjs for everyone - with basic knowledge of React
•React v16.7: No, this is not the same with hooks
•Animation between views in React
Angular:
• How to optimize applications on Angular
• Angular Ivy Renderer readiness 93%
•Increase Angular performance by lazy loading your modules
•Improved navigation in Angular 7 using switchMap
•Angular Enterprise Templates - Part 2
Browsers
• It became known why Microsoft is switching to Chromium
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
• New release of Firefox Focus web browser.
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Entertaining
• Cryptoracle or fork psychology
• AI trend review for 2019
• Facebook plans to create its own cryptocurrency for WhatsApp
• Google+, Theranos, Cashbury and others - which companies and services closed in 2018
• What to expect from IoT in 2019?
• Such different computers: about the smallest and most productive
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 .