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

Архивы 2014

Скрытый текст (спойлер) с помощью Javascript

С помощью нескольких строк javascript, вы сможете легко организовать скрытые блоки с содержанием, раскрывающиеся по клику. Согласитесь, иногда лучше сделать маленький блок скрытого текста с аккуратной кликабельной надписью, скрыть под ней, например: правила комментирования, html-код кнопки или баннера и т.д. Тот, кому это очень нужно — нажмёт на выделенную надпись и всё увидит. Нет необходимости постоянно…

Адаптивные изображения с помощью CSS

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

Модальное окно на HTML5, CSS3 и скрытых чекбоксах

Судя по комментариям, тема создания модальных окон довольно популярна. Я не раз уже описывал различные техники исполнения, как с помощью jQuery, так и на чистом CSS. Да и в интернетах, информации по теме предостаточно, и каждый может выбрать для себя оптимальный вариант. Меня больше интересуют решения без использования javascript, не потому-что у меня какая-то фобия…

Скрытый блок (спойлер) с помощью jQuery

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

Webfonting — Отличное расширение для подбора шрифтов на сайте

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

Самый лёгкий плагин jQuery для создания вкладок (табов)

Предлагаю на рассмотрение очень простой и наверное, самый лёгкий плагин jQuery, для создания вкладок(табов), с помощью которого, вы сможете, организовать на своих сайтах, вывод контента в виде динамичных, переключаемых блоков с содержанием. Писал плагин давно и для себя, хотелось иметь под рукой надёжный, простой в настройке и использовании инструмент, который может быть подключен в работу…

Logger — Журнальная тема для персональных блогов WordPress

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

Варианты оформления кнопки «Читать далее» (read more)

Практически на всех интернет-ресурсах, будь-то простенький сайт, тяжеловесный новостной портал или персональный блог, используется заветная кнопка «Читать далее» (read more), чаще всего это главная страница с кратким анонсами записей, страницы рубрик, архивы тегов или временные архивы, там где большая часть текста постов скрыта и заменена на ссылку «Читать далее». Оформляют эту ссылку, кто во что…

WordPress-Профессионал — Новый видеокурс от команды WebForMySelf

      Видеокурс «WordPress-Профессионал» снят с продаж! Каталог курсов: webformyself.com С Уважением, Андрей . Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:

Оригинальные hover-эффекты для изображений на чистом CSS3

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

1 2 3 7 8