Главная » Архив меток: HTML&CSS (страница 3)

Архив меток: HTML&CSS

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

18.12.2019 Комментарии к записи Основы CSS: Сворачивание полей отключены 611 Просмотров

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

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

04.12.2019 Комментарии к записи Как отобразить кнопку поиска, когда поле поиска не пусто отключены 432 Просмотров

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

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

10.10.2019 Комментарии к записи Как создать стильную таблицу прайсов с липким заголовком отключены 584 Просмотров

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

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

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

От автора: для меня крайне удивительно, что никогда не было возможности включения HTML в другие HTML-файлы. Похоже, на горизонте нет ничего, что могло бы решить эту проблему. Я говорю о прямом включении, взять кусок HTML и вставить его прямо в другой. Например, сценарий использования для большей части всего Интернета, включение заголовка и футера для всех страниц: ... <body> <include src="./header.html"></include> ...

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

06.08.2018 Комментарии к записи Статичные HTML веб-сайты по-прежнему актуальны? отключены 2,763 Просмотров

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

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

28.06.2018 Комментарии к записи Дополнительные узоры из символов Unicode отключены 1,007 Просмотров

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

5 способов обработки форм на статическом сайте

26.06.2018 Комментарии к записи 5 способов обработки форм на статическом сайте отключены 945 Просмотров

От автора: в этом посте я рассмотрю пять вариантов, с помощью которых может производиться обработка форм сайта: Google Forms, FormKeep, Netlify Forms, Formspree и FormPlug. Когда я впервые начал изучать потенциал статических сайтов, меня привлекла их скорость и простота. Тем не менее, я знал, что эти преимущества имеют свою цену: поскольку статические сайты не могут запускать бэкэнд-код, существуют ограничения относительно ...

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

04.04.2018 Комментарии к записи Анимация других элементов вдоль SVG-пути с использованием JavaScript (Часть 2) отключены 707 Просмотров

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

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

30.03.2018 Комментарии к записи Анимация элементов вдоль SVG-пути: Введение в PathSlider отключены 853 Просмотров

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

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

16.03.2018 Комментарии к записи Немного о тексте в атрибуте «alt» отключены 734 Просмотров

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

Страница 3 из 3«1 23

Апрель 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30