The digest of fresh materials from the world of the frontend for the last week №328 (August 20 - 26, 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, Issue # 135: Certificates and TLS 1.3, flexs and custom properties, compatibility and webkit-junk, SVG filters and WebGL, Node.js news
•
Frontend Weekend podcast # 67 - Victor Grishchenko on how and why develop science in the modern IT world
•
Weekly Vue weekly podcast, Issue 1.
•
Five Minute React podcast # 44 - From the life of one middle developer
•
“ Devshakhta - podcast ": # 47: Test as Uncle Bob
•
Podcast" Frontend Youth (18+) " # 62 Multicultural podcast is not about the frontend
•
Interview with the head of SRI Sergey Berezhny
•
ChernivtsiJS 2018 - June 23, 2018 , 12 videos
•
An introduction to programming shaders for web designers
•
Microservice front-end - a modern approach to front division
•
Web Payments, Payment Request API and Google Pay
•
AR / VR creation using Javascript and HTML
•
Quick introduction to web security
•
Overview of popular static site generators
•
New instructions on accessibility in WCAG 2.1
•
Custom approach for normalizing and resetting styles (custom-reset.css)
• Resolved with CSS! Logical stylization based on the number of elements
• We write CSS better and more beautifully
•
Use the support definition function to write cross-browser CSS
•
TypeScript 3.0
•
Web applications and servers working with JavaScript are vulnerable to ReDoS attacks
•
Top 33 JavaScript projects on GitHub
•
Checklist for writing reuse components in React and Vue
• Mozilla announced the removal of outdated Firefox add-ons
• The upcoming Google Chrome 69 update will bring a radically new browser design
• Firefox 62 plans to activate the Firefox Monitor system add-on
•
Chrome for Android may start disabling JavaScript on a 2G connection
• Yandex cancels the TCI and introduces a new indicator of the quality of the site
• Programmers are joking. Is it time to ban?
• The European Union will ban the production of halogen lamps on September 1
• Windows 95 ported to Electron
• Linux kernel turned 27 years old
• How the mouse was tempered: the evolution of gaming peripherals
• OG became the champion of The International 2018 . For the victory, the team earned $ 11.2 million.
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

•

•

•

•

Web development
•

•

•

•

•

•

•

- Performance:
•Tips for improving the performance of CSS and JS animations
•A guide to using webpagetest
•How we entered the top 3 fastest e-commerce sites
•Immersion in web performance according to Google I / O 2018
•Deep immersion in web performance in 2018
- Tools:
•Professional tips on using Visual Studio Code to achieve the highest performance in 2018
•SVG 3D Builder is a comprehensive tool for creating three-dimensional models on svg
•SVG Filters Playground . A tool that makes filter management much more convenient.
- Spectacular web:
•Codepen-selection of CSS / SVG effects for text on the web
•A selection of creative animations for the “hamburger” menu
CSS
•

• Resolved with CSS! Logical stylization based on the number of elements
• We write CSS better and more beautifully
•

- Standards:
• Standard for non-standard
• Sometimes they are returned: pseudo-elements with the prefix -webkit- become valid in Firefox
•:: before vs: before
- Visual effects:
•A few words about gradients
•Responsive images: CSS techniques that help save time
•Using CSS Clip Path to create interactive effects, part 2
•Using background-attachment CSS to create sticky background ads in iFrame
•Real examples of using CSS with SVG
•Advanced effects using background blending modes in CSS
- Layout:
•Everything you need to know about alignment in the Flexbox
•Advantages of using CSS Grid for web form layouts
- Typography:
•Research of variable fonts
•Variable fonts and dyslexia
- PWA:
•CSS and PWA: Some Tips for Building Progressive Web Applications
•CSS Optimization Tools for Accelerating Progressive Web Applications
Javascript
•

•

•

•

- Tutorials:
•Creating live graphics on D3.js
•Sample Javascript Fetch API guide from scratch
•Creating a simple static site generator with Node.js
•First steps with TensorFlow.js
- Theory:
•JavaScript: study of objects
•Increase the level of ownership of the method of working with arrays filter
•Complex numbers in JavaScript
•Iterators and generators take their place in modern JavaScript
•Asynchronous recursion: promises, surprises, but, above all, confusion
VueJS:
•State of Vue.js in 2018
•Creating an SEO-Friendly SPA on Vue.js using Prerender, and tips
•JS developer challenges Google and Facebook
•Handling touch events with VueJs
React:
•Kotlin + React vs Javasript + React
•React Autocomplete tutorial with an example
•Complete props guide to React
Angular:
•Properties of Angular v6 that change the rules of the game
•Creating an optimized for search engines PWA on Angular - part 1
•How to create a plugin / extensible application architecture on Angular5 +
- Libs & Plugins:
•size-plugin - displays the size of compressed assets of your webpack and changes since the last build
•WorkerDOM - an implementation of the DOM API designed to work inside the Web Worker
Browsers
• Mozilla announced the removal of outdated Firefox add-ons
• The upcoming Google Chrome 69 update will bring a radically new browser design
• Firefox 62 plans to activate the Firefox Monitor system add-on
•

Entertaining
• Yandex cancels the TCI and introduces a new indicator of the quality of the site
• Programmers are joking. Is it time to ban?
• The European Union will ban the production of halogen lamps on September 1
• Windows 95 ported to Electron
• Linux kernel turned 27 years old
• How the mouse was tempered: the evolution of gaming peripherals
• OG became the champion of The International 2018 . For the victory, the team earned $ 11.2 million.
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
Material prepared dersmoll and alekskorovin