Верстка \ HTML&CSS

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

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

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

Верстка \ HTML&CSS

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

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

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

Верстка \ HTML&CSS

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

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

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

Верстка \ HTML&CSS

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

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

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

Верстка \ HTML&CSS

Анимация других элементов вдоль SVG-пути с использованием JavaScript

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

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

Верстка \ HTML&CSS

Анимация элементов вдоль SVG-пути: Введение в PathSlider

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

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

Верстка \ HTML&CSS

Немного о тексте в атрибуте «alt»

От автора: уверен, вы знаете, что такое alt текст. Это атрибут тега изображения, несущий важную задачу – он описывает изображение для тех, кто не может видеть по тем или иным причинам. Пожалуйста, используйте их. Не хочу преуменьшать послание «пожалуйста, используйте их», но некоторые интересные факторы, связанные с альтернативным текстом, изо дня в день попадались мне.

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

Верстка \ HTML&CSS

Создание анимированных SVG-баннеров

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

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

Верстка \ HTML&CSS

Изучаем селекторы с общим родственником: пользовательские поля формы

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

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