5 красивых, но бесполезных эффектов на JQuery / CSS3

Собрал небольшую подборку из очень эффектных, впечатляющих и красивых вариантах применения CSS3 в совокупности JavaScript-библиотеки JQuery и ей подобных, но бесполезных. «Почему бесполезных?», — да банально потому, что  такие примеры не кроссбраузерны. А пока вы будете их адаптировать под все основные интернет-обозреватели, вам начнет нравится flash анимация, и вы скорее всего возненавидите JQuery.

Что касается браузера. Для просмотра лучше всего использовать Google Chrome, — как самый быстрый на сегодняшний день. Или Firefox на крайний случай. Или иные программы на базе движка webkit.

1. Капельки воды по стеклу

JQuery капли воды

По стеклу вниз стекают капельки воды / дождя, очень реалистичные надо заметить (если не приглядываться внимательно, — они всегда круглые). На втором плане помещается размытая фотография какого-нибудь красивого ночного пейзажа, например город с огоньками.

Просмотреть Скачать
(далее…)

Опубликовано 11-10-2013 в 17:18

PHP пример генерации случайного пароля

Далее посетителям сайта http://red-book-cms.ru представлен один из многочисленных вариантов написания функции генерации случайных строк а-ля паролей.

<?php
/**
 * Функция генерирует случайный пароль длиной $length символов и 
 * состоящий из сочетаний строки $letters.
 *
 * @param int $length
 * @param string $letters
 * @return string
 */
function generateRandomPassword($length = 10, $letters = "1234567890qwertyuiopasdfghjklzxcvbnm") {
    $password = "";
    $lettersLength = strlen($letters) - 1;

(далее…)

Опубликовано 4-09-2013 в 15:28

Фотогалереи и слайдеры для ваших сайтов

Небольшая подборка из 5 различных фронтенд фотогалерей с использованием возможностей JQuery и аналогичных библиотек.

Фотогалерея GalleryView с автопроигрыванием

JQuery плагин GalleryView - фотогалерея на сайт

Фотогалерея под названием GalleryView представляет собой JQuery плагин. Есть функция автоматической прокрутки изображений. Справа, слева, снизу или сверху может отображаться небольшая панель навигации с превьюшками и кнопками управления. В верхнем левом углу есть небольшая иконка при нажатии на которую выпадает краткое описание фотографии.

Скачать Просмотреть
(далее…)

Опубликовано 4-09-2013 в 12:04

Проверка на значение NULL в JavaScript

Далее представлен миниатюрный отрывок программного кода, который демонстрирует проверку на значение null в языке JavaScript:

var test = null;
if (test != null) {
    alert('test не равно значению null!');
} else {
    alert('test равно значению null!');
}

(далее…)

Опубликовано 29-08-2013 в 15:01

Фотогалерея для сайта на HTML / CSS

Данный материал содержит пример реализации простой красивой фотогалереи для сайта на чистом HTML5 / CSS. Изображения выводятся ненумерованным списком, при наведении на картинку курсора мышки пользователям в накладываемом поверх неё слое будет отображено описание картинки. Выглядеть все это будет примерно так, как показано на следующем скриншоте окна браузера:

Фотогалерея для сайта на HTML

Скачать рабочий пример
(далее…)

Опубликовано 9-08-2013 в 14:38

Объемная HTML кнопка

Данный материал содержит достаточно объемный кусок CSS, который описывает пример создания объемной кнопки на HTML, реагирующей на нажатие мышкой эффектом вдавливания. Иными словами button при клике выделится цветом и чуть продавится «внутрь» веб-страницы.

Объемная HTML кнопка

(далее…)

Опубликовано 25-06-2013 в 15:18

JavaScript onload: пример

Данный материал содержит небольшой пример использования события onload с прикреплением к последнему произвольной пользовательской функции.

(далее…)

Опубликовано 18-06-2013 в 15:18













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

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты