Webstacker

Твой онлайн-журнал с мира Web и Front End: Новости, статьи и гайды на русском

Front End

В этой категории хранятся статьи, которые связаны с интерфейсами, отображением и дизайном веб-сайтов. Да, Ваши кнопочки, таблицы, поля и прочие радости верстки.

nickdeny

DarkModeJS: добавляем темную тему для вебсайта без проблем 🌚

В этой статье мы расскажем как добавить темную тему на вебсайт очень просто с помощью Javascript-плагина без использования jQuery

nickdeny

✂️ Обрезаем длинную строку и добавляем троеточие…

В этой статье мы научимся обрезать текст в одну или несколько строк с помощью CSS: overflow, white-space и text-overflow. Теория, реализация, примеры

nickdeny

Как отключить автозаполнение поля формы?

В этой статье мы научимся отключать автозаполнение (autocomplete) для формы и полей (input) без Javascript используя нативные возможности браузера и HTML. Также – посвятим в небольшую теорию и расскажем интересные факты

nickdeny

CSS треугольник: теория, реализация, примеры

Очень часто нам требуется сделать треугольник для реализации требований задачи. В этой статье мы научим, расскажем и покажем Вам как просто сделать треугольник на чистом CSS за две минуты без каких-либо проблем и использования растровых изображений

nickdeny

Border-box: как с помощью box-sizing упростить себе жизнь

В этой статье мы решим проблему переполнения (overflow) блока из-за padding или border-width раз и навсегда. Полезный лайфхак для построения сетки и грамотного отображения элементов внутри их ячеек, не нарушая границ

nickdeny

Стилизация placeholder с помощью CSS стилей

Атрибут placeholder применяется для отображения подсказок и другой информации внутри пустых элементов input и textarea. В этой статье мы рассмотрим возможности placeholder и стили, которые позволят сделать его более красивым и уникальным.

nickdeny

Как стать крутым веб-разработчиком

Рассказываю как пройти путь от новичка до крутого веб-разработчика, который разбирается в фронтенд-разработке, совершенно бесплатно: HTML, CSS, Javascript, препроцессоры, фреймворки, API браузеров. Особенно рекомендую к прочтению тем, кто только вошел в мир веба! 🤘

nickdeny

Эффект наведения (:hover) на смартфонах и планшетах

Немного истории С введением CSS2 разработчики получили возможность визуализировать наведения на объекты страницы с помощью псевдокласса :hover . Это внесло больше динамики, визуального восприятия страницы и стало неотъемлемым атрибутом каждого современного сайта. Поддержка и использование На данный момент, этот псевдокласс поддерживается любым современным браузером, что позволяет его свободно использовать. Для Internet Explorer 6 (IE6) данный […]

nickdeny

Must-Have плагины для Sublime Text 3: Как стать блатным фронтендером 🤟

В чем сила, брат? Сила в Саблайме. Особенно если ты фронтендер. В мире существует множество IDE для веб-разработки для каждой ОС, каждая из которых имеет свои сильные стороны — будь то HTML, CSS, Javascript или PHP, Python и так далее. Сегодня мы поговорим о Sublime Text, а точнее — о маст-хев плагинах для улучшения производительности в […]

nickdeny

Flexbox — самый полный гайд или как сверстать сайт и не умереть

Flex — современный способ позиционирования элементов внутри страницы и отдельных контейнеров. В этой статье мы опишем все возможные свойства, комбинации и элементы верстки данным способом.