🤟 TechRocks: веб-разработка
1.94K subscribers
622 photos
622 links
Полезные материалы для начинающих веб-разработчиков.

От создателей @techrocks

Канал по Тестированию: @techrocksqa

По рекламе: @anothertechrock
Download Telegram
Прочитав статью, вы узнаете, как работает CSS-функция cubic-bezier и как объединить несколько простых анимаций, чтобы создать одну сложную.

Читать статью
Статья о способах оптимизации времени начальной загрузки веб-приложений.

Читать статью
1👍1
Подборка наиболее распространенных неприятных особенностей сайтов. Если вы отвечаете за разработку/дизайн/менеджмент какого-либо сайта или приложения, пожалуйста, никогда так не делайте!

Читать статью
👍1👎1
Возможно, вы знаете о некоторых библиотеках, полных заранее разработанных элементов пользовательского интерфейса, каждый из которых имеет свой собственный стиль. Но вот в чем загвоздка: вам может понадобиться всего несколько этих компонентов. Так зачем же делать ваше приложение более громоздким? В действительности значительная часть встроенных стилей может остаться неиспользованной.

Не волнуйтесь, именно здесь на помощь приходят нестилизованные компоненты пользовательского интерфейса.

Читать статью
Цель этой статьи – изложить принципы основополагающих концепций CSS, таких как наследование, происхождение стилей, специфичность селекторов и каскад.

Читать статью
👍2
В CSS магическими числами называют значения, которые при определенных обстоятельствах вполне работоспособны, но настолько хрупки, что при изменении этих обстоятельств склонны ломаться. Давайте разберем некоторые примеры, чтобы узнавать магические числа и, будем надеяться, избегать их в будущем.

Читать статью
🔥3
JavaScript только что добавил новое ключевое слово для создания переменной под названием using. Это ключевое слово является идеальной заменой let и const в определенных сценариях, таких как подключения к базе данных и обработка файлов.

Читать статью
👍4
Когда фронтенд-разработчик с нуля создает проект с новыми идеями и требованиями, перед ним встает довольно хлопотная проблема: базовые стили CSS. Часто с ними нереально работать без настройки.

В этой статье приведен пример кода, который можно вставить в каждый CSS в корне проекта, чтобы больше не переписывать одни и те же базовые стили в надежде сделать их полезными.

Читать статью
👍5
В этой статье мы изучим синтаксис CSS, переменные и комментарии. Кроме этого, познакомимся с CSS-директивами (@-правилами) или кэшированием файлов в браузере.

Читать статью
В этой статье мы разберёмся, как разворачивать многокомпонентное веб-приложение в кластере Kubernetes на примере его локальной реализации — minikube.

Читать статью
👍2
Разбираем на примерах, как формируется контекст наложения в CSS.

Читать статью
Каррирование  —  это техника, применяемая в функциональном программировании. Она позволяет преобразовать функцию с несколькими аргументами в последовательность функций, каждая из которых принимает один аргумент за раз.

Читать статью
👍4
Долгое время единственным способом создания динамических поповеров было написание большого количества CSS и кода JavaScript. Давайте рассмотрим, как создавать всплывающие окна при помощи новой функции CSS Anchor.

Читать статью
👍2
Автор статьи поделился собственным опытом использования CSS-переменных.

Читать статью
👍2
10 полезных приемов для написания JavaScript-кода.

Читать статью
В этой статье мы изучим свойства для работы с шрифтами в CSS: font-family, font-size и font-weight. Кроме этого разберём, как подключать кастомные шрифты.

Читать статью
Обычно мы добавляем выпадающие элементы на веб-страницу с помощью собственного элемента HTML select. Однако из-за сложности его внутренней структуры добиться единообразного оформления этого элемента в различных браузерах довольно сложно.

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

Читать статью
Эти концепции выходят за рамки базового JavaScript, но их должен усвоить каждый веб-разработчик. Они значительно расширят ваши возможности по написанию более продвинутого и эффективного JS-кода.

Читать статью
В этой статье мы рассмотрим, как комбинировать :has() с другими селекторами CSS, и какие волшебные возможности предоставляет этот селектор.

Читать статью
👍4
В этой статье мы разберем, как можно с помощью CSS настроить обработку пробелов в тексте, режим письма, ориентацию текста, перенос слов и расстановку переносов.

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

Читать статью
👍3