Использование CSS анимации, основанной на прокрутке, для индикации прогресса прокрутки на основе секций
#почитать
⏱ Читать статью
#почитать
Индикатор прогресса прокрутки — довольно простая вещь, которую можно создать с помощью анимации, основанной на прокрутке в scroll()-стиле. Но мы создадим индикаторы для каждого раздела страницы, используя view()-стиль.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10
👑 Кто работает QA — тот в цирке не смеется 🤡
Наша сегодняшняя рекомендация — канал с QA юмором.
Мы работаем в тестировании и уже не смеемся. Но если вас можно рассмешить — welcome в QA Юмор
Наша сегодняшняя рекомендация — канал с QA юмором.
Мы работаем в тестировании и уже не смеемся. Но если вас можно рассмешить — welcome в QA Юмор
😁12🔥2❤1
Создание статических сайтов из Markdown без HTML (pandoc, mkdocs, hugo и jekyll)
#почитать
⏱ Читать статью
#почитать
На протяжении нескольких лет практики написания скриптов на PowerShell, я веду заметки преимущественно связанные с данным языком и периодически фиксирую их в своем репозитории на GitHub (за последние несколько месяцев добавил достаточно много новых пример, в том числе шпаргалку по работе с командами Docker), чтобы всегда можно было к ним обратиться с рабочего компьютера через Интернет. Недавно задумался, почему бы не попробовать создать из файла в формате Markdown статический сайт, который можно очень просто, и главное бесплатно разместить на том же GitHub, особенно это стало актуально с тех пор, когда количество строк документа перевалило за 6 тысяч и на главной странице с описанием проекта весь объем документа уже не умещается, а используя приложение на Andrioid вовсе отображается пустая страница (хотя, достаточно разбить документ на несколько, что в будущем я и сделал для сайта). У меня нет опыта создания полноценных сайтов (за исключением конструкторов), и такой вариант я даже не рассматривал, язык описания README файлов очень даже подходит для оформления страницы, например, он также используется на Habr для написания статей, а в новом редакторе еще и в автоматизированном формате. Синтаксис написания у этого языка разметки очень простой, а по сравнению с HTML более компактный и читабельный (хотя, тут дело привычки).
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔9👍1
Сегодня мы рекомендуем супер-полезные каналы с еженедельными дайджестами полезных материалов по тестированию и проджект-менеджменту
Подпишитесь и будьте в курсе последних новостей и видео в индустрии. Всего 1-2 поста в неделю и у вас есть все, что вышло за неделю.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥1
CSS3 - Создание слайдера в стиле аккордеона
#почитать
⏱ Читать статью
#почитать
На этом уроке мы создадим слайдер, который будет работать наподобие аккордеона. Разработку слайдера выполним только с помощью стилей CSS 3.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10🔥2
Вопросы к собеседованию React (Junior level)
#почитать
⏱ Читать статью
#почитать
В этой статье я подробно разберу 10 вопросов для начинающего разработчика, подготовка к ответам на эти вопросы поможет вам чуть подробнее понять основные концепции React.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2❤1
overflow
#почитать
⏱ Читать статью
#почитать
Свойство overflow позволяет буквально определить, что делать с содержимым блочного (то есть для элемента, у которого display определяется как block, inline-block, flex или grid) элемента, если оно не влезает в размеры — отобразить или обрезать (с полосами прокрутки или без).
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥1
Маска изображения
#почитать
Часто упускаемое из виду CSS свойство mask-image может быть простым способом привнести немного индивидуальности в вашу работу над веб-дизайном.
⏱ Читать статью
#почитать
Часто упускаемое из виду CSS свойство mask-image может быть простым способом привнести немного индивидуальности в вашу работу над веб-дизайном.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤4🔥2
JavaScript. Обработка событий на
примерах
Автор: Янцев В. В
Год издания: 2021
#javascript #ru
Скачать книгу
примерах
Автор: Янцев В. В
Год издания: 2021
#javascript #ru
Скачать книгу
🎉10🔥3🙈3
Мой топ CSS-in-JS решений
#почитать
CSS‑in‑JS — подход к стилизации, который позволяет писать стили прямо в JavaScript‑коде. Преимущества такого подхода:
Изоляция стилей: компоненты получают свои собственные стили.
Динамические стили: легко применять стили в зависимости от состояния компонента или пропсов.
Поддержка тем: удобное управление темами и их переключение на лету.
Интеграция с JavaScript.
⏱ Читать статью
#почитать
CSS‑in‑JS — подход к стилизации, который позволяет писать стили прямо в JavaScript‑коде. Преимущества такого подхода:
Изоляция стилей: компоненты получают свои собственные стили.
Динамические стили: легко применять стили в зависимости от состояния компонента или пропсов.
Поддержка тем: удобное управление темами и их переключение на лету.
Интеграция с JavaScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
👎11👍6
Секреты javascript ниндзя
Авторы: Джон Резиг, Беэр Бибо,
Иосип Марас
Год издания: 2017
#javascript #ru
Скачать книгу
Авторы: Джон Резиг, Беэр Бибо,
Иосип Марас
Год издания: 2017
#javascript #ru
Скачать книгу
👏9🔥2❤1
Выбор очевиден 🤌
Вот вам идея для крутого уикенда: приходите / приезжайте с друзьями и коллегами 9 ноября на EXOZ { "conf" : "frontend" } 💚
Напомним, что на этот раз вас ждут:
- кофебрейки и дискуссии со спикерами
- полноценный обед
- скидка на проживание в отеле
- геймификация, конкурсы и большой розыгрыш призов
- обновленный мерч
- профессиональный фотоотчёт
- афтерпати в кругу единомышленников
- сюрпризы от нашей команды
Самое время купить билеты по классной цене, ведь осталось чуть больше двух месяцев!
А если нет возможности приехать, то подключайтесь онлайн. Всех ждём 🙌
И не забудьте подписаться на нас, рассказываем много полезного по мероприятиям и не только 😉
Вот вам идея для крутого уикенда: приходите / приезжайте с друзьями и коллегами 9 ноября на EXOZ { "conf" : "frontend" } 💚
Напомним, что на этот раз вас ждут:
- кофебрейки и дискуссии со спикерами
- полноценный обед
- скидка на проживание в отеле
- геймификация, конкурсы и большой розыгрыш призов
- обновленный мерч
- профессиональный фотоотчёт
- афтерпати в кругу единомышленников
- сюрпризы от нашей команды
Самое время купить билеты по классной цене, ведь осталось чуть больше двух месяцев!
А если нет возможности приехать, то подключайтесь онлайн. Всех ждём 🙌
И не забудьте подписаться на нас, рассказываем много полезного по мероприятиям и не только 😉
👍7
CSS-классы вредны
#почитать
⏱ Читать статью
#почитать
Если вы когда-нибудь заглядывали за кулисы пользовательских веб-интерфейсов, то знаете для чего нужно свойство class. Оно ведь нужно для связи HTML с CSS, правда? Сейчас я расскажу о том, почему настало время отказаться от него. Имена классов — это архаичная система, используемая как неудачный посредник для примитивов UI; ещё хуже то, что они создают ужасные сочетания, приводящие к комбинаторному взрыву странных пограничных случаев.
Please open Telegram to view this post
VIEW IN TELEGRAM
🙈16👎8🔥3❤2🤬1
Получение размера окна на чистом CSS
#почитать
Вы не поверите, но теперь в CSS можно определять свойства, выполнять математические вычисления и даже напрямую получать размер окна
⏱ Читать статью
#почитать
Вы не поверите, но теперь в CSS можно определять свойства, выполнять математические вычисления и даже напрямую получать размер окна
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥2👏1
Промпт-инженеринг — новый хайп или перспективная профессия?
Рассказываем про направление с большим потенциалом и маленькой конкуренцией на рынке на нашей бесплатной лекции.
По итогам эфира вы узнаете:
— Кто такой промт-инженер и чем он занимается;
— Как интегрировать скиллы промт-инжинеринга в работу, если вы работаете в IT;
— Кому в действительности нужны его услуги и какие результаты это даст;
— Сколько платят промт-инженеру в России и мире;
— Кто может стать промт-инженером и какой порог входа;
Кликай на ссылку и забирай подробную информацию вместе с классными бонусами.
ООО Зерокодер, ИНН 9715401631, erid: LjN8KK6YR
Рассказываем про направление с большим потенциалом и маленькой конкуренцией на рынке на нашей бесплатной лекции.
По итогам эфира вы узнаете:
— Кто такой промт-инженер и чем он занимается;
— Как интегрировать скиллы промт-инжинеринга в работу, если вы работаете в IT;
— Кому в действительности нужны его услуги и какие результаты это даст;
— Сколько платят промт-инженеру в России и мире;
— Кто может стать промт-инженером и какой порог входа;
Кликай на ссылку и забирай подробную информацию вместе с классными бонусами.
ООО Зерокодер, ИНН 9715401631, erid: LjN8KK6YR
🎉8🤬2
Easing Functions – функции плавности CSS-анимации и переходов
#почитать
Мы живые люди, и привыкли к естественному, нелинейному движению.
⏱ Читать статью
#почитать
Мы живые люди, и привыкли к естественному, нелинейному движению.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👏2😁1
Почему OKLCH — лучший формат цвета в CSS
#почитать
Цвет в OKLCH записывается с помощью трёх параметров: светлота, цветность и оттенок.
В CSS удобно применять формат OKLCH для однотипных разноцветных блоков
⏱ Читать статью
#почитать
Цвет в OKLCH записывается с помощью трёх параметров: светлота, цветность и оттенок.
В CSS удобно применять формат OKLCH для однотипных разноцветных блоков
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔10
Полезный блог про iGaming, который ведет СЕО 1win! 💙
Канал Owner 1win — про философию управления из первых уст. Простыми словами о сложном iGaming.
Тут ты найдешь:
⚡️ Гемблинг-инсайды
⚡️ Бизнес-советы
⚡️ Экспертные комментарии овнера
⚡️ Апдейты по проектам
Присоединяйся к Owner 1win и будь на волне iGaming трендов
Канал Owner 1win — про философию управления из первых уст. Простыми словами о сложном iGaming.
Тут ты найдешь:
Присоединяйся к Owner 1win и будь на волне iGaming трендов
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5😁3❤1