От автора: для меня крайне удивительно, что никогда не было возможности включения HTML в другие HTML-файлы. Похоже, на горизонте нет ничего, что могло бы решить эту проблему. Я говорю о прямом включении, взять кусок HTML и вставить его прямо в другой. Например, сценарий использования для большей части всего Интернета, включение заголовка и футера для всех страниц: ... <body> <include src="./header.html"></include> ...
Читать далее »
e Если вы ощущаете, что пришло время вдохнуть новую жизнь в уже существующие свои онлайн-проекты, то сегодняшняя публикация окажется как нельзя кстати. В первую очередь подборка пригодится тому, у кого используются обычные простые HTML шаблонов сайтов, т.к. их мы и будем рассматривать. Причем не только с минималистичным дизайном, но и по другим тематикам/направлениям. Частично инфоповодом для такой темы послужило недавнее ...
Читать далее »
От автора: названия глав в книгах, цитаты, ключевые слова в статье, статистика в отчете — это все типы контента, который может быть выделен и превращен в краткое изложение того, что важно. Например, вы видели, как Business Insider предоставляет ключевые моменты статьи перед тем, как перейти к содержанию? Это то, что мы собираемся сделать, но мы попробуем извлечь основные моменты непосредственно ...
Читать далее »
От автора: например, дизайн требует разделителя между параметрами в меню select HTML. Насколько трудным это может оказаться? Подход имитации option Это то, что вы обычно видите в StackOverflow: <!-- This will work poorly, see below --> <select name="because-you-are" required> <option value="provocative">One great thing</option> <option value="fascinating">And another great thing</option> <option disabled value="">__________</option> <option value="robotnik">That’s two great things</option> </select> К сожалению, этот ...
Читать далее »
e Реализацию данной задачи вы наверняка встречали на крупных порталах, так как подобный рекламный брендинг привлекает максимум внимания посетителей и является более эффективным чем обычные баннеры. Сегодня рассмотрим как сделать фон ссылкой на сайте с помощью HTML, CSS, Javascript и некоторых других «подручных средств». Ранее в блоге уже публиковались статьи по схожей тематике, например, про большую фоновую картинку у веб-страниц или ...
Читать далее »
От автора: давайте поговорим о всплывающих окнах. Или модалах, оверлеях или как вам нравится их называть (не забудьте, лайтбокс). Несмотря на то, что многим пользователям это не нравится, эти элементы остаются популярными в Интернете. Но их технические реализации могут быть дико непоследовательными. Хотите больше не изобретать велосипед? Этот пост поможет вам решить задачу, как отобразить контент поверх другого контента. Проблема ...
Читать далее »
От автора: сейчас динамические веб-сайты вполне доступны всем веб-дизайнерам. Мы зачастую не думаем дважды об использовании таких инструментов, как WordPress или Drupal, чтобы задействовать наш следующий великолепный проект. Их функциональность и гибкость делают создание веб-сайтов, ориентированных на данные, более простым, чем когда-либо прежде. Но так было не всегда. Веб изначально был статичен. Обычный старый HTML был и остается основой сайта. ...
Читать далее »
Перевод статьи Components and concerns c сайта adactio.com, опубликовано на css-live.ru с разрешения автора — Джереми Кита Порой мы слишком увлекаемся ложными противопоставлениями в мире веб-дизайна и веб-разработки. Недавно я подметил одно, регулярно всплывающее в области дизайн-систем и компонентов. Это насчет разделения ответственности. У веба долгая история разделения структуры, представления и поведения с помощью HTML, CSS и JavaScript. Оно служило ...
Читать далее »
От автора: недавно я написал пост, который был опубликован на CSS-Tricks, в нем я рассматривал способы использования символов Unicode для создания интересных (и случайных) узоров. С тех пор я продолжал искать новые варианты того, как можно создавать узоры из символов. Я даже использовал книгу о Unicode из локальной библиотеки. Все зависит от вашего воображения, если вы хотите найти возможные узоры, ...
Читать далее »
Подборка свежих эффектов, интересных идей и полезных наработок. «Мона Лиза» из линий Крестики-нолики на CSS Портрет Криса Койера Переключатель в виде теннисного мяча CSS-анимация иконок меню Демонстрация работы функции crossfade() UI на чистом CSS Рука-загрузчик на CSS Анимация рукописного текста Мишка-переключатель на CSS Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях. P.S. Это тоже может быть интересно:
Читать далее »