Категория: CSS-HTML-JS

Лучшие бесплатные Flash слайдеры для Вашего сайта

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

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

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

Далее

JS скрипт для обработки изображений на лету

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

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

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

Эффект закругленных углов для HTML элементов DIV

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

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

Далее

Перенос длинной строки в HTML, используя свойство CSS

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

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

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

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

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