The digest of fresh materials from the world of the frontend for the last week №321 (June 25 - July 1, 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 No. 127: Reports on BeerJS, graphics on the Internet, fonts in SVG, disappearing frameworks, ES2015 + modules, don’t click, why CSS is.
•Frontend Weekend podcast # 59 - Dmitry Manannikov about the history of moving to Denmark, creating a startup in Chile and BreakfastJS
•devschacht podcast: Night frontend # 39 - Bloody atmosphere vs startup atmosphere
•Frontend Youth (18+) podcast # 54 Want quickness - write on the pros
•The CSSSR podcast, News 512 - Issue No. 12 ( June 25 - July 1)
•
ALL YOUR HTML # 55: “Directory of streams on Vue.js + Nuxt”
•
Dev.Tube - the best video aggregator for developers
•
Conference DUMP-2018: video of all reports and presentations
•YGLF 2018 Kyiv , all videos from the conference
• 11 best English-language resources for web designers
•How WebAssembly accelerates the future of web development
•How to make your web applications mobile-friendly
•Web caching explained by the process of buying milk in the supermarket
•Foundation 6.5.0 release with a lot of bug fixes and improvements
• Steady, declarative, contextual (a new look at the strengths of CSS)
•How I got rid of 250 KB of dead CSS with PurgeCSS
•Drawing images with CSS gradients
•Pixels vs. Ems: Users DO Change Font Size
•How and why we conduct unit testing to our Sass
•Where is CSS4? When will it come out?
•How to quickly prototype applications using CSS Grid and CSS variables
•What is the unit 'ch' in CSS?
•CSS Grid Guide for Dummies
• The history of React Native in Airbnb. Gabriel Peal, translated by Andrei Melikhov: Part 1: React Native in Airbnb , Part 2: Technology , Part 3: Creating a cross-platform mobile team , Part 4: Making a decision on React Native , Part 5: What's next with mobile development
•New release. " getInstance ": Map & WeakMap
•A practical introduction to ES2017 Async-Await
•Creating AR / VR using Javascript and HTML
•Using JavaScript in industries
•New book: full stack web development in JavaScript— from A to Z
•Firefox will check passwords compromised by k-anonymization
• The release of Firefox 61
• Available release of Opera 54 with an updated Speed Dial and the new recovery features
• In "Yandex Browser" mode appeared for slower computers
• The Brave Tor Browser support
•the Mozilla adds the function " Whether there was a leak ”in Firefox
•Firefox 61 - Quantum of Solstice
•Improved JavaScript and WebAssembly performance in EdgeHTML 17
• What happened to Punto Switcher
• JetBrains published the results of the annual survey among programmers
• 49 questions asked at interviews at Apple
• Gentoo project infrastructure hacked on GitHub
• Google invests $ 22 million in KaiOS, Firefox OS fork
• Google created the AI coloring black -white videos of one photo
• Facebook changed its mind and lifted a ban on advertising cryptocurrency six months after its introduction
•Guide on connecting payments to Telegram bots.
Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Web Standards podcast, Issue No. 127: Reports on BeerJS, graphics on the Internet, fonts in SVG, disappearing frameworks, ES2015 + modules, don’t click, why CSS is. •
Frontend Weekend podcast # 59 - Dmitry Manannikov about the history of moving to Denmark, creating a startup in Chile and BreakfastJS•
devschacht podcast: Night frontend # 39 - Bloody atmosphere vs startup atmosphere•
Frontend Youth (18+) podcast # 54 Want quickness - write on the pros•
The CSSSR podcast, News 512 - Issue No. 12 ( June 25 - July 1)•
ALL YOUR HTML # 55: “Directory of streams on Vue.js + Nuxt”•
Dev.Tube - the best video aggregator for developers•
Conference DUMP-2018: video of all reports and presentations•
YGLF 2018 Kyiv , all videos from the conference
Web development
• 11 best English-language resources for web designers
•
How WebAssembly accelerates the future of web development•
How to make your web applications mobile-friendly•
Web caching explained by the process of buying milk in the supermarket•
Foundation 6.5.0 release with a lot of bug fixes and improvements- Performance:
• Google PageSpeed Insights has data on the download speed of the entire site
• The state of the web: main strategies for optimizing images
•Improving page loading performance: Pingdom, YSlow and GTmetrix
•Review of RAIL performance methodology
- Tools:
• Yarn package manager - instructions for use
•lepto - automate editing, optimization and image analysis using the CLI and web interface
- Accessibility:
•Ensuring quick work of the site as part of the development pipeline
•“Accessibility of interfaces” - Dmitry Batogov on SRI
•Accessibility inspector in Firefox Developer Tools
•Creating accessible interfaces is easy
- Effects:
•Creative menu created within the CodePen Challenge
•Slider with three panels and transition animations
•Rabbit Ear is a library for creative origami creation.
• tenori-off.glitch.me - music sequencer on JavaScript from Monica Dinculescu. Machine learning is used for drum picking.
CSS
• Steady, declarative, contextual (a new look at the strengths of CSS)
•
How I got rid of 250 KB of dead CSS with PurgeCSS•
Drawing images with CSS gradients•
Pixels vs. Ems: Users DO Change Font Size•
How and why we conduct unit testing to our Sass•
Where is CSS4? When will it come out? •
How to quickly prototype applications using CSS Grid and CSS variables•
What is the unit 'ch' in CSS? •
CSS Grid Guide for Dummies
Javascript
• The history of React Native in Airbnb. Gabriel Peal, translated by Andrei Melikhov: Part 1: React Native in Airbnb , Part 2: Technology , Part 3: Creating a cross-platform mobile team , Part 4: Making a decision on React Native , Part 5: What's next with mobile development
•
New release. " getInstance ": Map & WeakMap•
A practical introduction to ES2017 Async-Await•
Creating AR / VR using Javascript and HTML•
Using JavaScript in industries•
New book: full stack web development in JavaScript— from A to Z- Theory:
•How JS Works: Classes and Inheritance, Babel and TypeScript Transformations
• JavaScript for Designers - structured synopsis of information snippets created by Mikhail Koloskov during JS learning
• Minimal Guide to ECMAScript Decorators
• Classes and Interfaces in TypeScript
• Learn these basic JavaScript concepts in just a few minutes
• Can it mutate? A list of 30 methods for working with arrays in JavaScript with a mark, whether they mutate the existing array or return a new one.
•Cool ES6 stuff - big fat arrow
React:
• New React context or life without pain and a boilerplate
• Lition written in React.js
•Creating a static blog with Gatsby, CosmicJS and React
•How to use Error Boundaries in React 16
•Combining React, D3 and their ecosystems
•New features and fixes that we received with the latest release of React
VueJS:
• How to write Vue components that interact well
•Vue + TypeScript: a combination in your code editor
•Templates of dynamic components using Vue.js
Angular:
•5 best courses for learning Angular in 2018
•Angular - tips and tricks
•Architecture of huge enterprise projects on Angular
- Libs & Plugins:
•gio.js - JS library for creating three-dimensional infographics in the form of a globe using Three.js
•face-api.js - JavaScript API for recognizing faces in a browser using tensorflow.js
•docz - never before has there been any documentation so simple
Browsers
•
Firefox will check passwords compromised by k-anonymization• The release of Firefox 61
• Available release of Opera 54 with an updated Speed Dial and the new recovery features
• In "Yandex Browser" mode appeared for slower computers
• The Brave Tor Browser support
•
the Mozilla adds the function " Whether there was a leak ”in Firefox•
Firefox 61 - Quantum of Solstice•
Improved JavaScript and WebAssembly performance in EdgeHTML 17
Entertaining
• What happened to Punto Switcher
• JetBrains published the results of the annual survey among programmers
• 49 questions asked at interviews at Apple
• Gentoo project infrastructure hacked on GitHub
• Google invests $ 22 million in KaiOS, Firefox OS fork
• Google created the AI coloring black -white videos of one photo
• Facebook changed its mind and lifted a ban on advertising cryptocurrency six months after its introduction
•
Guide on connecting payments to Telegram bots.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