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

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

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

По рекламе: @anothertechrock
Download Telegram
В 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
Свойство поворота (rotate) является частью модуля преобразования CSS, который позволяет разработчикам применять различные преобразования к элементам на веб-странице. Функция поворота позволяет поворачивать элементы на заданный угол, изменяя их ориентацию, но не положение в потоке документов.

Читать статью
🔥1
Очень интересная штука — интернет-магазин в консоли. Он позволяет авторизоваться в магазине и заказать товар (кофе), не выходя из терминала. Говорят, кофе из командной строки даже вкуснее, чем обычный.

Читать статью
🔥3
Наша цель ― разобрать функциональность, архитектуру, проблемы, масштабируемость, системные API-интерфейсы, производительность и оценку ресурсов для каждой системы, а также представить необходимые данные для аналогичных проектов в реальных сценариях.

Читать статью
В этой статье мы разберем ошибки, которые допускают почти все, используя хуки useState и useEffect.

Читать статью
🔥1
В этой статье:
- Как избавиться от соседнего родственного комбинатора + при реализации нестандартных чекбоксов и радиокнопок
- Свойство inset, сокращающее код на целых три строки
- Сниппет для расширения интерактивной области у кнопок и ссылок
- Стиль написания медиа-запросов, позволяющий сократить количество правил
- Альтернативный способ центрирования элемента без свойства transform.

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