ar
Feedback
Логово верстальщика

Логово верстальщика

الذهاب إلى القناة على Telegram

Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin

إظهار المزيد
8 219
المشتركون
-624 ساعات
-287 أيام
-1630 أيام
أرشيف المشاركات
​​😦Однажды у нас будет полностью настраиваемый select В этой статье автор расскажет, как до появления CSS мы могли определять структуру своих страниц, а браузеры определять их внешний вид, и почему CSS стал чрезвычайно универсальным, а также вы узнаете как можно стилизовать selectmenu в зависимости от того, открыто оно или закрыто, используя псевдокласс :open. Читать...

​​🔥PHP-разработчики, которые имеют опыт и сильную практику разработки на Битрикс24, по-прежнему востребованы российскими компаниями и останутся таковыми в будущем. ❗️На курсе “Разработчик Битрикс24” в ОТУС вы научитесь программировать свободно, без учета доктрины платформы и получите ценные навыки, которые сформируют качественно новое представление о продукте и помогут вывести Битрикс24 на более высокий уровень в любой компании.   Приходите на практическое занятие «Компонент списка таблицы БД» в ОТУС 8 июня в 20:00, где мы с экспертом рассмотрим, как создавать свои таблицы в БД Битрикс24, а также создадим комплексный компонент списка, включая такие элементы, как фильтр, пагинация, кнопки действий. После урока вы научитесь: - Cоздавать свои компоненты для Битрикс24 - Добавлять выгрузку данных списка в Excel - Добавлять свои данные и действия в шаблон  👉Для участия зарегистрируйтесь https://otus.pw/bSDz/ Бесплатный вебинар подойдет начинающим и опытным разработчикам PHP, которые хотят получить навык разработки в Битрикс 24. Полный курс можно приобрести удобным для вас способом, в том числе и в рассрочку.            Нативная интеграция информация о продукте на сайте www.otus.ru

​​🔥Мета-приложения и Symbiote.js В этой статье автор расскажет, каким образом виджет может быть настроен, какие настройки могут быть общими, и как предоставить каждому экземпляру виджета на странице его персональные и уникальные настройки, а также вы узнаете как сделать всё максимально доступным для пользователей способом, не усложняя и не создавая избыточных абстракций над общедоступными возможностями платформы и базовыми паттернами веб-разработки. Читать...

​​🤪HTML5 и алгоритм разметки документов В этой статье автор расскажет, почему для создания веб-сайтов лучше всего использовать HTML5, и как правильно использовать HTML5, а также вы узнаете почему понимание алгоритма структурирования документа может оказаться непростой задачей. Читать...

​​🎯 Переходите на новый уровень в JS-разработке и разнообразьте свою работу! Прокачка своих навыков — всегда окупаемое вложение времени и сил. Чем шире спектр компетенций, тем больше интересных проектов! OTUS приглашает разработчиков на онлайн-курс «JavaScript Developer. Professional». 👉 Вы освоите полный ландшафт современных технологий Node.js / React / Angular / Vue / Svelte / TypeScript / Web Components.  ⬆️ Живые вебинары с JS-разработчиками, зарекомендовавшими себя в крупных проектах. ⚠️ Домашние задания в формате мини-assignment, как на собеседованиях в российских и европейских компаниях. Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на онлайн-курсе «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТИРОВАНИЕ https://otus.pw/drG9/ Нативная интеграция. Информация о продукте www.otus.ru

​​😶‍🌫️Как работают сервисы карт и маршрутизации В этой статье автор расскажет, как реализовать функционал построение маршрутов для АВТО и Ж/д транспорта, и как интегрировать пользовательский интерфейс карты со сторонним приложением, и реагировать на команды от него, а также вы узнаете как сам пользовательский интерфейс дает возможность наносить клиентские объекты на карту. Читать...

​​😎Геометрия объектной модели документа: исчерпывающее руководство В этой статье автор расскажет, почему большинство свойств модуля CSS доступны только для чтения, и почему системы координат лежат в основе того, как определяются позиции элементов в свойствах и методах отображения CSSOM, а также вы узнаете почему элементы DOM рендерятся как визуальные или видимые фигуры. Читать...

​​6 июня – стартует Лекторий Яндекса 2023 🔥    Лекторий – это больше 150 онлайн-лекций от экспертов Яндекса по фронтенд-, бэкенд- и мобильной разработке, продакт-менеджменту, маркетингу, аналитике и soft skills. Обучаться могут все желающие!   Регистрируйтесь на масштабное онлайн-открытие 6 июня в 19:00 (мск) , где вы: — Узнаете как устроены программа и процесс обучения, по которым будем прокачивать навыки все лето, — Обсудите последние тренды в IT с секретными гостями, — Сможете выиграть подарки – стильный мерч, Яндекс Станцию, промокоды и кое-что еще.   Лекторий — отличная возможность прокачать свои знания, погрузиться в атмосферу большой IT компании и разобраться, в каком направлении вам хотелось бы развивать карьеру. А ещё как следует подготовиться к поступлению на следующий набор Сезонных школ Яндекса или к отбору на стажировку (для самым активных участников Лектория предусмотрена ускоренная программа найма).

​​😵HTML, CSS: важен ли порядок названий классов CSS в атрибуте «class» HTML-элементов В этой статье автор расскажет, почему у HTML-элементов на HTML-странице может быть необязательный глобальный атрибут class, и почему по действующему стандарту языка HTML атрибут class HTML-элементов должен содержать значение, состоящее из набора названий классов CSS, а также вы узнаете почему действующий стандарт HTML практически не накладывает на набор названий классов CSS в атрибуте class. Читать...

​​Записывайтесь на курс от Хекслета, пройдите 5 бесплатных уроков профессии и получите скидку 10% на курс! Мы заинтересованы в успешном трудоустройстве наших студентов — гарантируем стажировки от компаний-партнеров и участие в Карьерном треке. Вернем деньги, если после учебы не получилось найти работу🔝 На профессии «Фронтенд-разработчик» вы за 10 месяцев: ✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.  ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.  ✔️Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!  Реклама. ООО «Хекслет Рус»  erid: Kra248g4z

​​😎Стили заголовков в CSS: картинки, тени, анимации В этой статье автор расскажет, как использовать свойство background-image и url() , чтобы добавить изображение в заголовок, и почему один из лучших способов добавить тени — наслоение, а также вы узнаете как используя многослойные тени, можно сделать текст заголовка светящимся. Читать...

Привет, коллеги - верстальщики и фронтендеры! Меня зовут Болясов Илья, я зарабатываю на фрилансе разработкой сайтов более 10
Привет, коллеги - верстальщики и фронтендеры! Меня зовут Болясов Илья, я зарабатываю на фрилансе разработкой сайтов более 10 лет.  За это время я собрал команду опытных веб-разработчиков и мы уже сделали более 500 проектов различной тематики - от магазинов нижнего белья до корпоративных сайтов банков🏧 Сейчас с коллегами ведем телеграм канал, в котором рассказываем многое о фрилансе и разработке сайтов, проводим бесплатные живые вебинары с разбором работ, делимся опытом и иногда ищем подрядчиков под свои проекты, когда сами не успеваем😀 Если интересно - подписывайтесь на канал😉

​​🫠Как работать из PyCharm community c CSS В этой статье автор расскажет, как создать небольшой генератор html, обернуть ее в функцию в файле .py, закинуть туда css, и записать все это в html, а также вы узнаете как аргумент file принимает в себя файл для записи. Читать...

​​😍Руководство по цветовым функциям CSS В этой статье автор расскажет, как можно при помощи цветовых функций можно настраивать тон, насыщенность, светлоту и непрозрачность цвета и даже смешивать вместе несколько цветов, и почему функция RGB — одна из самых часто используемых цветовых функций в CSS, а также вы узнаете почему одним из первых действий при работе с цветами CSS должно стать создание цветовой палитры веб-сайта. Читать...

​​🚀25 советов для начинающего верстальщика В этой статье автор расскажет, почему тег h1 является самым главным на странице и используется в качестве названия раздела, и зачем для разметки сворачиваемого раздела содержимого нужно использовать теги details и summary, а также вы узнаете зачем нужно стараться избегать селекторов, которые являются или включают в себя html теги для лучшей читаемости кода. Читать...

​​🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS  Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

​​😎CSS сolor-сontrast(): пошаговое руководство В этой статье автор расскажет, как свойство CSS сolor-contrast() помогает разрабатывать доступные пользовательские интерфейсы, и как свойство color-contrast() поможет пользователям с легкостью получить доступ к информации и услугам и использовать их, а также вы узнаете почему создание доступного дизайна — это не просто привлечение внимания, но и удобство для всех пользователей. Читать...

​​❓ Что нужно знать, если хочешь стать JavaScript-разработчиком?  Сначала, конечно же, нужно овладеть базовыми знаниями.  24 мая в 20:00 мск Открытый урок: «JavaScript Array»  На занятии мы рассмотрим основы Javascript: — Что такое массивы — Какие структуры данных они реализовывают в Javascript — Приемы работы с массивами  — Семантическую разницу между разными методами массивов Вебинар приурочен к старту онлайн-курса «Специализация Fullstack Developer». После вебинара курс можно приобрести удобным для вас способом. Для участия зарегистрируйтесь: https://otus.pw/A5ie/ 📌Используйте эту возможность, чтобы познакомиться с преподавателем и форматом обучения. Курс доступен в рассрочку. Нативная интеграция. Информация о продукте www.otus.ru

​​⚡️Оптимизируем изображения в HTML В этой статье автор расскажет, почему использовать background-image в CSS — не лучшая идея, как можно написать раздутый CSS, который сочетал бы медиазапросы и функцию image-set, и почему в таком случае нам нужно знать точные размеры изображения для каждого отдельного экрана, и учитывать, что макет сайта может измениться, а также вы узнаете зачем нужно избегайте отложенной загрузки для изображений на первом экране. Читать...

​​🚀Создание карты потоков с помощью JavaScript В этой статье автор расскажет, что такое карты потоков, как сделать этот процесс более практичным, и как можно научиться создавать собственные карты потоков с помощью JS для любых видов данных, а также вы узнаете почему проще и быстрее всего создать интерактивную карту потоков можно с помощью графической библиотеки JS. Читать...