Webstacker

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

nickdeny

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

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

nickdeny

Почему веб-дизайнер должен понимать верстку?

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

nickdeny

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

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

nickdeny

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

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

nickdeny

Как сделать поддержку всех браузеров на сайте

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

nickdeny

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

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

nickdeny

Ад и рай верстальщика: способы позиционирования элементов

Какие существуют способы позиционирования элементов на странице и что использовать в 2018. Теория, примеры, реализация для Table, Float, Flexbox и Grid CSS

nickdeny

Что нового в HTML 5.2?

Меньше месяца назад HTML 5.2 стал официальной Рекомендацией W3C (REC). Когда спецификация достигает стадии REC, это означает, что она получила официальное одобрение членов W3C и директора и что W3C официально рекомендует ее развертывание агентами пользователей, и это выполняется авторами веб-страниц. На этапе REC все нововведения должны иметь, как минимум, 2 независимые реализации. В HTML 5.2 […]

nickdeny

Адаптивный шрифт текста(font-size) с :root

Типография — один из самых тяжелых элементов адаптивного веб-дизайна. В идеале Вы хотите иметь шрифт, максимально читабельный на разных размерах экранов. Обычно, разработчики правят шрифты под определенные размеры устройств, и сейчас мы поможем решить Вам этот вопрос. Начнем с установки медиа-запроса для экранов меньше 45em: @media screen and (max-width: 45em) { p { font-size: 1.5em; […]

nickdeny

Привет мир?

Привет, дружище! Я не знаю зачем ты читаешь эту статью, ведь с неё ты совсем не получишь информации, но раз зашел — так «привет!». Так вот… Меня зовут Даниил и я создатель этого проекта. Смысл? Не знаю. Просто по приколу. Пилить статьи, собирать сообщество, что-то еще. Возможно, проект зайдет. Возможно — нет, попытаться стоит. Приличия ради […]

Наш Telegram-канал