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