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

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

Open in Telegram

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

Show more
8 219
Subscribers
-624 hours
-287 days
-1630 days
Posts Archive
​​🖥Как Провести A/B-Тестирование Вашего Сайта В этой статье автор вам расскажет, как работает A/B-тестирование, почему оно его очень важно делать, какие есть типы тестов, что такое многовариантное и многостраничное тестирование, а также вы узнаете элементы которые можно проводить таким тестированием. Читать...

​​💥30 Способов Улучшить Производительность Сайта С Помощью CSS В этой статье вы узнаете, зачем использовать инструменты анализа производительности CSS, как сделать быстрые косвенные улучшения CSS, почему нужно предварительно загружать таблицы стилей, а также вы узнаете как удалить неиспользуемые файлы, стили, и шрифты. Читать...

​​😵Создание более плавных переходов CSS с помощью Animate CSS Grid В этой статье вы узнаете, что такое сетка CSS, можно ли анимировать макет сетки, как работает Animate CSS Grid, как его импортировать и настроить, а также вы узнаете как не загружать процесор пользователей внешним интерфейсом. Читать...

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

​​🤔Как избежать сдвигов в макете <img>: соотношение сторон и атрибуты ширины и высоты В этой статье автор расскажет, как правильно установить ширину и высоту, как уникнуть этой проблемы в браузере Firefox, а также вы узнаете как сделать соотношения сторон идеально ровным. Читать...

​​😇Как сделать динамические цвета в CSS В этой статье автор расскажет, как реализовать динамические функции используя только CSS, что можна сделать с помощью функции calc(), а также вы узнаете как изменять цвет с помощью значения фильтра. Читать...

​​😛Различные способы получить градиентную тень в CSS В этой статье автор расскажет, как получить градиентные тени, как добавить радиус границы, как делать элементы прозрачными, а также вы узнаете как применить к елементам фильтр размытия. Читать...

​​👨‍💻4 способа прокачать свою карьеру в разработке, аналитике, менеджменте и попасть в Яндекс 1️⃣Летние школы Академии Яндекса Для тех, у кого уже есть опыт в разработке. До 27 апреля продолжается набор в Школу бэкенд-разработки (Python, Java, C++, Go), Школу мобильной разработки (iOS, Android, Flutter), Школу разработки интерфейсов и до 13 апреля в Школу менеджеров. Обучение бесплатное. Иногородним Яндекс оплатит билеты и проживание на период практики в офисах компании в Москве, Алматы и Белграде. Лучшим студентам — офер в штат Яндекса.  2️⃣Открытый лекторий Академии Яндекса Если нет времени на Школы, регистрируйтесь на бесплатный Открытый лекторий. Это часть программы Летних школ — 120 лекций по soft skills, бэкенд-, фронтенд- и мобильной разработке, аналитике и продакт-менеджменту.  3️⃣Стажировки по бэкенд-, фронтенд- и мобильной разработке, аналитике и ML Получите опыт работы над продуктами Яндекса, которыми пользуются миллионы. Подайте заявку на оплачиваемую стажировку (от 3 до 6 месяцев). Иногородним стажёрам Яндекс оплачивает проживание и билеты. 4️⃣Intern Meetup Week и пробные собеседования Всё про стажировки, общение с разработчиками и экспертами Яндекса, пробное собеседование. Регистрируйтесь на Intern Meetup Week до 12 апреля! Митап пройдет в онлайне и офлайне c 17 по 20 апреля.  Удачи!😎

​​😍Tailwind CSS Против Bootstrap В этой статье вы узнаете, какие есть преимущества Tailwind CSS, зачем нужны утилиты, что из себя представляют компоненты Tailwind CSS, а также вы узнаете у кого выше производительность и какие есть возможности начальной загрузки. Читать...

​​🔥Руководство по реализации отзывчивого дизайна в 2023 году В этой статье вы узнаете, как построить современный отзывчивый макет, как сделать крутой дизайн, как сделать плавающий размер веб-сайта, также вы узнаете как правильно настроить веб-интерфейс. Читать...

​​👤Глубокое погружение в CSS Grid Minmax В этой статье автор расскажет, как правильно использовать функцию Minmax, как проверить сетку CSS, зачем нужно использовать ноль для минимального значения в Minmax, а также вы узнаете как убрать горизонтальную прокрутку с веб-страницы. Читать...

​​🤩12 важнейших сайтов для освоения CSS в 2023 году Здесь автор вам расскажет, какие есть сайты для изучения CSS, чем они отличаются и какие сайты будут лучше для изучения, также вы узнаете не только основы, но и станете настоящим профи в кротчайшие сроки. Читать...

​​🤨Что должен уметь Frontend разработчик в 2023 году (+Roadmap) В этой статье автор расскажет, как развиваться чтобы стать фронтенд-разработчиком, что для этого нужно, также вы узнаете тяжело ли войти в IT в 2023 году, что для этого нужно знать и насколько сейчас повысилась конкуренция. Читать...

​​😎Советы по созданию хорошего дизайна API Здесь автор вам расскажет, несколько советов, которые помогут вам при разработке веб-сайта, вы узнаете как делать хорошый дизайн на API и как его правильно использовать, а также вы увидите структуру web-приложения. Читать...

​​🤔Руководство по шаблонам проектирования Node.js В этой статье вы узнаете, что такое шаблоны проектирования, что такое IIFE и случаи его использования, и что такое симуляция статичных переменных и частных переменных, а также вы узнаете что такое шаблон заводского метода и какие его случаи использования. Читать...

​​🖱️14 CSS трюков, которые должен знать каждый Frontend-разработчик Здесь автор расскажет, продвинутые советы и приемы в CSS, которые помогут вам овладеть навыками веб-дизайна и интерфейсной веб-разработки, также вы узнаете насколько CSS становится все более мощным и продвинутым в Frontend разработке. Читать...

​​😵Встраивание WebGL в HTML-страницу с помощью Three.JS В этом гайде вы узнаете как правильно настроить проект, как заменить картинки в Three.JS плоскости, а также вы узнаете как добавить плавную прокрутку на страницу и сделать hover-эффект при наведении курсора на картинку. Гайд...

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

​​🤯Полное понимание асинхронности в браузере Про асинхронность JavaScript написано много статей, документации и книг. Но вся информация сильно распределена по интернету, поэтому сложно быстро и полностью разобраться, что к чему, и составить цельную картину в голове. Не хватает одного исчерпывающего гайда. Именно эту потребность автор и хочет закрыть своей статьёй. Читать...

​​🔥CSS запросы к контейнерам наконец с нами В статье автор объяснит, как работают контейнерные запросы, как мы можем их использовать и как выглядит синтаксис, а также поделюсь несколькими реальными примерами использования. Читать...