Webstacker

Онлайн-журнал с мира Web и Front End: Новости, статьи, хитрости и гайды на русском. Конструктивные и уникальные материалы для лучших.

Фронтенд

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

nickdeny

Всплывающая подсказка на чистом CSS

В этой статье мы расскажем как сделать всплывающую подсказку (attr) с помощью чистого CSS, не используя Javascript. Реализация, примеры

nickdeny

📨 Web Share API: делимся контентом правильно

Все о Web Share API – «поделиться» статьей или товаром стало еще проще! В этой статье мы расскажем о нативной функции браузера для распостранения контента

nickdeny

Как сделать нужную клавиатуру при вводе: все о «inputmode»

Атрибут inputmode для input или textarea – как сделать отображение недефолтной клавиатуры (емейл, поиск, телефон) без указания типа поля. Реализация, поддержка, примеры

nickdeny

Тэг optgroup: Делаем нативные секции в селектах

Как сделать секции внутри тэга select без использования кастомных решений и Javascript. Тэг optgroup: Атрибуты, реализация, примеры

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 и стили, которые позволят сделать его более красивым и уникальным.