Скрипты и советы

[Перевод] Как подключиться к базе данных с помощью CSS

[Перевод] Как подключиться к базе данных с помощью CSS

К старту курса по Fullstack-разработке на Python делимся материалом о том, как при помощи современных возможностей CSS и JS — ворклетов и API Houdini — подключиться к базе данных и выполнять запросы к ней. За подробностями приглашаем под кат. Читать далее

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №505 (1 — 6 февраля 2022)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №505 (1 — 6 февраля 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее
Прошлое и будущее frontend, или Как сбежать от jQuery

Прошлое и будущее frontend, или Как сбежать от jQuery

Мы в *instinctools организовали и провели серию онлайн-дискуссий с разработчиками и экспертами в области IT. Проект «Техпора» – это возможность обсудить темы, которые затрагивают основные точки роста в IT. Мы не накладывали на беседу приглашенных гостей ограничения, а специально для «Хабра» выбрали из разговора яркие моменты, чтобы их можно было обсудить. В разговоре приняли участие Денис Радин, организатор JSNation и React Summit, Виталий Фридман, сооснователь Smashing Magazine, Андрей…

Подробнее
Как Counter Strike сделал меня веб-разработчиком и как я открыл свою веб-студию

Как Counter Strike сделал меня веб-разработчиком и как я открыл свою веб-студию

Спустя короткое время я без каких-либо навыков программирования запускаю свой первый сайт в возрасте 15 лет на популярном в то время конструкторе uCoz для своего клана. Кто помнит uCoz есть такие? Читать далее

Подробнее
4 способа добавить иконки на сайт из Figma — все плюсы и минусы

4 способа добавить иконки на сайт из Figma — все плюсы и минусы

Проверяя html-макеты верстальщиков и разработчиков наблюдаю проблемы с добавлением иконок на сайт. Они их добавляют чёрт пойми как… Могут добавить их как png изображения, а могут вообще использовать не иконки из макета, а похожие иконки, использовав, к примеру, FontAwesome. Это жестко, скажу я вам. В связи с этим я хочу расставить все точки над И в этой теме и рассказать достаточно подробно о том, как лучше всего добавлять иконки на сайт. Читать далее

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №504 (24 — 30 января 2022)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №504 (24 — 30 января 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее
[Перевод] Безопасный CSS, или как писать универсальные стили

[Перевод] Безопасный CSS, или как писать универсальные стили

При написании стилей необходимо сразу учитывать, что контент страницы может быть динамическим, чтобы не возникла ситуация, где мы добавили чуть больше текста, или уменьшили ширину экрана, и вёрстка поплыла. Статья состоит из примеров универсальных CSS-стилей для часто встречающихся ситуаций. Рекомендуется к прочтению верстальщиком начального и среднего уровня. Читать статью

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №503 (17 — 23 января 2022)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №503 (17 — 23 января 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №502 (10 — 16 января 2022)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №502 (10 — 16 января 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее
Как победить scroll в javascript

Как победить scroll в javascript

Привет, Хабр! В этой статье я хочу поделиться с вами головной болью, с которой я сталкивался при работе со скроллом и различными путями решения данных проблем. Я считаю, что в итоге получилось достаточно неплохое руководство для начинающих разработчиков, также включающее в себя ряд полезностей и для более опытных коллег. В частонсти, в статье рассмотрены следующие вопросы: - Как сделать таблицу с фиксированной шапкой и скроллом в body? - Как быть, когда cодержимое таблицы съезжает…

Подробнее
[Перевод] Создание красивых градиентов на CSS

[Перевод] Создание красивых градиентов на CSS

Вот линейный градиент на CSS, идущий от чисто жёлтого до чисто синего цвета: Заметили, что в центре он становится бледным и грязным? Это явление Эрик Кеннеди назвал «мёртвой зоной серого». Если вы тщательно не выбираете цвета для своих градиентов, то в ваших градиентах на CSS часто возникает такая обесцвеченная часть посередине. Однако, как оказалось, можно полностью избавиться от мёртвой зоны серого. В этом посте я расскажу, почему она возникает, и о том, как можно использовать теорию…

Подробнее
Дайджест свежих материалов из мира фронтенда за последнюю неделю №501 (2 — 9 января 2022)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №501 (2 — 9 января 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →

Подробнее