CTRL+S Health (ex. Сохранёнки программиста)
6.99K subscribers
1.09K photos
46 videos
3 files
1.61K links
Энергосберегающий канал для айтишников, в котором рассказываем, как сохранить самый главный ресурс

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Другие наши проекты: https://tprg.ru/med
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Инструмент: сборник минималистичных спинеров загрузки

Их анимация осуществляется исключительно с использованием CSS. Всего в наборе 12 различных видов спинеров.

Ссылка на инструмент: SpinKit

#инструмент #css #frontend
👍2🔥1
Курс: экспресс-обучение Tailwind CSS v3

Tailwind CSS — это CSS-фреймворк для быстрого создания пользовательских интерфейсов с использованием готовых классов. Его используют для ускорения и облегчения разработки и поддержки кода.

В этом небольшом курсе разберут Tailwind CSS v3 и большинство его функций. Вы научитесь делать кастомные конфиги, подключать плагины и создавать кастомные компоненты. Также разберётесь с директивами и функциями.

https://youtu.be/fyK1sW1CNug?si=2BDdC77KrfAfPBhk

#курс #tailwind #css #frontend #ru
🥰1
Доклад: CSS, который рвёт шаблоны

При написании стилей разработчики часто сталкиваются с проблемами, которые сложно решить через CSS — приходится прибегать к помощи JS и в целом использовать «костыли».

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

https://www.youtube.com/live/TV_CqFriagI?si=PNn3Ae66PlKUJuAw

#доклад #css #frontend #ru
👍2
Статья: Новые единицы измерения svh, lvh, dvh в CSS для адаптивной верстки

Единицы области просмотра были впервые представлены в CSS в 2012 году, и с тех пор стандарты практически не изменялись. Для создания адаптивного дизайна часто прибегали к использованию единиц измерения, таких как vh, vw, vmin и vmax.

В статье рассматривают новые единицы измерения svh, lvh и dvh, а также рассказывают, в чём существенные отличия этих новых единиц от традиционной vh.

Ссылка на статью

#статья #css #frontend #ru
Урок: Адаптивная верстка сайтов. Общая теория и примеры

Адаптивная верстка сайтов — это не просто тренд, а важный инструмент, позволяющий создавать веб-сайты, которые выглядят хорошо на любых устройствах.

Сохраняйте урок, в котором разбирают основные концепции адаптива и учат, как применять их на практике. В видео вы узнаете о принципах адаптивности, фиксированной, резиновой и адаптивной вёрстке, а также о медиа-запросах и роли бутстрапа.

#урок #frontend #ui #css #ru
👍1🆒1
Forwarded from Веб-страница
​​Гигантскую библиотеку CSS-анимаций заказывали?

Animista позволяет играть с коллекцией готовых CSS-анимаций и скачивать только те, которые вы собираетесь использовать. Отличный вариант для веб-дизайнеров и разработчиков, которые хотят добавить динамичность и интерактивность в свои проекты.

Берите на заметку.

#css #инструменты
👍4