Верстка \ HTML&CSS

Вы уже используете SVG-фавикон? Руководство для современных браузеров

От автора: вы должны использовать SVG-фавикон. Они поддерживаются во всех современных браузерах уже сейчас. Кроме того, вам, вероятно, не нужны все эти ссылки и размеры иконок, которые вы копируете из проекта в проект. Давайте выясним, какой абсолютный минимум нам требуется.

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

Верстка \ HTML&CSS

5 распространенных проблем с доступностью веб-приложений и способы их устранения

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

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

Верстка \ HTML&CSS

Скрытие элементов в Веб

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

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

Верстка \ HTML&CSS

Основы CSS: Сворачивание полей

От автора: элементы являются строительными блоками веб-страниц — при создании веб-сайтов вы фактически «складываете кирпичи» из элементов. Когда эти элементы уложены, вы используете CSS, чтобы настроить их внешний вид и расположение.

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

Верстка \ HTML&CSS

Как отобразить кнопку поиска, когда поле поиска не пусто

От автора: я думаю, что селектор :placeholder-shown невероятно крут. Он позволяет выбрать заполнитель для input (<input placeholder=»…»>), когда этот заполнитель присутствует. В смысле, когда в поле еще не введено значение. Вы можете подумать, что input[value] можете это сделать или помочь сопоставить действительное значение, но это не так.

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

Верстка \ HTML&CSS

Как создать стильную таблицу прайсов с липким заголовком

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

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

Верстка \ HTML&CSS

Самые простые способы обработки включений HTML в HTML

От автора: для меня крайне удивительно, что никогда не было возможности включения HTML в другие HTML-файлы. Похоже, на горизонте нет ничего, что могло бы решить эту проблему. Я говорю о прямом включении, взять кусок HTML и вставить его прямо в другой.

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

Верстка \ HTML&CSS

Статичные HTML веб-сайты по-прежнему актуальны?

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

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

Верстка \ HTML&CSS

Дополнительные узоры из символов Unicode

От автора: недавно я написал пост, который был опубликован на CSS-Tricks, в нем я рассматривал способы использования символов Unicode для создания интересных (и случайных) узоров. С тех пор я продолжал искать новые варианты того, как можно создавать узоры из символов. Я даже использовал книгу о Unicode из локальной библиотеки.

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