Главная » Архив за 2014 год

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Представляю вам уникальный, обучающий материал от Андрея Кудлая, автора проекта WebForMySelf, новый видеокурс "WordPress-Профессионал", релиз которого состоялся 29 октября 2014 года. Видеокурс «WordPress-профессионал» раскрывает многие, если не все, секреты и нюансы API WordPress, благодаря чему движок WordPress, станет для вас открытым, и вы сможете работать с ним на профессиональном уровне​. В результате изучения курса, вы по-настоящему ...

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

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

Storefront — Новая бесплатная тема WordPress

Представляю вашему вниманию новую, абсолютно бесплатную тему Wordpress от команды Woothemes, которая отлично подойдёт для организации многопрофильных WooCommerce проектов.   Storefront построена на основе популярной стартовой теме UNDERSCORES (используется для многих тем на WordPress.com), имеет гибкий, адаптивный макет, вложенную динамическую grid-систему(сетку) и SEO-оптимизированную разметку.     ДемоСкачать Дизайн ...

Фон в клеточку на чистом CSS

Фон в клеточку на чистом CSS Наверняка все вы, встречали сайты, где основной фон, или же фоны отдельных блоков с содержанием, выполнены в виде клеток. Чаще всего для оформления фона в клеточку используют изображения различных фоновых текстур (паттернов). Мало кто знает, что при создании клеточек, как в школьной тетради, можно обойтись без дополнительных изображений, исключительно средствами CSS. Предлагаю на рассмотрение простейший способ реализации фоновой заливки в ...
1 2 3 4 5 6
Рейтинг@Mail.ru