Мир CSS » Верстка

Pines Notify:Всплывающие уведомления

cssmaster — Mon, 24 May 2010 11:26:57 +0000

JQuery плагин для отображения настраиваемых всплывающих уведомлений.
Уведомляющие блоки можно установить для отображения в любой части веб-страницы, а также могут быть настроены на автоматическое исчезновение или при помощи кнопки «Закрыть».

Есть возможность использовать HTML в title, и тексте, изменять непрозрачность и использовать пользовательские анимации.
Может использоваться при событии :hover
Скачать, просмотреть примеры и почитать мануал можно на сайте

Смотрите также

Подключаем нестандартные шрифты

cssmaster — Fri, 21 May 2010 08:46:35 +0000

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

Смотрите также

Текстовый редактор для вашего сайта

cssmaster — Tue, 06 Apr 2010 11:20:44 +0000

Простой, легкий, расширяемой WYSIWYG (What You See Is What You Get, «что видишь, то и получишь» англ.) HTML-редактор построенный на JQuery. Этот компонент позволяет легко отображать WYSIWYG HTML редактор в место любого TextArea элементов на странице. Размер сценария всего 9.17kb; CSS и изображения в общей сложности весят 25.9kb.
Скачать Демо Сайт

Смотрите также

Центрирование div’ов

cssmaster — Tue, 30 Mar 2010 09:47:24 +0000

При создании макета веб-страниц, вы, вероятно, сталкивались с ситуацией, когда вам нужно разместить div в центре по горизонтали и вертикали с чистым CSS. Есть всего несколько путей для достижения этой цели. Например можно воспользоваться плагином к jQuery MicroTut
Страница с описанием и Демо

Всплывающие подсказки

cssmaster — Mon, 29 Mar 2010 07:58:40 +0000

TinyTips представляет собой плагин JQuery, который позволит вам добавить всплывающие подсказки в веб-страницы. Вы можете использовать JQuery $ (), чтобы выбрать любой элемент на странице и применить к нему TinyTips.
Кроме того, TinyTips работает во всех современных браузерах (включая последние версии IE).

Помимо того, что это действительно легкий и быстрый плагин, TinyTips можно легко менять под свои нужды так как разработчики отлично прокомментировали код. Вы можете легко настроить внешний вид через CSS.
TinyTips позволяет передавать содержимое, используя подсказки «title» атрибут в разметке или вы можете задать пользовательские строки.

Демо, Сайт разработчика digitalinferno.net

Смотрите также

Правильный justify

cssmaster — Fri, 26 Mar 2010 22:17:08 +0000

Пора наконец вернуться к CSS. Сегодня мы улучшим текст растянутый по всей строке. Обычно между словами, особенно предлогами, остаются очень большие пробелы. Этого можно избежать уменьшив расстояние между словами:
p { text-align: justify; word-spacing: -0.3ex; }
и текст станет красивее.
Подсмотрено здесь. Обязательно читаем комменты и узнаем как в тексте делать переносы.

Смотрите также

HTML5: Тэг footer

cssmaster — Tue, 30 Jun 2009 09:30:48 +0000

Я вооружившись переводчиком от гугла перевел статью о новых тегах в html 5

Читаем
Оригинал
То же самое только про header

Смотрите также

Перекрывающиеся кнопки

cssmaster — Thu, 04 Jun 2009 18:13:56 +0000

[dd]Перекрывающиеся кнопки навигации меню сайта[/dd]
Прикольные кнопки меню сайта, которые перекрываются при наведении курсора.

Пример
Источник

Смотрите также

Правильные Radio-Buttons

cssmaster — Sun, 24 May 2009 11:17:27 +0000

Статья на simplecoding.org как правильно, юзабительно и красиво оформлять радио-баттоны.

Читаем
или сразу смотрим пример

Смотрите также

Устранение проблем с IE 6 при верстке

cssmaster — Sat, 14 Mar 2009 23:02:53 +0000

[dd]Багфиксы internet explorer 6 – решение проблем при верстке[/dd]
[kk]ie 6 проблемы при верстке[/kk]
Наконец-то хоть один человек собрал воедино ~~все~~ множество багов ie 6 при верстке и их решение в одну статью. Читаем перевод у Dimox’а

http://dimox.name/10-fixes-for-ie6/