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

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

CU3ER — 3D слайдер, уже известный многим вебмастерам и не однократно описанный на тематических сайтах. Этот flash слайдер имеет очень гибкие настройки и включает в себя большое количество эффектов. Вы сможете довольно просто вставить его в дизайн своего сайта. Посмотреть демонстрацию работы и скачать  этот слайдер Вы сможете на официальном сайте.

Читать далее…

Как динамически (на лету) при загрузке страницы изменять размер картинки, добавить тень или закруглить углы, спросите Вы ?

Отвечу, все очень просто, используйте swfIR (swf Image Replacement). На скриншотах ниже, Вы можете увидеть возможности этой библиотеки.

Используя swfIR Вы сможете масштабировать изображения, вращать их , растягивать по координатам, добавлять настраиваемые тени и рамки, а так же закруглять углы с использованием любого радиуса. Соответственно swfIR работает во всех браузерах.

Сегодня, все чаще и чаще, вебмастера при создании сайтов используют минималистичный дизайн и закругление углов у текстовых блоков, так называемый стиль WEB 2.0.

Так вот, я расскажу Вам о нескольких способах, которые помогут Вам добиться закругленных уголков, прилагая минимум усилий.

Читать далее…

Приветствую камрады, нашел очень удобный, даже незаменимый, хак для переноса строки или слова в HTML.

Очень часто вебмастера или верстальщики забывают при верстке HTML шаблона учесть длинные строки, слова без пробелов.

Оказывается это довольно просто лечится, надо к тегу, в котором заключен текс, добавить CSS свойство: word-wrap: break-word;

Для наглядности смотрим на скриншоте, где первый вариант без, а второй с использованием этого свойства.

Список браузеров, которые нормально обрабатывают этот стиль: IE 5.5 +, Firefox 3.5 +, Chrome и Safari.