Многие разработчики, что уж скрывать, недолюбливают спецификации. Одни считают их скучными. Другим они вообще кажутся монстрами, не иначе как порожденными мифической Ехидной (невероятно, но это отчасти правда: именно так — Echidna — называется система автопубликации, используемая в W3C).
Атрибут placeholder HTML указывает краткую подсказку, которая описывает ожидаемое значение поля ввода (например, примерное значение или краткое описание ожидаемого формата).
От автора: если вам когда-либо понадобится выделить текст внутри абзаца, лучше используйте тег mark. Это HTML-версия желтого маркера. Я всегда использовал тег span с некоторыми CSS-стилями, не понимая, что существует более семантический вариант. HTML5 полон всяких вкусностей, не правда ли? [crayon-5cfe023531dec623354030/] Стиль mark по умолчанию Цвет фона mark по умолчанию — желтый. [crayon-5cfe023531df2112049966/] Пользовательские стили […]
В программе изучение компонентного подхода, методов именования, обзор «взрослого» окружения верстальщика и препроцессоров HTML и CSS.
— Читать дальше «Воркшоп «Практика вёрстки»»
…
От автора: валидация ввода формы в 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 — Дарья Пушкарская. Мне…
Перевод статьи Why don’t we add a <lovely> element to HTML? с сайта www.brucelawson.co.uk, опубликовано на css-live.ru с разрешения автора — Брюса Лоусона Вчера был интересный разговор, который начала Сара Суайдан: твит Сары Суайдан (@SaraSoueidan), 8 октября 2018 г. в 16:36: Вот…
ДАЛЕЕ
Скачать / Посмотреть на CodePen
See the Pen CSS hamburger menus by rosalieelphick (@rosalieelphick) on CodePen.
Скачать / Посмотреть на CodePen
See the Pen Interactive Spooky Login Form by Alvaro Montoro (@alvaromontoro) on CodePen.
В этой статье мы создадим простую игру с помощью HTML5, CSS3 и чистого JavaScript. Вам не понадобятся глубокие знания программирования. Если вы знаете, для чего нужны HTML, CSS и JS,
— Читать дальше «Создаём простую игру на Vanilla JS»
…
Скачать / Посмотреть на CodePen
See the Pen Pure CSS Toggle Buttons | ON-OFF Switches by Himalaya Singh (@himalayasingh) on CodePen.
Свежие комментарии