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

04 декабря 2022 19:56

Геометрия DOM: обширный обзор существующих методов и свойств для работы с размерами и отступами DOM-элементов и документа в JS → https://www.smashingmagazine.com/2022/11/document-object-model-geometry-guide/

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

29 ноября 2022 20:31

Как нормально обрезать текст: Илья Бирман рассказывает о простых правилах, которые позволяют избежать казусов и улучшить UX → https://ilyabirman.ru/meanwhile/all/how-to-cut-text/

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

28 ноября 2022 08:43

Как понять режимы наложения раз и навсегда: иллюстрированное объяснение принципов работы различных режимов наложения → https://awdee.ru/blending-modes/

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

01 ноября 2022 12:51

Vercel анонсировала Turbopack, преемник Webpack на Rust, разрабатываемый создателем Webpack Тобиасом Копперсом → https://vercel.com/blog/turbopack

Релиз пока очень ранний и не для продакшена, но выглядит многообещающе, поэтому следим за новостями.

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

30 октября 2022 17:50

Как команда Wix улучшила тысячи плохо сформулированных сообщений об ошибках и как они изменили процессы, чтобы не допустить появления плохих текстов ошибок в будущем → https://scribe.rip/when-life-gives-you-lemons-write-better-error-messages-46c5223e1a2f

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

26 января 2018 09:55

Почему Реакта и Редакса недостаточно при разработке крупных приложений и как конечные автоматы могут помочь разработчикам интерфейсов, Красимир Цонев на Smashing Magazine — https://www.smashingmagazine.com/2018/01/rise-state-machines/

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

25 января 2018 15:35

Основы React.js, вводный курс из 12 видео от Романа Якобчука и Ильи Кантора — http://learn.javascript.ru/screencast/react

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

24 января 2018 10:56

Подборка малоизвестных браузерных API и возможностей JS: операторы pipeline/void/запятая, атомики, i18n, dataset, лейблы для блоков кода — https://air.ghost.io/js-things-i-never-knew-existed/

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

23 января 2018 11:33

Как сверстать аналог графа активности на Гитхабе с помощью CSS-гридов, руководство Ире Адеринокун — https://bitsofco.de/github-contribution-graph-css-grid/

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

23 января 2018 09:09

Подробный разбор и сравнение преимуществ и недостатков JavaScript-фреймворков, от самых популярных до экзотических — https://javascriptreport.com/the-ultimate-guide-to-javascript-frameworks/

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

22 января 2018 07:34

«Веб-стандарты» №104: уточнение про селектор matches, гриды для бизнеса, нейровёрстка (или как машины вас не заменят), согласие по main, общие JS-модули, шортики и уважение — https://soundcloud.com/web-standards/episode-104

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

22 января 2018 06:08

Frontend Weekend №36, в гостях Людмила Мжачих из Mail.ru: про MoscowCSS, Coding Girls и Лию Веру — https://soundcloud.com/frontend-weekend/fw-36

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

21 января 2018 10:56

Adele, коллекция опенсорсных дизайн-систем разных компаний и даже государств — https://adele.uxpin.com/

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

20 января 2018 18:49

Чем отличается механизм вывода типов в Typescript, Flow и Reason, исследование Хавьера Чаварри — https://medium.com/p/edef2f4cf2d3

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

18 января 2018 09:54

Как делать доступные проекты, даже если вы работаете на потоке в креативном агентстве или веб-студии, опыт компании Viget — https://goo.gl/16zQUA (часть 1) и https://goo.gl/3b4VgN (часть 2)

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

04 декабря 2022 19:42

Как разбить строку на предложения, слова или графемы: Штефан Юдис знакомит с API Intl.Segmenter → https://www.stefanjudis.com/today-i-learned/how-to-split-javascript-strings-with-intl-segmenter/

Одно из потенциальных применений — более умное обрезание текста, о котором была прошлая публикация.

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

28 ноября 2022 08:52

Рефакторинг на максималках: книга Саши Беспоясова о том, как эффективно и без боли рефакторить код → https://refactor-like-a-superhero.vercel.app/ru

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

07 ноября 2022 17:56

Новый синтаксис для диапазонов значений в медиавыражениях: обзор нововведения в спецификации медиавыражений, существенно упрощающего чтение стилей → https://css-tricks.com/the-new-css-media-query-range-syntax/

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

01 ноября 2022 09:59

Вышла Lerna v6: инструмент для управления NPM-пакетами в монорепозиториях получил вторую жизнь под крылом компании Nrwl. Подробности и обзор новых возможностей → https://blog.nrwl.io/lerna-reborn-whats-new-in-v6-10aec6e9091c

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

29 октября 2022 21:50

Более быстрый YouTube в вебе: подробный рассказ инженеров YouTube о проделанной работе по ускорению веб-версии сервиса и улучшению Core Web Vitals → https://web.dev/better-youtube-web-part1/

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

25 января 2018 16:40

Как определить, что старые стили нигде не используются? Гарри Робертс предлагает ставить на фон прозрачную картинку и следить за её скачиваниями — https://csswizardry.com/2018/01/finding-dead-css/

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

25 января 2018 09:25

Data Literacy Lessons, коллекция небольших уроков статистики для избежания распространённых ошибок при работе с данными — https://data-literacy.geckoboard.com/

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

24 января 2018 09:38

Cафия Абдалла читает исходники Node.js и описывает интересные части кода стандартных модулей: querystring, os, EventEmitter, fs, child process, Buffer, console, path и другие — https://blog.safia.rocks/search/node-module-deep-dive

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

23 января 2018 09:50

Шпаргалка по выравниванию в CSS в разных режимах компоновки, от обычных блоков до гридов — http://patrickbrosset.com/lab/2018-01-10-css-alignment-cheatsheet/

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

22 января 2018 19:52

25 бесплатных скринкастов по CSS-гридам от Уэса Боса при поддержке Mozilla Firefox — https://cssgrid.io/

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

22 января 2018 06:13

«Фронтенд-юность» №34: программисты — зажравшиеся мажоры современности, какие бывают компании, лицо и жопки фронтенда, воровство пользовательских данных через NPM-пакет, PWA Tinder — https://soundcloud.com/frontend_u/e34

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

21 января 2018 11:28

На собеседованиях иногда просят назвать способы отправки запроса на сервер. Помимо очевидных fetch/XMLHttpRequest и прочих джаваскриптовых штук есть более экзотические способы вроде <img src="...">.

Вчера узнал о ещё более экзотическом и извращённом способе отправки запроса на сервер с помощью CSS:


body::after {
content: url('...');
}


Этот способ может использоваться для аналитики и трекинга пользователей, у которых отключен JS. Можно отследить клики по ссылкам, ввод текста в инпуты, клики по чекбоксам, длительность ховера на каком-либо элементе; также можно приблизительно определить браузер и операционную систему пользователя. Подробности — https://github.com/jbtronics/CrookedStyleSheets

Защититься от этого можно только отключив CSS. Параноикам пора переходить на текстовые браузеры :–)

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

20 января 2018 20:49

Paper Programs, система для выполнения JavaScript-программ, распечатанных на листах бумаги — https://paperprograms.org/

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

19 января 2018 12:01

Вышел долгожданный Bootstrap 4: проект почти полностью переписан, всё на флексах, отказались от IE9-, добавили поддержку CSS-переменных, подробности и полный список изменений — http://blog.getbootstrap.com/2018/01/18/bootstrap-4/

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

18 января 2018 08:26

Laws of UX, коллекция ключевых принципов UX от Джона Яблонски с красивыми плакатами и пояснениями — https://lawsofux.com