Хабрахабр: Web-разработка / Блог / Захабренные Голосов: 1 Адрес блога: http://habrahabr.ru/blog/webdev/ Добавлен: 2008-06-12 19:52:21 блограйдером ZaiSL

Создание оконного интерфейса при помощи jQuery UI. Часть 2

2012-03-24 16:03:00 (читать в оригинале)

Хабы: Интерфейсы, Веб-разработка, jQuery

Первая часть .
Стоит еще раз уточнить, что статья рассчитана на пользователей только начинающих своё знакомство с библиотекой интерфейсов jQuery UI и показывает общие принципы работы с ней, а не задаёт постоянный порядок действий для каждого, а тем более, масштабного веб-проекта. Из известных проблем описываемого интерфейса – вёрстка оставляет желать лучшего.
В этой части будет показано, как назначить действия кнопкам окна и сделать окно сворачиваемым/разворачиваемым.
Результат, который должен получиться после изучения двух частей.
Читать дальше →

---

Blur JS

2012-03-23 20:39:42 (читать в оригинале)

Хабы: Веб-разработка, Веб-дизайн, jQuery

Классный jQuery плагинчик может применить blur на любой html элемент.

Работает в canvas используя алгоритм StackBlur.



www.blurjs.com/

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

---

[Arch Linux] Настраиваем связку Apache, Nginx, PHP и Percona DB

2012-03-22 23:31:12 (читать в оригинале)

Хабы: Софт, Веб-разработка, Linux

После переезда с Ubuntu на Arch появилась необходимость настроить данную связку, однако, в отличие от Ubuntu, под Arch подобного мануала всё-в-одном не нашлось. Собрав идеи с разных руководств, включая те, что были написаны под Ubuntu, и решил написать на хабр такой цельный гайд.

Сразу хочу сказать, что это базовая установка, без виртуальных хостов в количестве n-штук, просто настройка для локальной разработки.

XAMPP мне не подошёл просто по идейным соображениям.

Итак, приступим.

Предполагается, что yaourt у вас уже установлен и вы хотя бы немного умеете им пользоваться, а также настроено выполнение root-команд от своего пользователя (ставим пакет sudo, потом раскомментируем строчку "%wheel ALL=(ALL) ALL" в файле /etc/sudoers и релогинимся; при выполнении команд с sudo пароль вводим от своего пользователя, а не от root'a).

Также перед непосредственно установкой, убедитесь, что у вас подключены extra- и community-репозитории.
Для этого:

sudo nano /etc/pacman.conf

И проверяем, чтобы секции этих репозиториев выглядели аналогично.

[extra]
#SigLevel = PackageOptional
Include = /etc/pacman.d/mirrorlist
[community]
#SigLevel = PackageOptional
Include = /etc/pacman.d/mirrorlist

И синхронизируем списки пакетов.

sudo pacman -Sy

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

---

[Из песочницы] Flipboard-анимация средствами CSS3 и JavaScript

2012-03-22 20:58:19 (читать в оригинале)

Хабы: Песочница, Веб-разработка

Добрый день. Наверняка многие видели приложение для iOS под названием Flipboard. При всех его достоинствах, лично меня оно в первую очередь порадовало своими забавными анимациями перелистывания. Родилась идея реализовать нечто подобное для своего сайта исключительно на Javascript и CSS3.

В данном случае я использовал CSS3 свойство transform: rotate3d(...), которое требует поддержки аппаратного ускорения графики и адекватно работает только в Chrome 16+, поэтому все нужные свойства я ограничил префиксами -webkit-. В продакшене для пользователей с неподходящим параметрами я заменял анимацию на более простую.

Вот так выглядит готовый результат:



Живое демо

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

---

Живые сказки на базе Adobe Edge

2012-03-22 17:02:29 (читать в оригинале)

Хабы: Adobe, Веб-разработка

Всем привет. Я хочу рассказать о нашем опыте создания анимированных сказок для Apple iPad, с использованием технологий от Adobe, который воплотился в приложение «Живые сказки».

Первый опыт. Flash + Wallaby

Чуть меньше года назад мы решили отрисовать и анимировать сказку «Ячменное зернышко», чтобы опубликовать ее через Adobe DPS. Для создания мы использовали Adobe Flash + Wallaby, экспериментальную технологию перевода .fla в html5. Сейчас Wallaby стал частью грядущего Flash CS6.

Конечно, Wallaby не позволял многого. Слишком многого: никакого Action Script'а, никаких векторных изображений. В итоге мы могли анимировать только перекладкой. Однако это не самый плохой вариант, наоборот, даже интереснее было сделать что-то подобное.
Читать дальше →