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

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

Open in Telegram

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

Show more
8 226
Subscribers
-524 hours
-237 days
-1430 days
Posts Archive
​​🧐Tailwind vs BEM — 1 (сравнение производительности) В этой статье мы разберемся что является лучшим решением для хорошей архитектуры приложения. Читать...

​​💪 Создайте свой первый проект для портфолио разработчика на JavaScript 👉 На бесплатном открытом уроке «Создание чата на JavaScript с 0 за час» от OTUS. План практического вебинара: 1. Вступление, теория 2. Подготовка проекта, создание структуры 3. Разработка интерфейса, оформление стилей 4. Добавление функциональности на JavaScript 5. Реализация хранения сообщений 6. Подведение итогов и ответы на вопросы  👉 Подробнее о программе о программе урок и регистрация для участия: https://clck.ru/36h48S 📅 Занятие пройдёт 23 ноября в 20:00 мск и будет приурочено к старту курса «Специализация Fullstack developer». Программа курса обновлена и полностью соответствует современным требованиям рынка. 🎁 Черная пятница в OTUS! Успей применить промокод BLACK23 и получить скидку на курс! Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8K9mc7

​​👤Мокинг API на JavaScript с Pactum В этой статье мы рассмотрим некоторые важные функции, которые я ожидаю от любого инструмента для имитации API или библиотеки. Читать...

​​👍HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 3 В этой статье я расскажу, как мы незаметно потеряли пользу элементов <section> и <form>, а также вы узнаете почему визуально скрытые элементы — проблема современных интерфейсов. Читать...

​​📇Как вписать блоки в страницу или в контейнер? Используйте css grid В этой статье я расскажу, о вписывании верстки в родительский контейнер. Читать...

​​🎩Как наложить макет на вёрстку через PerfectPixel В этом материале я расскажу, как корректно экспортировать макет, установить PerfectPixel, управлять расширением и находить элементы страницы, которые стоит поправить на вёрстке. Читать...

​​🎩JavaScript: примеры реализации некоторых математических выражений В данной статье я хочу рассказать вам о некоторых основных математических концепциях и их обозначениях, а также показать примеры реализации этих концепций на JavaScript. Читать...

​​😉Сравнение JavaScript операторов typeof и insanceof В этой статье будет рассмотрена разница между ними и показаны примеры использования. Читать...

​​🎨Уроки рисования красных квадратов В этой статье я покажу, как парсил dom элементы и создавал для них визуальную подсветку. Читать...

Только для наших преданных подписчиков открыли доступ в портал! В канале "Frontend Portal" вы найдете: — Макеты для верстки с
Только для наших преданных подписчиков открыли доступ в портал! В канале "Frontend Portal" вы найдете: — Макеты для верстки с готовым кодом к ним — Разбор вопросов с собеседований — Задачи и викторины с объяснением 👉Рекомендуем подписаться: @FrontendPortal

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

CSS media запрос any-hover Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос? Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали. Пример применения: @media(any-hover: hover) {  .element: hover {  // ваши стили  } } Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.

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

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

​​Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 14 ноября.

​​🎃4 способа добавить иконки на сайт из Figma — все плюсы и минусы В этой статье поговорим о том, как добавить иконки на сайт из Figma. Читать...

​​🎩Как использовать CSS ::before и ::after для создания пользовательских анимаций и переходов В этой статье вы узнаете, как сделать плавный анимированный переход на сайте без использования специальных библиотек. Читать...

3 крутых GitHub репы для фронта Приветствую! Собрал для вас небольшую подборку GitHub реп которые скорее всего будут интересны всем. 👉 JavaScript Algorithms - ресурс для всех, кто хочет получить четкое представление об алгоритмах и структурах данных. Он содержит примеры многих популярных алгоритмов и структур данных, реализованных на JavaScript. 👉 Front End interview handbook - В этой репе вы найдете ответы на все распространенные вопросы, которые так любят задавать на собесах. 👉 30 seconds of code - этот ресурс содержит короткие фрагменты кода на JavaScript для всех рутинных манипуляций в разработке. ❗ Есть нюанс с репой 30 seconds of code, у нее нет варианта на русском языке, но думаю что для большинства из нас это не будет огромной проблемой. Первые две - переведены.  Как обычно удачи в изучении и экспериментах!

​​🧐Что такое деление по модулю в JavaScript? В этой статье мы поговорим о математическом операторе в JavaScript, который представляет из себя символ процента. Читать...

Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, бе
Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, без которых не обойдется ни один настоящий фронтендер. Макеты для верстки — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметкиобразовательный канал с ежедневными практическими заметками по языку. codepen.jsготовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Figma Start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! Развивайся с нами, ведь так проще!