51563952
Bookmarks 1.0 - Закладки страниц с использованием localStorage
- Автор: Kelin   - Категория: Рецепты JavaScript

Bookmarks 1.0 - Закладки страниц с использованием localStorage
Давненько не писал стоящих скриптов, решил потренироваться и написал скрипт закладок. Скрипт не требует никаких модулей, закладку можно создать для любой страницы. Демонстрацию скрипта вы можете посмотреть здесь.

UPD (23.08.2013): Полностью переписан скрипт. Всем, кто его устанавливал - просьба пройти повторную установку.

52071135
Меню на чистом CSS
- Автор: Kelin   - Категория: Рецепты HTML и CSS

Меню на чистом CSS
Недавно начал баловаться с CSS3-трансформациями и анимациями, и вот - выкладываю простенькую горизонтальную менюшку. Вид меню вы можете просмотреть на скриншоте (скриншот анимированный). Как видите, изначально меню частично скрыто вверху, при наведении оно выезжает полностью.
Т.к. меню сделано с использованием CSS3, эффекты не работают в IE. Но само меню отображается корректно.
Демо: смотреть

6067461
Меню в стиле Flat
- Автор: Kelin   - Категория: Рецепты HTML и CSS

Меню в стиле Flat
В продолжение верстки выкладываю также меню в стиле Flat. Собственно, простенькое меню, в пункты меню можно вложить выпадающее меню и количество чего-либо. В меню используются иконки от сайта icomoon.io. Демо меню вы можете просмотреть здесь.

UPD (24.07.2013): Совершенно случайно увидел, что забыл добавить код, необходимый для работы выпадающего меню. Теперь добавил.

4468035
Стилизация календаря uCoz под стиль Flat
- Автор: Kelin   - Категория: Прочие скрипты

Стилизация календаря uCoz под стиль Flat
Серфил по интернету в поисках дельных PSD-исходников, наткнулся на календарь. Решил сверстать и поделиться с вами версткой. В PSD этот календарь был почти на весь экран, в верстке масштаб, конечно, поменьше. Есть несколько цветовых вариантов календаря: синий, зеленый, желтый, оранжевый, красный, фиолетовый и черный. Еще сделал несколько вариантов по размерам: большой - растягивается на всю ширину родительского блока, имеет большие отступы и размер шрифта; стандартный - средние шрифты и отступы, календарь шириной в 335px; маленький - мелкий шрифт и отступы, календарь шириной в 225px. Также есть "закомментированная" строка, которая позволяет установить собственную ширину календарю.

3811921
myModal 1.2 - Модальные окна для вашего сайта
- Автор: Kelin   - Категория: Рецепты JavaScript

myModal 1.2 - Модальные окна для вашего сайта
Решил-таки "добить" этот скрипт до стабильной версии. В этой версии модальные окна получили функции перемещения и сворачивания + доступны эффекты появления/исчезания окна (На основе jQuery UI Draggable & Effects). Так же исправлен баг с зарезервированной переменной (new), теперь скрипт работает корректно в старых версиях браузеров. Вместо myModal.new теперь используется myModal.create.

UPD (14.07.2013): Исправлен баг при сворачивании окна. При обратном разворачивании окна оно не возвращало свою ширину, а становилось узким. Теперь все должно работать нормально. Тем, кто подключил скрипт с web41k'a: ничего делать не нужно, остальные - увы, перезалейте скрипт.

3852221
Пользовательские стили с сохранением в localStorage
- Автор: Kelin   - Категория: Рецепты JavaScript

Пользовательские стили с сохранением в localStorage
По заказу пользователя Stendy сделал скрипт создания пользовательских стилей. Название говорит само за себя: скрипт позволит пользователям сайта стилизовать страницу по своему вкусу, если они, конечно, разбираются в CSS. Данный скрипт можно использовать как инспектор: применив определенные стили на страницу, вы сразу увидите результат. Сохраняются стили в HTML5 localStorage.
Аналог этого скрипта существует в виде приложения для Chrome: Stylish.
Скрипт написан в двух версиях: с использованием uWnd и myModal-окон
1 2 3 4 »