#посмотреть
OOCSS, SMACSS, БЭМ, Atomic (functional) CSS и CSS-in-JS (JSS).
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👎3🤬3🙈3
Распространенные заблуждения об LCP
#почитать
Классический совет: уменьшить размер изображений. Но другие части LCP представляют собой гораздо большую проблему.
⏱ Читать статью
#почитать
Классический совет: уменьшить размер изображений. Но другие части LCP представляют собой гораздо большую проблему.
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔7
#почитать
▫️Как удалить определенный элемент из массива?
▫️Как проверить, скрыт ли элемент в jQuery?
▫️Для чего нужен use strict в JavaScript?
▫️Как перенаправить на другую страницу при помощи jQuery?
▫️Как работают замыкания в JavaScript?
Please open Telegram to view this post
VIEW IN TELEGRAM
🙈9🎉2
Введение в Popover API
#почитать
Возможности, для реализации которых могло потребоваться несколько библиотек JavaScript (или CSS), теперь доступны в браузерах из коробки.
⏱ Читать статью
#почитать
Возможности, для реализации которых могло потребоваться несколько библиотек JavaScript (или CSS), теперь доступны в браузерах из коробки.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥3
Полезные инструменты для работы с CSS
#почитать
Генераторы кода, библиотеки, коллекции готовых решений и ИИ-помощники.
⏱ Посмотреть
#почитать
Генераторы кода, библиотеки, коллекции готовых решений и ИИ-помощники.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍3
Анимации Hover и эффекты Blur: гайд по динамическим карточкам
#почитать
Как реализовать анимацию с эффектом Hover для карточек.
⏱ Читать статью
#почитать
Как реализовать анимацию с эффектом Hover для карточек.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤2
Вендорные префиксы
#почитать
Если перед названием свойства стоит некоторый префикс, то это означает, что данное свойство реализовано и будет применяться исключительно в указанном браузере. Все остальные браузеры данное свойство будут игнорировать.
⏱ Читать статью
#почитать
Если перед названием свойства стоит некоторый префикс, то это означает, что данное свойство реализовано и будет применяться исключительно в указанном браузере. Все остальные браузеры данное свойство будут игнорировать.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥2
Ждём вас на открытом вебинаре 3 октября в 20:00 мск, где мы разберем:
- как создать простой color picker с использованием Context API и Composables;
- как передавать состояние родительского компонента к дочерним компонентам;
- как переиспользовать код с помощью создания своих Composables и использования готовых из коллекции VueUse.
Урок для разработчиков, желающих улучшить понимание внутренних механизмов Vue 3, создавать свои компоненты и контролы, а также повысить эффективность разработки за счет переиспользования кода.
Спикер Юрий Тимофеев — опытный разработчик с широким технологическим стеком, преподаватель.
Встречаемся в преддверии старта курса «Vue.js разработчик». Все участники вебинара получат специальную цену на обучение!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍2❤1
Советы по вёрстке от гика, часть 3
#почитать
▫️подходы при стилизации элементов для вёрстки текста;
▫️какая может быть проблема с радиокнопками в проекте;
▫️как задать размеры с использованием функций min() и max();
▫️CSS-наследование и свойство line-height;
▫️для чего делать подсказки в имени класса.
⏱ Читать статью
#почитать
▫️подходы при стилизации элементов для вёрстки текста;
▫️какая может быть проблема с радиокнопками в проекте;
▫️как задать размеры с использованием функций min() и max();
▫️CSS-наследование и свойство line-height;
▫️для чего делать подсказки в имени класса.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9
Полезный CSS. Часть 4
#почитать
▫️сброс стилей до значений, взятых из веб-стандартов;
▫️возврат значений свойств, установленных в браузере;
▫️что можно сделать с прыжками контента при открытии и закрытии модального окна;
▫️возможность отобразить текст «красиво» с помощью ключевого слова system-ui;
▫️способ стилизации элементов на языке, отличающимся от основного.
⏱ Читать статью
#почитать
▫️сброс стилей до значений, взятых из веб-стандартов;
▫️возврат значений свойств, установленных в браузере;
▫️что можно сделать с прыжками контента при открытии и закрытии модального окна;
▫️возможность отобразить текст «красиво» с помощью ключевого слова system-ui;
▫️способ стилизации элементов на языке, отличающимся от основного.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9👏2🔥1
Что, если использовать контейнерные единицы измерения для всего
#почитать
Казалось, ответ может быть таким: всё будет очень хорошо масштабироваться!
⏱ Читать статью
#почитать
Казалось, ответ может быть таким: всё будет очень хорошо масштабироваться!
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔6👍2🔥1
Погружение в Atomic CSS
#почитать
Методология верстки, в которой мы используем маленькие атомарные CSS-правила, каждое из которых делает одно действие. Эти классы еще называют утилитами. Часто они применяет одно CSS-свойство (например, меняет цвет текста).
⏱ Читать статью
#почитать
Методология верстки, в которой мы используем маленькие атомарные CSS-правила, каждое из которых делает одно действие. Эти классы еще называют утилитами. Часто они применяет одно CSS-свойство (например, меняет цвет текста).
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍3❤1
25 HTML тегов, элементов и атрибутов, которые должен знать каждый фронтендер
#почитать
В HTML есть средства для создания раскрывающихся виджетов, индикаторов прогресса и скалярных значений, переадресации на нужный URL, воспроизведения аудио/видео, сохранения форматирования кода и валидации с помощью regex.
⏱ Список
#почитать
В HTML есть средства для создания раскрывающихся виджетов, индикаторов прогресса и скалярных значений, переадресации на нужный URL, воспроизведения аудио/видео, сохранения форматирования кода и валидации с помощью regex.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍3🔥1
JavaScript с нуля до профи
Авторы: Лоренс Ларс Свекис,
М. ван Путтен, Р. Персиваль
Год издания: 2023
#javascript #ru
Скачать книгу
Авторы: Лоренс Ларс Свекис,
М. ван Путтен, Р. Персиваль
Год издания: 2023
#javascript #ru
Скачать книгу
🔥9👍2😁2
Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS?
➡️ Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем:
✔️ архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность;
✔️ как создавать маршруты, контроллеры и использовать middleware;
✔️ как работать с базами данных, включая MongoDB, PostgreSQL и MySQL;
✔️ методы тестирования и отладки приложений Nest.Js.
Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.
Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://u.to/caTuIA
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8JyLdf
Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.
Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8JyLdf
Please open Telegram to view this post
VIEW IN TELEGRAM
😁7
Сборник CSS-градиентов
#почитать
Подборка 23-х фонов с линейным и радиальным градиентом.
⏱ Читать статью
#почитать
Подборка 23-х фонов с линейным и радиальным градиентом.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👎2🔥1
Тестирование кода HTML при помощи CSS
#почитать
⏱ Читать статью
#почитать
Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS (заглавные буквы указаны намеренно). При этом следует сразу сказать, что данный проект не поддерживался уже годами, и если я когда-нибудь все-таки соберусь с силами для его поддержки, то только для того, чтобы добавить значок "Поддержка не планируется". Увы, технически это будет считаться поддержкой.
Тем не менее, мне недавно напомнили о его существовании, потому что, как ни странно, со мной связалась компания, которая хотела спонсировать его разработку. Из этого ничего не вышло, что является обычным для подобных импровизированных предложений. Но это заставило меня снова задуматься о тестировании при помощи возможностей CSS (тестирование целостности HTML с использованием CSS-селекторов) и о том, что могут предложить последние новшества самого CSS.
В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🤔2🔥1
Полупрозрачный градиент над картинкой на чистом CSS
#почитать
⏱ Читать статью
#почитать
Я переделывал страницу и захотел немного улучшить скучную секцию «Обо мне».
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👎2