Size: a a a

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

2021 April 29
For Web — фронтенд, дизайн, программирование
[Реклама]
Как из кода для машин получается сайт для людей?
Познакомьтесь с основами фронтенд-разработки на бесплатном интенсиве от GeekBrains.

На интенсиве:
— посмотрим на сайт глазами разработчика;
— разберёмся с HTML-тегами и CSS-свойствами;
— познакомимся с блочной моделью;
— попробуем сделать свою страницу.

Ещё не знакомы с HTML и CSS и не определились, какое направление в программировании выбрать?

Подключайтесь к бесплатному интенсиву от GeekBrains → https://gb.ru/link/Ptv1uK
источник
2021 April 30
For Web — фронтенд, дизайн, программирование
Wrike переходит с Dart на TypeScript и React: подробный рассказ в двух частях о причинах и аргументах в пользу перехода.

Почему не Dart → https://habr.com/p/551962/
Почему TypeScript и React → https://habr.com/p/551964/
источник
For Web — фронтенд, дизайн, программирование
Автоматически растягивающаяся textarea: Крис Койер делится трюком, позволяющим реализовать авторасширение textarea на гридах с минимумом JS → https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
источник
2021 May 03
For Web — фронтенд, дизайн, программирование
WinBox, библиотека для реализации оконных интерфейсов в вебе → https://nextapps-de.github.io/winbox/
источник
For Web — фронтенд, дизайн, программирование
Sucrase, альтернатива Babel для ускорения транспиляции в режиме разработки: транспилирует код с прицелом на современные браузеры, работает в 20 раз быстрее Babel → https://github.com/alangpierce/sucrase
источник
For Web — фронтенд, дизайн, программирование
Неочевидная особенность регулярных выражений в JavaScript: как не сломать код, вынося регулярки в переменные → https://forweb.dev/ru/blog/stateful-regexps/
источник
2021 May 04
For Web — фронтенд, дизайн, программирование
SVG Waves, генератор SVG-волн для красивого разделения секций страницы → https://www.svgwaves.io
источник
2021 May 05
For Web — фронтенд, дизайн, программирование
Как инженеры GitHub используют веб-компоненты для разработки интерфейсов → https://github.blog/2021-05-04-how-we-use-web-components-at-github/

GitHub Elements, опенсорсные веб-компоненты, разработанные и используемые в GitHub → https://github.com/github/github-elements
источник
2021 May 07
For Web — фронтенд, дизайн, программирование
Стандарт Temporal за две минуты: обзорное введение в новый API для работы с датами и временем в JavaScript → https://bkardell.com/blog/TemporalIn2Min.html
источник
2021 May 09
For Web — фронтенд, дизайн, программирование
Сериал «История фронтенда», второй выпуск: JavaScript как отражение новой эпохи. История языка JavaScript, его стандарта ECMAScript и выросшей вокруг него экосистемы в 2000-х годах → https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/
источник
For Web — фронтенд, дизайн, программирование
Вышел Bootstrap 5: выпилена jQuery, отказ от поддержки IE, поддержка RTL из коробки, новые компоненты, переход на Dart Sass и множество других улучшений → https://blog.getbootstrap.com/2021/05/05/bootstrap-5
источник
2021 May 11
For Web — фронтенд, дизайн, программирование
Легендарному CSS Zen Garden исполнилось 18 лет: хороший повод вспомнить проект, показавший нам, насколько широки возможности стилизации одной и той же разметки → http://www.csszengarden.com
источник
For Web — фронтенд, дизайн, программирование
[Реклама]
SmartDev - первая технологическая конференция Сбера для разработчиков

⏱ 20 мая
👨‍💻 Онлайн и бесплатно
🎯 Регистрация

Первая техно-конференция, на которой соберутся более 3000 участников и обсудят лучшие практики и возможности Сбера для разработчиков. 6 параллельных стримов, 50+ спикеров.

На стриме Platform V эксперты расскажут, как быстро перейти на современный стек технологий и автоматизировать создание IT-сервисов и продуктов на всех слоях enterprise-архитектуры. Презентация Platform V Light — бесплатные сервисы платформы, впервые доступны для индивидуальных разработчиков и предпринимателей.

О чем поговорим:
— фронтальные и бэкенд-сервисы для создания и вывода продуктов с минимальным time to market;
— облачное интеграционное решение на базе service mesh;
— использование инструментов AI на всех слоях enterprise-архитектуры;
— serverless-инструменты для освобождения разработчиков от инфраструктурных задач;
— шардирование и горизонтальное масштабирование для обеспечения высочайшего уровня надежности;
— сервисы Platform V для разработки навыков Салюта.

Участие в конференции бесплатное, по предварительной регистрации.
До встречи в прямом эфире! ✊
источник
2021 May 12
For Web — фронтенд, дизайн, программирование
Коллекции плохих практик и ошибок применения HTML и CSS с рекомендациями по исправлению, собранные на основе реальных сайтов:

HTMHell → https://www.htmhell.dev
CSS Hell → https://csshell.dev
источник
For Web — фронтенд, дизайн, программирование
Коллекция рекомендованных базовых tsconfig для разных окружений → https://github.com/tsconfig/bases
источник
2021 May 13
For Web — фронтенд, дизайн, программирование
Генеративный дизайн для шеринга в соцсетях: руководство по разработке конструктора картинок с генеративным фоном на SVG → https://georgefrancis.dev/writing/generative-svg-social-images/
источник
2021 May 14
For Web — фронтенд, дизайн, программирование
Catalyst, созданный и используемый в GitHub набор принципов, техник и инструментов разработки веб-компонентов для сложных приложений → https://github.github.io/catalyst/
источник
For Web — фронтенд, дизайн, программирование
Официальный сайт TC39 (комитет, разрабатывающий спецификацию ECMAScript) теперь доступен на русском языке: полезные ссылки и обзор предложений-кандидатов в спецификацию → https://tc39.es/ru

Помочь с переводом и предложить улучшения → https://github.com/tc39/tc39.github.io
источник
2021 May 16
For Web — фронтенд, дизайн, программирование
Can I :has(): Брайан Карделл анонсирует начало работы над реализацией родительского селектора :has() в браузерах и рассказывает о его сложной истории → https://bkardell.com/blog/canihas.html
источник
2021 May 17
For Web — фронтенд, дизайн, программирование
Руководство по тришейкингу: что это за оптимизация, как она работает и как применять её на практике → https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/
источник