ИЗБРАННЫЕ ПРИМЕРЫ АПРЕЛЬ 2012 года

Меню в виде открытой книги с листанием страниц курсором Блоки листаются от клика курсором как развернутая книга Каждая страница со своим линком (Jquery+Pageflip) [оптимизированный скрипт Bananascript.com]

Меню из цифр в обрамлении

Обрамление Блок с закругленными углами Большое фото постепенно увеличивается

Обрамление Оригинальные углы Открытие фото с анимацией

Ограничение количества знаков в textarea

Окно открывается с анимационным эффектом

Оригинальные эффекты наведения курсора [оптимизированный скрипт Bananascript.com]

Открытие IFRAME с анимацией в оригинальном обрамлении

Открытие большого фото на затемненном фоне окна

При наведении на фото на нем появляется текст

При наведении на фото на нем появляется текст [оптимизированный скрипт Bananascript.com]

Применение нестандартного шрифта на сайте Font a_AlbionicTitulNrSh

Применение трехмерного нестандартного шрифта (Font Antikvar Shadow)

Применение трехмерного нестандартного шрифта (Font Artemon)

Применение трехмерного нестандартного шрифта (Font Barocco Floral Initial)

Применение трехмерного нестандартного шрифта (Font CyrillicGoth)

Применение трехмерного нестандартного шрифта (Font CyrillicOld)

Применение трехмерного нестандартного шрифта (Font GothicG)

Применение трехмерного нестандартного шрифта (Font Goudy Decor ShodwnC)

Применение трехмерного нестандартного шрифта (Font Invest)

Применение трехмерного нестандартного шрифта (Font Italy B)

Применение трехмерного нестандартного шрифта (Font IzhitsaShadowCTT)

Применение трехмерного нестандартного шрифта (Font Monti-Decor B)

Применение трехмерного нестандартного шрифта (Font Remeslo)

Применение трехмерного нестандартного шрифта (Font Rurintania)

Применение трехмерного нестандартного шрифта (Font a_AlternaOtl)

Применение трехмерного нестандартного шрифта (Font a_AntiqueTradyTtlB&W)

Скрипт parallax.js + jquery

Скрипт parallax.js + jquery Фото с 3D эффектом Бабочки летают по окну (jquery) [не работает в IE]

Скрипт parallax.js + jquery Фото с 3D эффектом Бабочки летают по окну (jquery) [работает в IE]

Скрипт открытия нового окна Варианты

Скрипт открытия нового окна при закрытии старого

Скрипт показа времени

Таблица с форматированием граф (по нарастающей.по убывающей)

Таблица с форматированием граф (по нарастающей.по убывающей) [оптимизированный скрипт Bananascript.com]

Текст вставляется в прокручиваемый вертикально блок через кнопку

Текст появляется с анимацией на фото при наведении ( jQuery)

Текст появляется с анимацией на фото при наведении ( jQuery) [оптимизированный скрипт Bananascript.com]

Текст при наведении на фото с анимационным эффектом ( jQuery + CSS3)

Текст при наведении на фото с анимационным эффектом ( jQuery + CSS3) [оптимизированный скрипт Bananascript.com]

Текст при наведении плавно увеличивается Плагин jQuery Approach

Текст с переливом цвета

Трехмерный текст (текст с тенью) (CSS) [для всех браузеров]

Фон двойной с перемещением друг на друге от курсора (jquery)

Форма для подсчета символов (знаков ) в форме

Форма текстовое поле с уголком слева (одно фото) (CSS)

Фото большого размера от клика по маленькому фото в отдельном блоке в центре окна (iBox) [оптимизированный скрипт]

Фото и текст в таблице (блоке) меняются линками с показом очередного блока наплывом (jquery)

Фото от клика открывается заданного размера и может перетаскиваться

Фото от клика плывет по окну Перемещение div.

Фото от клика постепенно увеличивается и прозрачно. Клик по большому-уменьшение

Фото от клика постепенно увеличивается над окном Большое окно стабильно при прокрутке

Фото от клика увеличивается (highslide) Под большим фото текст

Фото при наведении затемняется и появляется текст

Фото при наведении с проявляющимся текстом Анимированные эффекты наведения курсора мыши на CSS3

Фото при наведении с текстом (фото) на нем ( jQuery)

Фото при наведении с текстом (фото) на нем ( jQuery) [оптимизированный скрипт Bananascript.com]

Фото при наведении уменьшается

Фото с 3D эффектом

Фото с оригинальным обрамлением (Bevel.js) Библиотека Netzgestade

Фото с оригинальным обрамлением и наклоном вправо (влево) Большое фото открывается с фаден-эффектом (instant.js) Библиотека Netzgestade

Фото с оригинальным обрамлением и наклоном вправо (влево) Большое фото открывается с фаден-эффектом (instant.js) Библиотека Netzgestade Оптимизированный скрипт

Фото с увеличением заданной части через лупу ( jQuery)

Фото с увеличением заданной части через лупу ( jQuery) [оптимизированный скрипт Bananascript.com]

Фото-фон строки списка меняется от клика jQuery

Фото-фон строки списка меняется от клика jQuery [оптимизированный скрипт Bananascript.com]

Фотогалерея Блоки листаются от клика курсором как развернутая книга (Jquery+Pageflip)

Фотогалерея в виде книги с перелистованием страниц через флеш ( swfobject flippingbook )

Фотогалерея с открытием большого фото с анимацией (mootools)

Фотогалерея с открытием большого фото с анимацией (mootools) [оптимизированный скрипт Bananascript.com]

Аттрибуты селекторов

Блок в виде прозрачного фото-фона в углу окна

Блоки как в график

Блок меняет размер при уменьшении размеров окна ( ширина окна меньше 960px - прямоугольник плавно изменит размеры)

Блок от клика выделяется остальная часть окна затемняется (MooTools)

Блок от клика выделяется остальная часть окна затемняется (MooTools) [оптимизированный скрипт Bananascript.com]

Блок от клика перемещается горизонтально

Блок от клика увеличивается

Блок при наведении выделяется остальная часть окна затемняется (MooTools)

Блок при наведении выделяется остальная часть окна затемняется (MooTools) [оптимизированный скрипт Bananascript.com]

Блок с закругленным обрамлением своего цвета и уголком снизу

Блок с закругленными углами (CSS)

Блок с закругленными углами (mootools)

Блок с закругленными углами (mootools) [оптимизированный скрипт Bananascript.com]

Блок с текстом над блоком со скошенным уголком

Блок с уголком

Блоки в виде таблицы Резиновая верстка HTML страниц блоками

Блоки в виде таблицы Таблица через div

Блоки в виде таблицы Шаблон верстки страницы из 2 колонок

Блоки в виде таблицы Шаблон верстки страницы из 3 колонок

Вертикальное меню с использованием спрайт

Выделение элементов при наведении курсора

Генератор оптимизации HTML

Горизонтальное меню ( CSS3 )

Горизонтальное меню с закругленными ячейками (не работает в IE)

Замена блока оот клика по линку

Линк с подсказкой (курсор работает на подсказке)

Линк с подсказкой в виде видео через OBJECT (mpg) (курсор работает на подсказке)

Линк с подсказкой в виде видео через OBJECT (wmv) (курсор работает на подсказке)

Линк с подсказкой в виде видео через OBJECT (swf) (курсор работает на подсказке)

Оглавление таблицы фиксировано при прокрутке (jQuery)

Окно всплывающее через mootools

Окно всплывающее через mootools [оптимизированный скрипт Bananascript.com]

Подсказка с закругленным обрамлением (CSS)

Подсказка с закругленным обрамлением в виде видео (swf) (CSS)

Поле input становится заполняемым от клика ( CSS3 с использованием :disabled)

Поле формы от клика увеличивается по длине ( CSS3 с использованием :focus)

Псевдо спрайт

Фото-фон друг на друге

Специальные символы для различной кодировки

Строка списка выделена фоном через first-child (CSS)

Строка таблицы при наведении выделяется фоном

Таблица оглавление выделено фоном строка через одну выделена фоном (CSS)

Таблица через блоки DIV и CSS

Тег display: table Блоки в виде таблицы

Тег display: inline-block + inline-table + -moz-inline-box

Тег display: list-item

Тег inline-block + inline-table + -moz-inline-box

Текст над фото (jQuery)

Текст под фото генерируется из тега ALT (MooTools)

Текст под фото генерируется из тега ALT (MooTools) [оптимизированный скрипт Bananascript.com]

Форма Текстовое поле с вертикальной нумерацией строк

Фото в блоке с закругленными углами (mootools) [оптимизированный скрипт Bananascript.com]

Фото в таблице ячейки занимает 100% площади ячейки (CSS)

Фото или текст в отдельном блоке появляется через анимацию (Fancy Zoom + jQuery)

Фото от клика постепенно увеличивается над окном

Фото при наведении на фото появляется над наведенным фото (CSS)

Фото при наведении на фото появляется над наведенным фото (jQuery CSS)

Фото- фон занимает 100%

Центрирование блока и текста

Часы в виде будильника

Элемент display как встроенный объект Текст в виде табличного текста

АРХИВ JAVASCRIPT + CSS :: • до 2005 • 2006 • 2007 • 2008 • 2009 • 2010 • 2011

ИЗБРАННЫЕ ПРИМЕРЫ АПРЕЛЬ 2012 года

ПРИМЕРЫ 2012 года