The digest of fresh materials from the world of the front-end for the last week No. 301 (February 5 - 11, 2018)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
• Frontend Weekend podcast # 39 - Grigory Shehet about life and work in San Francisco, frontend digest and FRP
• Web Standards podcast, Issue 107: CSS for JS in Chrome, HTTPS and SEO, service workers at Safari, CSS marketing, how to conduct and pass an interview.
• Devschacht Podcast: Night Frontend # 21 - Rolling Scopes, Day One
• Angular Five Minute Podcast # 9 - Angular Msk, Pipeable Operators, Clarity UI, CLI 1.7.0 Beta 3, Ng 6.0 Beta 2
• Drinkcast Podcast , # 25 - “The very same Java front-end”
• “ALL YOUR HTML” # 35: “Wordpress minisite from scratch in an hour”
•Record of the WSD conference held in Moscow on February 3
• MITAP on BEM. From the basics to React.js.
• All videos from @SmashingConf London
• Yo! new show with the latest design and web development news from Rob Hope
• Frontend frameworks: custom vs ready-to-use solutions
• Another reason to use noopener is to dive deep into the distribution of the rendering process
• Web Assembly Studio - an online sandbox for learning Web Assembly
• Modern CSS for dinosaurs
• Links against buttons in modern web applications
• Search for “dead” CSS
• CSS allows you to collect sensitive user data
• Use Media Queries for responsive design in 2018
• Use conical gradients and CSS variables to create a pie chart for Range Input
• Theming of sites using CSS variables
• Calculations using CSS counters and CSS Grid
• modern-normalize - modern techniques for normalizing styles in browsers
•3 superpowers of the Flex-Box model - how flex-basis, flex-shrink and flex-grow work
• Internet Explorer still exists. Do I use CSS Grid?
• Top 10 errors from 1000+ JavaScript projects and recommendations for resolving them
• How JS works: web workers and five scenarios for their use
• Learn how to identify red flags in your JavaScript / React code
• Overview of JavaScript testing in 2018
• Five common problems in GraphQL applications (and how to fix them)
• JavaScript frameworks in numbers - winter 2018
• Angular 5 vs. React vs. Vue
• Faster than Firefox and in an updated design: the Opera 51 browser is introduced
• The function to remove personal information from the URL in Firefox 59 has been announced
• Google has released a beta version of Chrome 65 . The developers have improved pop-up blocker, updated the video player for Android and introduced several new APIs.
• Starting in July, the Google Chrome browser will flag all HTTP sites as unsafe
• How the ad blocker works in Google Chrome
• 15 SEO myths that will never die
• The new version of WordPress has broken the engine’s auto-update function
• Google has trained AI multitasking in the process of an intensive game session
• A vulnerability has been discovered that allows you to “put” almost all sites on the WordPress engine
• Mozilla introduced a gateway to the Internet of things
• What is happening in the space business: a review of promising areas of private astronautics
• Schrödinger blockchain: how technology at the core of bitcoin is both useful and dangerous at the same time
• Main trends of 2018 for GitHub projects have been identified
•“Personally, I welcome our mechanical overlords”: opinions of leading world scientists about AI
• Greed, fragility, opacity and pettiness: what is wrong with AI based on in-depth training
• The programmer solved the puzzle of 2015 and received 50 thousand dollars in bitcoins
→ Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Frontend Weekend podcast # 39 - Grigory Shehet about life and work in San Francisco, frontend digest and FRP
• Web Standards podcast, Issue 107: CSS for JS in Chrome, HTTPS and SEO, service workers at Safari, CSS marketing, how to conduct and pass an interview.
• Devschacht Podcast: Night Frontend # 21 - Rolling Scopes, Day One
• Angular Five Minute Podcast # 9 - Angular Msk, Pipeable Operators, Clarity UI, CLI 1.7.0 Beta 3, Ng 6.0 Beta 2
• Drinkcast Podcast , # 25 - “The very same Java front-end”
• “ALL YOUR HTML” # 35: “Wordpress minisite from scratch in an hour”
•Record of the WSD conference held in Moscow on February 3
• MITAP on BEM. From the basics to React.js.
• All videos from @SmashingConf London
• Yo! new show with the latest design and web development news from Rob Hope
Web development
• Frontend frameworks: custom vs ready-to-use solutions
• Another reason to use noopener is to dive deep into the distribution of the rendering process
• Web Assembly Studio - an online sandbox for learning Web Assembly
- Performance:
• Optimization of web performance using webpack: reduce the size of the front-end code and monitor its speed . A new guide from Ivan Akulov and Eddie Osmani on developers.google.com
• How SEOs can benefit from Google Lighthouse - web performance metrics
• A look at the current status of progressive images and user experience
• Website performance and crawling budget
• How we made loading our pages even faster
• Optimize your MP4 video for better performance
- AMP / PWA:
• PWA on the desktop
• Service workers: the little heroes behind Progressive Web Apps
• Google AMP & WordPress: everything you need to know
• Meet PWA in Microsoft Edge and Windows 10 . Microsoft Outlines Progressive Web Apps Implementation Strategy
- Tools:
• Routing, bundling and lazy loading on Webpack
• hreftools - a collection of online web tools to speed up your work
• A new category with SEO audit has appeared in the section for analyzing Chrome sites
• From Webpack to Parcel: create-react-app migration
- Accessibility:
• aria-label is xenophobic
• My accessibility journey: what I learned during this time
• Accessibility questions for interviews
• Simplified WCAG 2.1 guidelines
- Effects:
• Weekly selection of beautiful effects on CSS / SVG / JS # 69
• Animated cube on pure CSS
• Endless staircase on CSS
• Slice Revealer . Effective animation of the slider bars
• Guidance effects depending on the direction of the cursor movement
• Implementation of Winamp2-js on JS
CSS
• Modern CSS for dinosaurs
• Links against buttons in modern web applications
• Search for “dead” CSS
• CSS allows you to collect sensitive user data
• Use Media Queries for responsive design in 2018
• Use conical gradients and CSS variables to create a pie chart for Range Input
• Theming of sites using CSS variables
• Calculations using CSS counters and CSS Grid
• modern-normalize - modern techniques for normalizing styles in browsers
•3 superpowers of the Flex-Box model - how flex-basis, flex-shrink and flex-grow work
• Internet Explorer still exists. Do I use CSS Grid?
Javascript
• Top 10 errors from 1000+ JavaScript projects and recommendations for resolving them
• How JS works: web workers and five scenarios for their use
• Learn how to identify red flags in your JavaScript / React code
• Overview of JavaScript testing in 2018
• Five common problems in GraphQL applications (and how to fix them)
• JavaScript frameworks in numbers - winter 2018
• Angular 5 vs. React vs. Vue
- ES6:
• Отменяемые Promises в EcmaScript6
• JavaScript ES6 — синтаксис оператора spread (…)
• JavaScript ES6: оператор расширения
• Использование параметров по умолчанию в ES6
• Приватные переменные в JavaScript
- React:
• Что нового в React 16.3(.0-alpha)
• Техники бесконечного скролла в React
• Эволюция паттернов в React
• Презентация React Scope — инструмент для визуализации ваших React компонентов, показывающий, как вы взаимодействуете с вашим приложенем
• Новый Context API в React
- VueJS:
• Создание приложение простого распрознавания лиц с помощью Vue.js и Kairos
• Vue в 2018 — интервью с Evan You, автором Vue.js
- Angular:
• Переход с AngularJS на Angular: Цели, планы и правила переноса элементов (1/3), Проблемы и решения гибридного режима (2/3), Жизнь после AngularJS (3/3)
• Запускайте Angular CLI репы напрямую в вашем браузере
• Начало работы с Angular SDK
Браузеры
• Faster than Firefox and in an updated design: the Opera 51 browser is introduced
• The function to remove personal information from the URL in Firefox 59 has been announced
• Google has released a beta version of Chrome 65 . The developers have improved pop-up blocker, updated the video player for Android and introduced several new APIs.
• Starting in July, the Google Chrome browser will flag all HTTP sites as unsafe
• How the ad blocker works in Google Chrome
Entertaining
• 15 SEO myths that will never die
• The new version of WordPress has broken the engine’s auto-update function
• Google has trained AI multitasking in the process of an intensive game session
• A vulnerability has been discovered that allows you to “put” almost all sites on the WordPress engine
• Mozilla introduced a gateway to the Internet of things
• What is happening in the space business: a review of promising areas of private astronautics
• Schrödinger blockchain: how technology at the core of bitcoin is both useful and dangerous at the same time
• Main trends of 2018 for GitHub projects have been identified
•“Personally, I welcome our mechanical overlords”: opinions of leading world scientists about AI
• Greed, fragility, opacity and pettiness: what is wrong with AI based on in-depth training
• The programmer solved the puzzle of 2015 and received 50 thousand dollars in bitcoins
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
→ Digest last week
Material prepared dersmoll and alekskorovin