Фреймворки \ Bootstrap

Новые возможности в Bootstrap 4 Alpha

От автора: 19 августа на свет божий вышла альфа версия Bootstrap 4, ровно спустя четыре года после первого официального релиза Bootstrap v1 (Совпадение, не правда ли?). Вечно популярный front-end фреймворк обрел законченные черты, и я, как большой поклонник Bootstrap, очень взволнован и жду не дождусь приложить руки к новым возможностям!

Продолжить чтение

Верстка \ Адаптивная верстка

Методы и приемы по улучшению фоновых изображений на Retina дисплеях

От автора: хотя в спецификации HTML5 и присутствуют Retina/HiDPI экраны в сочетании с медиа запросами и srcset, изображения, загруженные через CSS, не считаются достижением: не существует полного эквивалента srcset или sizes на CSS, чтобы поместить на фон страницы изображение с оптимальным разрешением.

Продолжить чтение

Фреймворки \ Bootstrap

Создание Bootstrap контактной формы с помощью PHP и AJAX

От автора: в этом уроке я шаг за шагом расскажу, как создать рабочую контактную форму с помощью всегда популярного front-end фреймворка Bootstrap в сочетании с AJAX и PHP. Мы изучим пару дополнительных возможностей, таких как анимация animate.css, валидация на JavaScript и улучшение пользовательского опыта при работе с асинхронным контентом.

Продолжить чтение

Верстка \ HTML&CSS

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

От автора: начать данную статью я должен с признания: очень долгое время я не мог никак понять, как работают w дескриптор в адаптивных HTML5 изображениях, а также работу атрибута sizes. Принцип использования тега picture и изменение разрешения картинки с помощью srcset и x дескриптора были ясны, но когда все это стало намного сложнее, с приходом запятой-разделителя в синтаксис, а также появление атрибута sizes и w все стало очень запутанно. Статьи на эту тему и спецификации только усугубляли все: для чего это было все создано, и почему я хочу их применять?

Продолжить чтение

Верстка \ Адаптивная верстка

Как создать прилипающее меню с помощью CSS или JQuery

От автора: адаптивный веб-дизайн и таблицы далеко не лучшие друзья. Многие сталкивались с различными ситуациями, и вследствие чего были выработаны определенные подходы. Тем не менее, мы все еще далеки от идеальных решений, и поиски продолжаются.

Продолжить чтение

Верстка \ Адаптивная верстка

Улучшение отзывчивого веб-дизайна с помощью RESS

От автора: в среднем больше трети посетителей просматривают ваш сайт с мобильных устройств. Только за прошлый год доля мобильных устройств выросла более чем на 20%. Итак, как же можно угодить этой части рынка?.

Продолжить чтение

Верстка \ Адаптивная верстка

Больше никаких CSS Grid фреймворков

От автора: пару минут назад я прочитал пост на Designer News. Пост написал парень, который хочет создать очередной CSS grid фреймворк, основанный на flexbox. Скорее всего, он знает, что таких фреймворков уже полно в сети, но это не удержало его от того, чтобы узнать, что по этому поводу думают другие.

Продолжить чтение

Фреймворки \ Bootstrap

Настройка Bootstrap: выбор нужных компонентов

От автора: В данной статье рассказывается о том, как настроить Bootstrap перед скачиванием, и рассматриваются некоторые моменты, касающиеся выбора компонентов. Вы узнаете, какие возможности данного фреймворка вам нужны, а какие нет, в зависимости от ваших потребностей.

Продолжить чтение

Верстка \ Адаптивная верстка

Знакомство со Skeleton, простым стартовым CSS шаблоном

От автора: В конце прошлого года вышла обновленная версия Skeleton. В действительности это первое обновление за почти два с половиной года. И это хорошие новости для тех, кто уже пользовался Skeleton и полюбил его за простоту!

Продолжить чтение

Верстка \ HTML&CSS

Сетки, созданные с помощью calc(), — лучшие сетки

От автора: Привет. Меня зовут Кори (Cory). У меня есть одна небольшая страсть. Я уже очень давно и серьезно увлекаюсь сеточными системами. По факту, я помог создать достаточно популярную сеточную систему под названием Jeet. Я всегда любил, когда математика используется для упорядочивания и расстановки вещей.

Продолжить чтение