For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Исчерпывающее руководство по написанию Dockerfile для приложений на Node.js, Правин Дюрерай в переводе Алексея Пыльцына — https://medium.com/p/7b033bcc0b4f
Как сделать любые документы и отчёты более структурированными, аккуратными и привлекательными? Большое руководство Славы Шестопалова с советами и примерами — https://medium.muz.li/6bb34589f7a9
Почему отлаживать код с помощью console.log плохо и какие есть альтернативы, объясняет Люк Клострес — https://hackernoon.com/b5d7d396cf15
Сторонние скрипты: как оценить их влияние на безопасность и быстродействие, оптимизировать их загрузку и устранить распространённые проблемы, руководство Эдди Османи — https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/
Проблемы и решения разработки Rich Text Editor, видео и текстовая версия доклада Егора Яковишена из Setka Editor — https://habr.ru/p/350252
Как мы полноценно использовали CSS-гриды для редизайна Thomasnet.com, Джулиан Гавириа о предпосылках, выборе между флексами и гридами, фолбеках для старых браузеров и сделанных выводах — https://julian.is/article/css-grid-at-scale/
This media is not supported in your browser
VIEW IN TELEGRAM
Несколько практических приёмов улучшения микроанимаций в интерфейсе — https://uxdesign.cc/7850805c12e5
История разработки первой версии CSSO в четырёх частях: Сергей Крыжановский об истоках появления инструмента, проблемах разработки и сделанных выводах — https://felixit.blog/2018/03/04/istoria-csso-nachalo/
Boxy SVG Editor, кроссплатформенный редактор SVG: простой, но с продвинутыми возможностями для технарей, с бесплатной онлайн-версией и облачным хранилищем — https://boxy-svg.com/
Возможно, вам не нужны...

jQuery, потому что в 2018 браузеры умеют то же самое нативно — https://youmightnotneedjquery.com

jQuery-плагины, потому что есть много библиотек на чистом JS — https://youmightnotneedjqueryplugins.com

Underscore, потому что многие штуки из него уже реализованы в JS — https://www.reindex.io/blog/you-might-not-need-underscore/

JavaScript, потому что иногда можно обойтись стилями и разметкой — https://youmightnotneedjs.com
FontDrop! показывает всю информацию о загруженном шрифте, от поддерживаемых языков и возможностей OpenType до автора и лицензии — https://fontdrop.info/
Что должен знать и уметь начинающий тестировщик, список навыков и материалов для обучения от Ольги Назиной — https://testbase.ru/
Learn CSS Layout The Pedantic Way, хороший учебник по CSS и вёрстке: от основных концепций вроде блочной модели и позиционирования к практическим приёмам и решениям распространённых проблем — https://book.mixu.net/css/
Быстрая сортировка на JavaScript за 5 минут в скринкасте Андрея Мелихова из devSchacht — https://youtu.be/o0fe6OlUROg
По каким ресурсам изучать JavaScript в 2018, большой обзор Джейсона Родригеса — https://css-tricks.com/javascript-learning-landscape-2018/
Variable Fonts, большая витрина вариативных шрифтов с демками и информацией о каждом шрифте — https://v-fonts.com/