Статья с множеством иллюстраций по свойствам flexbox от преподавателя freecodecamp → https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35
freeCodeCamp.org
Flexbox - The Ultimate CSS Flex Cheatsheet (with animated diagrams!)
This comprehensive CSS flexbox cheatsheet will cover everything you need to know to start using flexbox in your web projects. CSS flexbox layout allows you to easily format HTML. Flexbox makes it simple to align items vertically and horizontally using rows…
В продолжение предыдущего поста - хорошая статья про CSS grid от того же автора → https://medium.com/@js_tut/css-grid-tutorial-filling-in-the-gaps-c596c9534611
Medium
The Complete CSS Grid Tutorial
Here’s a list of my best web development tutorials.
Статья о новых фишках CSS. Использование показано во время пошагового написания мини-проэкта. Довольно познавательно → https://www.creativebloq.com/how-to/5-hot-new-css-features-and-how-to-use-them
Creative Bloq
5 hot new CSS features and how to use them
We explore the most exciting new properties coming to CSS.
Интересные способы применения CSS-свойства pointer-events → https://codepen.io/MartijnCuppens/pen/MBjqbM?editors=1100
Фишки для продвинутого дебага js-кода на примере Сhrome Devtools. https://css-tricks.com/debugging-tips-tricks/
CSS-Tricks
Debugging Tips and Tricks
Writing code is only one small piece of being a developer. In order to be efficient and capable at our jobs, we must also excel at debugging. When I
Перевел для Вас статью о render props в React, прикольный подход к построению переиспользуемых компонентов👍. #нашперевод http://telegra.ph/Razbiraemsya-s-Render-Props-na-primere-07-27
Telegraph
Разбираемся с Render Props на примере
Честно говоря, раньше я не представлял ситуаций, в которых можно применить React render props, пока не увидел практический пример, поэтому, поехали! Или можете прочитать TLDR; Ситуация: Нам поручено создать кнопку, открывающую окно PayPal: Мы открываем наш…
Прикольный инструмент, показывает повторяющийся код и копипасту) Думаю можно поставить на пре-коммит: https://github.com/danielstjules/jsinspect
GitHub
GitHub - danielstjules/jsinspect: Detect copy-pasted and structurally similar code
Detect copy-pasted and structurally similar code. Contribute to danielstjules/jsinspect development by creating an account on GitHub.
Представлено Page Lifecycle API, позволяющее обрабатывать изменения состояния document и DOM-элементов. Пока только Chrome 😞. https://developers.google.com/web/updates/2018/07/page-lifecycle-api
Chrome for Developers
Page Lifecycle API | Web Platform | Chrome for Developers
The Page Lifecycle API brings app lifecycle features common on mobile operating systems to the web. Browsers are now able to safely freeze and discard background pages to conserve resources, and developers can safely handle these interventions without affecting…
Краткий обзор библиотеки для #ML TensorFlow.js. История, основные API, примеры использования: https://medium.freecodecamp.org/get-to-know-tensorflow-js-in-7-minutes-afcd0dfd3d2f
freeCodeCamp.org
Get to know TensorFlow.js in 7 minutes
And learn how you can run ML/DL models directly in the browser
Статейка о margin: auto во flex. Довольно наглядно показано ⟶ https://css-tricks.com/the-peculiar-magic-of-flexbox-and-auto-margins/
CSS-Tricks
The peculiar magic of flexbox and auto margins | CSS-Tricks
In front-end development, there are often times when I know that I don’t know something. I might know enough to know what CSS to search for, but I have
Почему YouTube, в Firefox и Edge открывается в 5 раз дольше чем в Chrome → https://habr.com/post/418105/
Habr
Почему открытие YouTube в Firefox или Edge может занимать в 5 раз дольше, чем в Google Chrome
Неожиданным открытием поделился сегодня с общественностью Крис Петерсон из Mozilla: как выяснилось, в данный момент открытие страницы YouTube в браузерах Firefox и Edge происходит в 5 раз медленнее,...
Подробные роадмапы для веб-разработчиков (как фронтенд так и бэкенд) → https://medium.com/level-up-web/developer-roadmaps-all-in-one-place-75c0402db0e0
Medium
Web Developer Roadmaps: All In One Place
by Bradley Nice, Content Manager at ClickHelp.com — software documentation tool
Оливер Уильямс о том, как сделать по-настоящему переиспользуемый компонент (Custom Elements, Shadow DOM, и NPM) → https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/
Smashing Magazine
The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM — Smashing Magazine
Developers conduct AB tests, accessibility audits, unit tests and cross-browser checks. Once you’ve solved a problem, you don’t want to repeat that effort. By building a reusable component library, we can continuously utilize past efforts and avoid revisiting…
Наткнулся на интересный пост о том, как введение GDPR повлияло на компании за 2 мес → https://habr.com/company/it-grad/blog/418501/
Хабр
Жертвы GDPR: кто уже прекратил работу из-за нового регулирования персональных данных
Европейский общий регламент по защите данных вступил в силу два месяца назад. Пока IT-сектор размышляет о будущем крупных информационных гигантов, перемены уже п...
Addy Osmani о проблемах перформанса js, способах их аудита и решения → https://medium.com/@addyosmani/the-cost-of-javanoscript-in-2018-7d8950fbb5d4
Medium
The Cost Of JavaScript In 2018
Update: The Cost Of JavaScript In 2019 is now available to read.
Инструменты и техники для увеличения производительности Node.js - серверов → https://medium.com/@smashingmag/keeping-node-js-fast-tools-techniques-and-tips-for-making-high-performance-node-js-servers-8cfcb55e3d7
Medium
Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers
Node is a very versatile platform, but one of the predominant applications is creating networked processes. In this article, we’re going to…
Перевел для вас статью с подробным сравнением Redux и new Context API, перспективная штука 👉 http://telegra.ph/redux-vs-context-08-04 #нашперевод
Telegraph
Redux против React Context API
В React 16.3 был добавлен новый Context API. Новый в том смысле, что старый Context API был за кадром, большинство людей либо не знали о его существовании, либо не использовали, потому что документация советовала избегать его использования. Однако теперь…
Опубликован рейтинг языков программирования TIOBE за август. Из новостей - Python поднялся на 4 место (говорят, из-за широкого использования в институтах) → https://www.tiobe.com/tiobe-index/
Добавлена поддрежка Chrome для VR-платформы Daydream. Скоро будем проверять отображение приложений и в VR 😒 → https://www.theverge.com/2018/7/30/17630440/google-chrome-vr-webvr-launch-official-daydream-view-mirage-solo
The Verge
Google Chrome is officially launching on Daydream VR headsets
Google is officially adding the Chrome browser to its Daydream virtual reality platform.
Советы для улучшения безопасности Node.js - серверов → https://medium.com/@nodepractices/were-under-attack-23-node-js-security-best-practices-e33c146cb87d
Medium
We’re under attack! 23+ Node.js security best practices
A curated list of 23 node security best practices with code examples and quotes from the top ranked blogs