The digest of fresh materials from the world of the front-end for the last week No. 366 (May 20 - 26, 2019)
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
• Podcast “CSSSR” . News 512 - Vue 3, switch to Context API and React Hooks, and hold on, Huawei
• Frontend Weekend podcast # 91 - Eugene Cat about the pains of team life, the path to GDE and harsh selection on HolyJS
• Podcast “Make me beautiful!” , Issue No. 18: Away Ilya Yakyamsev - Scrum, burnout and
• Podcast “Frontend Youth (18+)” # 94: Frontend died and only youth will save him
• “Repozitorro” # 15 - I did not find the readable code
• KharkivCSS # 4 2019 , 7 videos
• Real reactive programming in Svelte 3.0
• “You need to know both the web stack and C ++”: an interview with Alexei Kozyatinsky about Chrome DevTools development and more
• Front-end documentation, style guides and development of MDX
• Footnotes that work in RSS Readers
• DevChecklist: a collaborative space for creating and storing checklists that help ensure software quality
• Webpack from zero to hero - part 3: Everything is a module
• WebAssembly in eBay: a real use case
• Static web - back to the roots?
• Measuring interactivity with TTI: Time To Interactive
• Flexible CSS Grid tables
• Visual highlighting using HTML mark tag
• What's new in Tailwind CSS v1
• benefit - a small CSS utility compatible with TailwindCSS
• font-display is not compatible with icon fonts
• Current state of rubber typography
• Code as documentation: new strategies using CSS Grid
• 10 CSS tips that I learned using Sass
• Visual online layout editor Flex Layout
• The problem of container indentation
• Can CSS do this?
• JavaScript is the best programming language for beginners
• Outputting an action type using Typescript
• Node.js for beginners: the basics of working with files
• How to connect a script to a third-party site
• Disappearing frameworks
• JQuery abuse for attacks on third-party channels using CSS
• Lazy loading images using the Intersection Observer API
• Create Grid-to-Fullscreen animations with Three.js
• Firefox 67 , technical details of the release from Marat Tanalin
• In Firefox 69, userContent.css and userChrome.css processing will be stopped by default
• Mobile Chrome, Safari and Firefox have not warned users about phishing for more than a year
• Opera announced the first gaming browser
• Introducing the first preliminary Microsoft Edge builds for macOS
• Firefox delivers smooth video playback with the world's fastest AV1 decoder
• Background: US-Huawei conflict - chronology and reasons
• GitHub Sponsors: a new way to contribute to open source
• Sketch 55, Adobe XD update, diagram drawing templates in Figma and other new interface design tools
• IT market in numbers: statistics and development forecasts
• Does he understand us? How a computer teaches people languages
• A person who bought the first pizza for bitcoins: not only a meme, but also a pioneer of mining
• We paid more than 5 million rubles for this site, and that's why
• Anonymous quick reference. Types of encryption and traffic protection, choice of software
Last week's digest .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Podcast “CSSSR” . News 512 - Vue 3, switch to Context API and React Hooks, and hold on, Huawei
• Frontend Weekend podcast # 91 - Eugene Cat about the pains of team life, the path to GDE and harsh selection on HolyJS
• Podcast “Make me beautiful!” , Issue No. 18: Away Ilya Yakyamsev - Scrum, burnout and
• Podcast “Frontend Youth (18+)” # 94: Frontend died and only youth will save him
• “Repozitorro” # 15 - I did not find the readable code
• KharkivCSS # 4 2019 , 7 videos
Web development
• Real reactive programming in Svelte 3.0
• “You need to know both the web stack and C ++”: an interview with Alexei Kozyatinsky about Chrome DevTools development and more
• Front-end documentation, style guides and development of MDX
• Footnotes that work in RSS Readers
• DevChecklist: a collaborative space for creating and storing checklists that help ensure software quality
• Webpack from zero to hero - part 3: Everything is a module
• WebAssembly in eBay: a real use case
• Static web - back to the roots?
• Measuring interactivity with TTI: Time To Interactive
- Accessibility:
• Inclusive components: menus and menu buttons
• Available icon buttons . Detailed article by Sara Soueidan with examples
• Contextual markup of available images and SVGs
• External links, new tabs and Accessibility
CSS
• Flexible CSS Grid tables
• Visual highlighting using HTML mark tag
• What's new in Tailwind CSS v1
• benefit - a small CSS utility compatible with TailwindCSS
• font-display is not compatible with icon fonts
• Current state of rubber typography
• Code as documentation: new strategies using CSS Grid
• 10 CSS tips that I learned using Sass
• Visual online layout editor Flex Layout
• The problem of container indentation
• Can CSS do this?
Javascript
• JavaScript is the best programming language for beginners
• Outputting an action type using Typescript
• Node.js for beginners: the basics of working with files
• How to connect a script to a third-party site
• Disappearing frameworks
• JQuery abuse for attacks on third-party channels using CSS
• Lazy loading images using the Intersection Observer API
• Create Grid-to-Fullscreen animations with Three.js
- Theory:
• JavaScript engines: how do they work? From the call stack to the promises, (almost) everything you need to know
• Writing a clean and scalable JavaScript code: 12 tips
• FunES # 10: A strange array
• Traveling through JavaScript: from loading scripts to execution - Part II
• Functional JavaScript: how to use array reduce for something other than numbers
- React:
• Take control of React performance
• Release Material-UI v4
• Use WebAssembly with React
• Why you should render React on the server side
• Getting started with react-testing-library
• My experience of moving from Enzyme to react-testing-library
• Available UseReducer Guide
- VueJS:
• Getting started with Vue - overview and tutorial
• Vue.js and SEO: how to optimize responsive sites for search engines and bots
• 5 easy ways to drastically improve the speed of your VueJS application
- Angular:
• Angular 8 RC.5 – кандидат в релиз запущен с новыми функциями и критическими изменениями
• Исследование хуков жизненного цикла Angular – OnInit
• Создайте прогрессивное веб-приложение с Angular
- Libs & Plugins:
• await-timeout: API на базе промисов для setTimeout / clearTimeout
• v8n: ультимативная библиотека для валидации
• Tornis — библиотека, следящая за состоянием видимой области браузера, позволяющая реагировать на её изменения
• is-incognito-mode: функция для определения нахождения браузера в режиме инкогнито
Браузеры
• Firefox 67 , technical details of the release from Marat Tanalin
• In Firefox 69, userContent.css and userChrome.css processing will be stopped by default
• Mobile Chrome, Safari and Firefox have not warned users about phishing for more than a year
• Opera announced the first gaming browser
• Introducing the first preliminary Microsoft Edge builds for macOS
• Firefox delivers smooth video playback with the world's fastest AV1 decoder
Entertaining
• Background: US-Huawei conflict - chronology and reasons
• GitHub Sponsors: a new way to contribute to open source
• Sketch 55, Adobe XD update, diagram drawing templates in Figma and other new interface design tools
• IT market in numbers: statistics and development forecasts
• Does he understand us? How a computer teaches people languages
• A person who bought the first pizza for bitcoins: not only a meme, but also a pioneer of mining
• We paid more than 5 million rubles for this site, and that's why
• Anonymous quick reference. Types of encryption and traffic protection, choice of software
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.
Last week's digest .
Material prepared dersmoll and alekskorovin .