Адаптивное видео для сайта с помощью CSS

Адаптивное видео для сайта с помощью CSS Как часто при использовании встроенного видео из различных источников у себя на сайте или блоге, вам приходилось подгонять размер того или иного видеоролика, предварительно изменяя заданные значения ширины и высоты плеера? Думаю, что большинство блогеров именно так и поступают, раз за разом, в ручную прописывают необходимые параметры, для того чтобы встроенное виде не выходило за границы блока, в котором оно расположено. А ведь существует ...

Абсолютно круглые изображения с помощью CSS

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

Рисуем сердце с помощью CSS3

Рисуем сердце с помощью CSS3 Меня всегда привлекают новые, необычные решения использования свойств CSS3. И пускай многие из них пока ещё не находят широкого практического применения в веб-разработке и дизайне сайтов, всё это задел на будущее, великолепная демонстрация открывающихся возможностей с применением новых стандартов. Пристально слежу за появлением новаторских идей и бережно складываю в свою копилку. С наиболее интересными экспериментами, расширяющими кругозор и ...

CSS Медиа-запросы для различных пользовательских устройств

CSS Медиа-запросы для различных пользовательских устройств В качестве шпаргалки, собрав информацию из разных источников, составил вот такой, небольшой набор стандартных правил css медиа-запросов, для различных типов пользовательских устройств и режимов их ориентации, в зависимости от положения телефона или планшета в руках пользователя. Так в портретном режиме portrait, когда высота превышает длину, и в альбомном режиме landscape, когда ширина больше высоты, ну и конечно же, комбинированные варианты ...

Редактируемый, визуальный блок стилей CSS

Редактируемый, визуальный блок стилей CSS Знаете ли вы, что тег по сути своей является таким же блочным элементом? Он так же, как и другие элементы может быть отображен на странице со всем содержимым! Более того, отображен не в виде привычного всем демо-кода, а в качестве простейшего визуального редактора фактических стилей CSS используемых на странице. Оказывается всё очень просто, используя атрибут HTML5 contenteditable в теге , добавим ему возможность редактировать фактические ...

Сниппет: Буквица в тексте с помощью CSS

Сниппет: Буквица в тексте с помощью CSS Недавно довелось мне оформлять простенькую, представительскую страницу для одной районной библиотеки. Заказчик пожелал видеть параграфы с использованием буквицы в заглавии каждого из них. Способы создания буквицы известны очень давно и хорошо отработаны, так что с выполнением работы никаких затруднений не возникло. Завершив работу, решил не отбрасывать в сторону материал, а пополнить им коллекцию сниппетов на своём блоге и попутно ...

Бесплатные адаптивные jQuery слайдеры изображений

Адаптивный, или если хотите, отзывчивый веб-дизайн сейчас не просто очередной дизайнерский тренд, это уже некий стандарт разработки сайтов, обеспечивающий универсальность веб-сайтов, гармоничное визуальное восприятие на экранах различных пользовательских устройств. Ещё совсем недавно, при разработке адаптивного шаблона, мне приходилось сталкиваться с различными трудностями интеграции тех или иных слайдеров и галерей изображений, не нарушая общий ...

10 Новых Адаптивных Фото-Видео Тем WordPress

Wordpress уникальная система управления сайтом. Ни одна из ныне существующих CMS не имеет такое огромное количество готовых инструментов(шаблонов, тем оформления, плагинов), какое разработано и выпущено для Wordpress. C целью повышения безопасности и расширения общего функционала, обновления движка выходят на регулярной основе. Разработка качественных тем упакованных не менее качественными плагинами, поставлена на конвейер. Плохо это или хорошо ...

Аккордеон на чистом CSS3 — эксперименты продолжаются

Аккордеон на чистом CSS3 — эксперименты продолжаются Существует много интересных решений и возможностей для создания эффектных, компактных блоков с содержанием, выполненных в стиле "Аккордеон". Самый надёжный в плане адекватной обработки и поддержки всеми браузерами, и наверное из-за этого самый популярный способ, это кроссбраузерное решение основанное на jQuery. Не оставляю попытки найти жизнеспособный прием реализовать простой анимированный аккордеон, с достойным функционалом и оформлением, ...

Простые подсказки на CSS3 и HTML5

Простые подсказки на CSS3 и HTML5 Часто спрашивают, какой самый простой способ реализации подсказок к ссылкам. Самый простой, это не особо заморачиваясь по поводу внешнего вида подсказок, использовать встроенные средства браузеров, прописывая атрибут title="" в ссылках. В то же время существует масса других способов создания простых всплывающих подсказок, о некоторых из них я писал ранее, да и в "интернетах" материала по этой теме не мало. Сегодня, поделюсь ещё одним, очень ...

Десятка качественных тем WordPress в журнальном стиле

Продолжаем знакомится с самыми новыми разработками тем оформления для сайтов работающих на движке Wordpress. Сегодня предлагаю на ваше рассмотрение очередную подборку новых, качественных тем WP премиум-класса, выполненных в журнальном стиле, которые отлично подойдут для создания динамичных, информационных, новостных сайтов и персональных блогов с большим объёмом, постоянно обновляемого контента. Все темы имеют полностью адаптивный дизайн, а ...

Lightbox Эффект CSS3

Lightbox Эффект CSS3 Почти два года прошло с момента написания статьи посвященной интереснейшему способу реализации lightbox-эффекта при просмотре полно-размерных изображений, без подключения к работе javascript, исключительно с помощью свойств CSS3. Время не стоит на месте, стандарты, требования веб-разработки и дизайна меняются, пришло время немного подкорректировать некоторые свойства эффекта, добавив к нему новые функции. По большому счёту особо ничего ...
1 2 3 4 5 6 7 8 9 10 11 12 13 14 22
Рейтинг@Mail.ru