Верстальщик от бога
Kanalga Telegram’da o‘tish
Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @godinmedia
Ko'proq ko'rsatish2025 yil raqamlarda

12 188
Obunachilar
-224 soatlar
-607 kunlar
-23530 kunlar
Postlar arxiv
Photo unavailableShow in Telegram
Веб-дизайн для начинающих
Автор: Роббинс Дженнифер
Год издания: 2021
#css #ru
Скачать книгу
👍 11
Photo unavailableShow in Telegram
Настройка цитат в HTML и CSS
#почитать
Цитаты позволяют выделять часть текста и придавать особое значение.
⏱Читать статью
👍 8❤ 2🔥 2
Photo unavailableShow in Telegram
Как читать W3C-спецификации
#почитать
▫️Поймите, что спецификации W3C написаны для разработчиков реализаций, а не для конечных пользователей.
▫️Во многих спецификациях есть раздел с описанием, как они организованы и как их нужно читать.
▫️Знайте словарь, используемый в спецификациях.
▫️Помните, что не нужно читать каждое слово. Бегло просматривайте в поисках частей, которые имеют смысл.
▫️Избегайте обсуждений пространств имен.
▫️Научитесь читать BNF — он используется во многих местах.
▫️Научитесь читать DTD для ответов на вопросы по синтаксису.
▫️Если технология поддерживает скрипты, информация находится в привязках.
⏱Читать статью
🤔 7🔥 2❤ 1
Photo unavailableShow in Telegram
▫️CSS-анимации для начинающих
#почитать
Фундаментальный практикум на русском, по книге CSS Animation 101
⏱Читать статью
⏱Скачать шпаргалку
Видеопрактика:
▫️ Основы анимации для новичков ⏱30 минут
▫️ Гайд по CSS анимации. Transition / Animation ⏱20 минут
👍 4❤ 4🔥 1
Фриланс — это свобода и возможность работать из любой точки мира. Но все мы знаем, что за этой свободой стоит множество подводных камней, связанных с получением оплат и легализацией доходов от иностранных клиентов. Как безопасно и быстро получать деньги за свои услуги, работая с зарубежными клиентами по всему миру?
Mellow — ваша надежная платформа для получения платежей с любой точки мира. А главное, безопасно и быстро!
С помощью платформы вы можете:
▫️Получать деньги от зарубежных клиентов с гарантией безопасности.
▫️Иметь полный пакет документов для налоговой: договор, счет и акт выполненных работ
▫️Легально выводить деньги на счёт ИП, или банковскую карточку или электронный кошелек.
Безопасная сделка внутри системы защитит ваши деньги, а бесплатные услуги по оформлению документов для налоговых органов сделают вашу жизнь проще.
Проверьте сами, насколько легко можно работать с клиентами из США, Европы и других стран.
💬 Узнать больше о Mellow, зарегистрироваться и получать деньги можно здесь https://clc.to/RV5uyg
Реклама. Рекламодатель "FRWD Limited" erid: 2VtzqvQj1Rq
🔥 7😁 2❤ 1
Photo unavailableShow in Telegram
Elastic Overflow Scrolling
#почитать
Для начала понадобится какой-то элемент, выступающий в качестве контейнера для прокручиваемого контента. Конечно, можно JS, но это потребует добавления слушателей прокрутки или комбинации событий pointerDown, pointerUp и pointerMove, не говоря уже об отслеживании положения, инерционного движения и т. д. Идеальным было бы решение на CSS, и вот оно
⏱Читать статью
❤ 6
Photo unavailableShow in Telegram
Семантическая вёрстка
#почитать
Подход к разметке, который опирается не на содержание сайта, а на смысловое предназначение каждого блока.
⏱Читать статью
🎉 11
Photo unavailableShow in Telegram
Адаптивная вёрстка сайта
#почитать
▫️Прочность
▫️Относительность единиц измерения
▫️Использование контрольных точек
▫️Максимальные и минимальные значения
▫️Вложенность объектов
▫️Правильные шрифты
▫️Грамотное использование графики
▫️Выдерживание размеров макетов
⏱Читать статью
❤ 8👎 1
Photo unavailableShow in Telegram
Фоны для блочной модели
#почитать
Можно ограничить распространение background-image элемента с помощью background-clip. Это означает, что можно применить различные фоны, скажем, к padding и border.
⏱Читать статью
❤ 8
Photo unavailableShow in Telegram
CSS по БЭМ. Описание с примерами
#почитать
В БЭМ не используют селекторы тегов и идентификаторов. Стили блоков и элементов описываются через селекторы классов.
⏱Читать статью
👍 10👎 7🤬 2
Photo unavailableShow in Telegram
Определение типа с @property
#почитать
Большой гайд.
⏱Читать статью
👍 7🔥 2
Photo unavailableShow in Telegram
Переходы и анимация
#почитать
Эволюцией CSS3 стала возможность задавать поведение для переходов и анимации. Фронтенд-разработчики много лет просили реализовать эти взаимодействия внутри HTML и CSS, без использования JavaScript или Flash.
С помощью переходов CSS3 у вас есть потенциал менять внешний вид и поведение элемента всякий раз, когда происходит изменение его состояния, к примеру, когда на элемент наводится курсор, он получает фокус, становится активным или к элементу происходит переход по ссылке.
Анимация в CSS3 позволяет менять внешний вид и поведение элемента с помощью нескольких ключевых кадров. Переходы обеспечивают смену от одного состояния к другому, в то время как анимация может установить несколько точек перехода через разные ключевые кадры.
⏱Быстрый гайд WebRef
❤ 8👍 2🔥 1
Photo unavailableShow in Telegram
Справочник JavaScript
Авторы: Никольский А.П.,
Дубовик Е.В.
Год издания: 2021
#javascript #ru
Скачать книгу
👏 8🙈 2
Photo unavailableShow in Telegram
Всё о селекторах в CSS: от основ до высшего пилотажа
#почитать
Быстрый гайд от МТС.
⏱Читать статью
😁 8
Photo unavailableShow in Telegram
Комбинированные селекторы
#почитать
Иногда при написании стилей мы хотим обратиться к селектору более точно, чем просто по имени класса или тега. Для этого можно использовать различные комбинации.
⏱Читать статью
🎉 10
Photo unavailableShow in Telegram
Псевдокласс :has()
#почитать
В CSS не существует селектора родителя, позволяющего применить стиль к родителю при наличии у него указанного дочернего элемента. Роль такого селектора выполняет псевдокласс :has().
Псевдокласс :has() применяет стилевые правила к элементу, если у него есть указанный потомок или родственный элемент. Это даёт возможность задавать стили родителя на основе его дочерних элементов.
⏱Читать статью
👍 11
Photo unavailableShow in Telegram
Стилевая функция rgb()
#почитать
Цвет в виде шестнадцатеричного значения не всегда удобен для использования из-за сложности перевода десятичных чисел в шестнадцатеричные. В качестве альтернативы в CSS имеется стилевая функция rgb(), позволяющая задавать компоненты цвета в виде десятичных чисел.
Сама функция rgb() принимается в качестве значения стилевого свойства и позволяет установить цвет фона или текста с помощью цветовой модели RGB. В настоящий момент функция rgb() поддерживает два синтаксиса, несколько различающихся между собой: традиционный и современный.
⏱Читать статью
👍 8👏 1
Photo unavailableShow in Telegram
Кратко о методологиях объектно-ориентированного CSS: OOCSS, SMACSS, BEM и SASS
#почитать
Многие девелоперы, даже имея за плечами не один успешно выполненный коммерческий проект не оставляют поиски наилучшего способа организации стилей в макете. И большинство из них остановились на синтезе OOCSS, SMACSS, BEM и SASS. В этой статье мы не только поговорим о том, что из себя представляет правильный CSS.
⏱Читать статью
😁 8👍 3
Photo unavailableShow in Telegram
JavaScript с нуля
Автор: Кирупа Чиннатхамби
Год издания: 2021
#javascript #ru
Скачать книгу
😁 11👎 1
