Верстка \ HTML&CSS

Адаптивные макеты без медиа-запросов!

От автора: мой друг шутил: HTML уже адаптивен. Это делают дизайнеры. Это странное мнение, но в целом правильное. Если вы напишете ванильный HTML с правильной семантической разметкой, он, по крайней мере, ПРИГОДЕН для UІ. Возможно, это некрасиво, возможно, имеет не самый желанный вид для пользователей, но допустимо.

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

Верстка \ HTML&CSS

Как работает CSS

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

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

Верстка \ HTML&CSS

Рекомендации по встраиванию сторонних веб-виджетов

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

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

Верстка \ HTML&CSS

Давайте поговорим о вкладках HTML

От автора: в прошлом году я участвовал в проекте Open UI, посвященном выяснению того, как получить собственный <tabs> элемент в HTML. Это была команда людей с разным опытом; авторы спецификаций, производители браузеров, разработчики и обычные практики, такие как я.

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

Верстка \ HTML&CSS

Как стать современным верстальщиком и заработать на этом

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

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

Верстка \ HTML&CSS

Анимация иконок Font Awesome и другие возможности

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

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

Верстка \ HTML&CSS

Используйте Reseter.css вместо Normalize и Reset.css, чтобы  улучшить кроссбраузерность

От автора: на данный момент я думаю, что существующие Reset.css и Normalize.css имеют меньше функций и лишены многих вещей. Я представляю вам новый CSS-нормализатор, созданный как футуристическая альтернатива normalize.css и reset.css.

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

Верстка \ HTML&CSS

Шрифты в HTML письмах

От автора: не существует такого понятия, как «безопасный веб-шрифт». Я видел так много сообщений с просьбой написать о безопасных шрифтах для использования в электронных письмах HTML, на которые обычно отвечали сокращенным списком шрифтов, доступных в Windows. Итак, позвольте мне объяснить, почему безопасные шрифты — это ошибочная концепция и насколько больше может быть шрифтов в электронных письмах HTML, чем в Arial и Times.

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

Верстка \ HTML&CSS

Работа с якорями в HTML

От автора: одной из нативных возможностей HTML при необходимости создать закладки на странице являются якоря. Классическим якорем, к примеру, будет кнопка вверх, клик по которой отправит пользователя к началу страницы. Реализуются якоря очень просто, но в их работе очень не хватает плавности. Этот недостаток всегда исправлялся с помощью JS, но на самом деле можно попробовать обойтись и без него, используя возможности CSS.

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