Клонируем интерфейс iGoogle

Нашел вчера интересный тюториал, написанный неким James Padolsey, о том как можно клонировать функционал интерфейса iGoogle. Я имею в виду плавающие окошки виджетов, которые можно срыть, закрыть, поменять их цвет и тому подобное.

Тюториал довольно интересный и простой. Использует JQuery в качестве JavaScript Framework.

Была в нем, изначально, одна проблема, что он не мог сохранять изменения. То-есть, после каждого обновления страницы, все настройки полностью терялись.

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

Пример можно посмотреть здесь.

Скачать: inettuts.zip (49,35 kb)

Дата 27.11.2008 Тэги ,
Комментарии (15)

На что мы тратим время в современном веб-дизайне

Дата 05.10.2008 Тэги , , , ,
Комментарии

Подсветка исходного кода - новая версия

Вчера вышла новая версия моего модуля, который подсвечивает исходный код C#, VB.NET, HTML/XML/ASPX, JavaScript и SQL.

Если Вы хотите вставить кусок исходного кода в новую запись или комментарий к записи на Хабре, Source Code Highlighter подсветит Ваш код.

Есть поддержка нумерации строк и вставки переноса строк, если вы отметили "Отключить автоматические переносы строк и создание ссылок" при написании поста.

В новой версии:

  • Исправлена нумерация строк кода. Теперь можно выделять исходный код без нумерации.
  • Добавлена кнопка для быстрого копирования форматированного кода в буфер обмена - "Copy formated code to clipboard".
  • Добавлена возможность сохранять оригинальные отступы (по просьбе dunkan_macleod) - "Preserve Original Padding".
  • Добавлена поддержка нормальных кавычек. ("")

Читать дальше...

Дата 23.09.2008 Тэги , ,
Комментарии (5)

Подсветка исходного кода

Переписал и изменил на досуге небольшой модуль, который подсвечивает исходный код написанный на C#, VB.NET, HTML/XML/ASPX, JavaScript и SQL.

Есть поддержка нумерации строк и вставки переноса строк, если вы отметили "Отключить автоформатирование" при написании поста.

Вот пример подсвеченного исходного кода который выдает этот модуль:

Читать дальше...

Дата 01.07.2008 Тэги , ,
Комментарии (26)

 

Последние комментарии

Мои Фотографии