For Web — фронтенд, дизайн, программирование

23 June 2017 10:40

Как делался фронтенд Stripe Connect: CSS-гриды, 3D-анимации, графика на CSS и другие подробности — https://stripe.com/blog/connect-front-end-experience

For Web — фронтенд, дизайн, программирование

22 June 2017 18:39

Старый добрый аналог Excel в 25 строк кода, переписанный на ES 2015 — http://jsfiddle.net/ondras/o3tzx1px/

For Web — фронтенд, дизайн, программирование

22 June 2017 14:55

Что за штуковины постоянно пишут в самом верху SVG? Питер Новелл разобрался и делится шпаргалкой — pnowelldesign/f3ad198eb54e" rel="nofollow">https://medium.com/@pnowelldesign/f3ad198eb54e

For Web — фронтенд, дизайн, программирование

22 June 2017 10:01

До 70% наших стилей состоит из повторений: результаты исследования Йенса Майерта и выводы — https://meiert.com/en/blog/20170531/70-percent-css-repetition/

For Web — фронтенд, дизайн, программирование

21 June 2017 20:53

БЭМ на примерах: зачем нужна эта методология и как начинающим избежать распространённых ошибок — https://seesparkbox.com/foundry/bem_by_example

For Web — фронтенд, дизайн, программирование

21 June 2017 12:15

Нейросети с нуля для JS-разработчиков, первая часть руководства в переводе devSchacht — https://medium.com/devschacht/30c64ee9dbba

For Web — фронтенд, дизайн, программирование

21 June 2017 10:01

Иллюзия скорости: как увеличить отзывчивость интерфейса с помощью UX-приёмов вместо оптимизации производительности — https://paulbakaus.com/tutorials/performance/the-illusion-of-speed/

For Web — фронтенд, дизайн, программирование

20 June 2017 16:05

Браузерные войны: когда Netscape встретил Microsoft, первая часть истории в переводе Дмитрия Мананникова — slonoed/351dcf170e59" rel="nofollow">https://medium.com/@slonoed/351dcf170e59

For Web — фронтенд, дизайн, программирование

20 June 2017 12:00

Spellbook of Modern Web Dev, объёмный рубрикатор по технологиям и инструментам современного веба — https://github.com/dexteryy/spellbook-of-modern-webdev

For Web — фронтенд, дизайн, программирование

20 June 2017 10:00

Как уже сегодня начать делать интерфейсы на CSS-гридах для продакшена — https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/

For Web — фронтенд, дизайн, программирование

20 June 2017 08:00

Ахмат Шадид рассказал, как справиться со слишком длинным содержимым, ломающем вёрстку — https://css-tricks.com/handling-long-unexpected-content-css/

For Web — фронтенд, дизайн, программирование

19 June 2017 22:02

Вышел Webpack 3: меньше функций-обёрток вокруг модулей, новый процесс релизов и голосование за будущие фичи — https://medium.com/webpack/15fd2dd8f07b

For Web — фронтенд, дизайн, программирование

19 June 2017 11:54

24 июня в московском офисе Додо-пиццы пройдёт мастер-класс по ReactJS от фулстек-разработчика из Австралии — https://vlad-zotov.timepad.ru/event/512174/

For Web — фронтенд, дизайн, программирование

19 June 2017 10:00

ID3, специализированная среда разработки для создания визуализаций на D3 — http://d3-id3.com/

For Web — фронтенд, дизайн, программирование

19 June 2017 07:58

Small Integer и Double, перевод третьей статьи из серии «JIT для начинающих» Фёдора Индутного — https://medium.com/devschacht/c0baccaaa88b

For Web — фронтенд, дизайн, программирование

22 June 2017 21:32

[tl;dr]
Что за атрибут inert и зачем он нужен?

Как можно догадаться из названия, этот атрибут помечает элемент как инертный (или неактивный, но не путайте с disabled). Для таких элементов (и всего дерева их потомков) отключается срабатывание пользовательских событий (например, фокус по нажатию tab, выделение текста, клики). Ассистивные технологии вроде экранных читалок просто игнорируют такие элементы. Также спецификация рекомендует разработчикам браузеров игнорировать инертные элементы при поиске по содержимому страницы.

По сути, этот атрибут сочетает в себе поведение tabindex="-1", aria-hidden и pointer-events: none. Им следует помечать скрытые модальные окна, выпадающие меню, невидимые слайды карусели и другие подобные элементы интерфейса. Это улучшит доступность ваших интерфейсов: при навигации с клавиатуры или при использовании экранных читалок инертные элементы просто будут игнорироваться.

Полезные ссылки:
— inert в спецификации whatwg (https://vk.cc/6NwDJF);
— история появления, способы применения, описание пробелов в спецификации и полифил (https://github.com/wicg/inert);
— выпуск A11ycasts с Робом Додсоном, посвящённый атрибуту inert (https://youtu.be/fGLp_gfMMGU).

For Web — фронтенд, дизайн, программирование

22 June 2017 18:39

Pa11y, набор инструментов для автоматизированного тестирования доступности — http://pa11y.org/

For Web — фронтенд, дизайн, программирование

22 June 2017 13:37

Можно ли написать сайт в Excel? Энтузиаст Воган Мэй рассказал о воплощении этой безумной идеи, перевод от @tproger_official — https://goo.gl/YdLjw4

For Web — фронтенд, дизайн, программирование

22 June 2017 08:00

Кому нужны флексы, если на них не делают сайты? Разбирается Вадим Макеев в свежем выпуске «HTML-шортов» — https://youtu.be/Wpglfz7aXzo

For Web — фронтенд, дизайн, программирование

21 June 2017 15:19

Как сделать доступное модальное окно? Рассказывает Роб Додсон в свежем выпуске A11ycasts — https://youtu.be/JS68faEUduk

For Web — фронтенд, дизайн, программирование

21 June 2017 10:53

Браузерные войны: как победил веб, вторая часть истории в переводе Дмитрия Мананникова — slonoed/92168ce17ae5" rel="nofollow">https://medium.com/@slonoed/92168ce17ae5

For Web — фронтенд, дизайн, программирование

21 June 2017 07:53

Функциональное программирование на JavaScript это антипаттерн, размышления Алекса Диксона — alexdixon/58526819f21e" rel="nofollow">https://medium.com/@alexdixon/58526819f21e

For Web — фронтенд, дизайн, программирование

20 June 2017 15:33

Разбираемся с lock-файлами в NPM 5, свежий перевод от devSchacht — https://medium.com/devschacht/4bf615c6cd50

For Web — фронтенд, дизайн, программирование

20 June 2017 10:41

Frontend Weekend №7, в гостях Григорий Петров, технический евангелист Voximplant: про ReactVR и маркетинг — https://soundcloud.com/frontend-weekend/fw-7

For Web — фронтенд, дизайн, программирование

20 June 2017 09:53

Почему на VueJS так мало проектов/работы и почему он в целом медленно приживается во фронтенд-сообществе — https://www.quora.com/Why-is-VueJS-being-adopted-so-slowly/answer/Mattias-Petter-Johansson

For Web — фронтенд, дизайн, программирование

20 June 2017 07:53

Самое полное руководство по CSS-гридам на русском от Ильи Стрельцына — http://css-live.ru/css/bolshaya-statya-pro-gridy-css-grid-layout.html

For Web — фронтенд, дизайн, программирование

19 June 2017 20:32

Решения распространённых задач вёрстки на гридах: проще, надёжнее и элегантнее — https://gridbyexample.com/patterns/

For Web — фронтенд, дизайн, программирование

19 June 2017 11:00

Что такое Immediately Invoked Function Expression (IIFE), зачем оно нужно и почему оно так выглядит — https://codeburst.io/a0ed32b66c18

For Web — фронтенд, дизайн, программирование

19 June 2017 09:00

Обзор новостей в свежем выпуске «Пятиминутки React»: React 15.6, Webpack 3, Babel Notes, видеокурс по Preact — http://5minreact.ru/22-news/

For Web — фронтенд, дизайн, программирование

18 June 2017 16:32

Kocha, современный и простой клон Mocha без глобальных переменных — https://github.com/kt3k/kocha