От автора: слишком часто можно увидеть неправильный HTML-код, используемый для цитат в разметке. В этой статье давайте разберемся со всем этим, рассмотрим различные ситуации и разные HTML-теги для этих ситуаций. В цитатах используются три основных элемента HTML: <blockquote>, <q>, <cite>. Давайте рассмотрим их по порядку. blockquote Теги blockquote используются для того, чтобы цитируемый текст отличался […]
Проводы старого года – неплохой повод для обновления и смелых экспериментов. Если вы не впервые на CSS-live.ru, вы наверняка заметили, что у нас немножко поменялось оформление, и – надеюсь – что сайт стал чуть быстрее грузиться. Новая верстка – во многом эксперимент: в ней совсем нет оформительской графики, всё оформление сделано на CSS. Причем прямо […]
Первое мое общение с HTML и CSS было 10 лет назад, еще в школе, когда у меня только появился интернет, и я понял что тоже хочу делать странички, которые сможет увидеть весь мир. С тех пор у меня есть как минимум 5 полных лет опыта разработки сайтов по-взрослому. Сейчас я могу без лишней скромности сказать, что сверстал я уже пару сотен сайтов, большинство из которых, как ни странно, совершенно не совпадают с моими текущими требованиями к верстке.
Все мы достаточно наслышаны об HTML5 и его возможностях. Например, элементы audio и video, которые у всех на слуху. Но несмотря на это, существует парочка тегов, о которых знают далеко не все, и о которых не знал я до недавнего времени. Итак, вот чем я хочу с вами поделиться.
100 полезных приемов, лучших практик и бесплатных советов по HTML, CSS и JavaScript для начинающих и продолжающих frontend-разработчиков.
Научитесь всему, что должен знать начинающий фронтендер, от специалистов из Microsoft, Intel и W3C. Можно пройти целиком или выбрать, что нравится.
— Читать дальше «Специализация Frontend Web Developer»
…
Многие разработчики, что уж скрывать, недолюбливают спецификации. Одни считают их скучными. Другим они вообще кажутся монстрами, не иначе как порожденными мифической Ехидной (невероятно, но это отчасти правда: именно так — Echidna — называется система автопубликации, используемая в W3C).
Атрибут placeholder HTML указывает краткую подсказку, которая описывает ожидаемое значение поля ввода (например, примерное значение или краткое описание ожидаемого формата).
От автора: если вам когда-либо понадобится выделить текст внутри абзаца, лучше используйте тег mark. Это HTML-версия желтого маркера. Я всегда использовал тег span с некоторыми CSS-стилями, не понимая, что существует более семантический вариант. HTML5 полон всяких вкусностей, не правда ли? [crayon-5cfe023531dec623354030/] Стиль mark по умолчанию Цвет фона mark по умолчанию — желтый. [crayon-5cfe023531df2112049966/] Пользовательские стили […]
От автора: валидация ввода формы в HTML5 — это то, к чему следует относиться серьезно. Без надлежащей валидации, если повезет, вы получите только много ненужных и несоответствующих вводимых данных. Однако существует также вероятность того, что хакеры смогут заполучить личные данные пользователей, которые доверили вам свою информацию. Поскольку валидация важна, имеет смысл использовать инструменты и библиотек […]
Научат всем основам, которые должен знать фронтендер: особенности JS, работа с DOM, обработка AJAX и управление JSON, а также взаимодействие с сетью.
— Читать дальше «Открытая лекция курса «JavaScript-разработчик»»
…
От автора: названия глав в книгах, цитаты, ключевые слова в статье, статистика в отчете — это все типы контента, который может быть выделен и превращен в краткое изложение того, что важно. Например, вы видели, как Business Insider предоставляет ключевые моменты статьи перед тем, как перейти к содержанию? Это то, что мы собираемся сделать, но мы […]
От автора: элементы figcaption и figure в HTML 5 предназначены для создания значимой структуры разметки, что обеспечивает описательную метку для части контента, которая имеет отношение к текущему документу, но не жизненно важна для его понимания. Чтобы получить более конкретную информацию, давайте рассмотрим эти элементы отдельно. Элемент figure Часто рассматриваемый как элемент для изображений или диаграмм, […]
Язык разметки HTML формирует структуру веб-страницы, а теги используются для идентификации типа содержимого на странице.
HTML-формы являются элементами управления, которые применяются для сбора информации от посетителей веб-сайта.
Вёрстка страницы представляет собой процесс разработки структуры html-документа, результатом которого является веб-страница. Структура веб-страницы определяется соответствующими html-тегами.
Основы HTML содержат основные правила языка HTML, описание структуры HTML-страницы, отношения в структуре HTML-документа между HTML-элементами.
Статья, в которой рассмотрим процесс создания вертикального аккордеона для сайта с использованием CSS и JavaScript (без jQuery).
Мы сделали для вас подборку лучших книг для начала изучения веб-разработки. В неё вошли книги по JavaScript, Node.js, React.js, HTML, CSS, дизайну и паттернам проектирования. Конечно, список хороших книг по
— Читать дальше «Подборка книг для начинающег…
Начало 2019 года — это замечательный повод проанализировать будущее фронтенд-разработки и выяснить, какие технологии стоит …
От автора: например, дизайн требует разделителя между параметрами в меню select HTML. Насколько трудным это может оказаться? Подход имитации option Это то, что вы обычно видите в StackOverflow: [crayon-5c56140a5e653887344029/] К сожалению, этот хак не работает, как есть: Вы не можете знать, насколько широко будет отображаться меню, особенно на мобильных ОС, так что имитированный разделитель, созданный […]
Скачать / Посмотреть на CodePen
See the Pen Circular Ripple Hover Effect on Button by ViktorKorolyuk (@ViktorKorolyuk) on CodePen.
Начался новый набор на курс «Специалист по web-разработке» от израильской высшей школы IT и безопасности HackerU. Студентов научат современному стеку фронт- и бэкенда веб-приложений. Кому подойдёт? Как новичкам, так и действующим разработчикам, желающи…
Доброго времени суток! Не так давно, в сентябре 2018, мы анонсировали сервис FrontendHelp, который позволяет …
Скачать / Посмотреть на CodePen
See the Pen Minimalistic search by Mikael Ainalem (@ainalem) on CodePen.
От автора: давайте поговорим о всплывающих окнах. Или модалах, оверлеях или как вам нравится их называть (не забудьте, лайтбокс). Несмотря на то, что многим пользователям это не нравится, эти элементы остаются популярными в Интернете. Но их технические реализации могут быть дико непоследовательными. Хотите больше не изобретать велосипед? Этот пост поможет вам решить задачу, как отобразить […]
Скачать / Посмотреть на CodePen
See the Pen water effect by Gerard Ferrandez (@ge1doot) on CodePen.
Скачать / Посмотреть на CodePen See the Pen ✨ CSS Loader #purecss #loader ✨ by 0guzhan (@0guzhan) on CodePen.
Идёт набор в онлайн-школу веб-разработки Web Hero School. За три месяца вас обучат с нуля и доведут до трудоустройства. Автор школы — практикующий веб-разработчик с опытом работы в таких компаниях, как 2GIS, Mail.Ru и Tinkoff.ru — Дарья Пушкарская. Мне…
Свежие комментарии