Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

HTML & CSS

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

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

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

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

Небольшой набор стилей CSS3 для создания кнопок

Предлагаю очередной небольшой набор правил и свойств CSS3, для преобразования html-тегов a, input и button в привлекательные кнопки с градиентной заливкой. С помощью привязки тегов html через определённые классы, с полностью сформированными значениями свойств и правил CSS, вам будет намного проще внедрять на страницы ваших проектов, элементы управления пользовательского интерфейса в виде кнопок. Использовать данный…

Визуальный слайд-эффект для подписей изображений на HTML5 и CSS3

Раньше для создания различных эффектов обязательно требовалось подключение javascript и дополнительных файлов изображений, с выходом на арену веб-разработки мощнейших инструментов CSS3 и HTML5 всё реализуется гораздо проще. В сегодняшнем примере продемонстрирую html-разметку и готовый набор правил css, для создания одного из множества визуальных эффектов вывода подписей к изображениям, эффекта в виде выскальзывающего блока с определенным…

Доработал стили для панели постраничной навигации

Всем снова здравствуйте! На дворе весна, птички поют, в это время, меньше всего хочется думать о разных там «seo-шмео» и «кодах-шмодах», но такова реальность и от нее никуда не деться, работать надо, работу за нас никто не сделает. Находясь в запарке по работе в реальной жизни и под влиянием пришедшей весны, как то совсем запамятовал,…

Набор стилей для формирования постраничной навигации на CSS3

Постраничная навигация так или иначе присутствует практически на всех сайтах или блогах, если конечно они не являются одностраничными. Большинство шаблонов имеют в комплекте образчики верстки и стилевого оформления блоков постраничной навигации. Но чаще всего, это ничем не примечательный набор цифр со стрелками вперед и назад, обозначенные, в некоторых случаях, невыразительной рамкой. Именно этот элемент сайта,…

Стиль контактной формы CSS

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

CSS3 Градиент для кнопок

Совсем недавно я рассказывал о том как добиться правильного отображения градиента CSS в современный браузерах. Можно посчитать воплями в пустоту все мое повествование, если не рассказать о практическом применении градиент функции CSS. Отличным и незамысловатым примером может послужить создание кнопок для сайта, исключительно средствами CSS, не используя каких либо дополнительных изображений и javascript. Размер кнопок…

Эффект тени box-shadow CSS без изображений

Всем снова здравствуйте. Продолжаем эксперименты с новыми свойствами CSS3. Сегодня распишу технику создания эффекта drop-shadows, что в вольном переводе означает — «падающая тень». Ранне я рассказывал о приемах оформления границ блока с помощью CSS, в которых широко применялся параметр box-shadow, а так же наверняка всем хорошо известен стиль создания тени для текста text-shadow . Мне хотелось…

Градиент CSS3 в современных браузерах

Не затихающая браузерная война, в самом начале всей возьни за лавры первенства, породила такой хлесткий на слух термин «Кросс- браузерность» и это не просто термин, а настоящая головная боль для веб-дизайнеров, да и для простых пользователей тоже. Приходится всячески изворачиваться чтобы достичь корректного отображения страниц в этом бедламе среди браузеров. Сегодня рассмотрим, с помощью каких…

1 2 3 4