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

Новые аттачи в Яндекс.Почте

2012-10-09 12:06:04 (читать в оригинале)

Мы стремимся к тому, чтобы все части Яндекс.Почты одинаково хорошо работали у всех пользователей. Сегодня мы расскажем вам о том, как и зачем полностью переписали блок добавления аттачей. В этой статье — про отказ от флеша, поддержку возможностей современных браузеров и, как результат, увеличение скорости и надёжности загрузки файлов.

Проблема

Раньше всю аудиторию Яндекс.Почты мы разделяли на пользователей с флешем и без.

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

А вот с пользователями без флеша (8-10% от дневной аудитории) было сложнее. Мы предлагали им загружать файлы через обычную форму с <input type="file"/>. Файлы из неё отправлялись через iframe вместе с содержимым самого письма, и это занимало много времени. Нажав кнопку «Отправить», пользователь долго ждал, пока загрузятся файлы.
Читать дальше →

---

Удивительно простой, но красивый CSS-эффект

2012-10-09 11:26:25 (читать в оригинале)

Наткнулся на очень простой в реализации, но интересный rollover-эффект для кнопок на CSS. Автор — некий японец ksk1015.



Демонстрация эффекта и процесс написания. Читать дальше →

---

[recovery mode] CSS Conditional Rules

2012-10-09 08:04:22 (читать в оригинале)

CSS Conditional Rules, как следует из названия, являются условными конструкциями, которые можно применять в самом CSS. Они реализуют проверку поддержки свойств текущим браузером с возможностью группировать условные выражения с помощью логических операторов and, or и not. В этом посте хотелось бы рассказать, кроме прочего, о синтаксисе этого модуля CSS3 и текущей поддержке его браузерами.
Читать дальше →

---

Apple, Facebook, Google, Microsoft запускают ВебПлатформу

2012-10-08 23:47:50 (читать в оригинале)

Apple, Adobe, Facebook, Google, HP, Microsoft, Mozilla, Nokia, и Opera присоединились к консорциуму W3C для запуска нового сайта, названного ВебПлатформой:

www1.webplatform.org

Новый сайт будет играть роль площадки, аккумулирующей информацию о самых последних стандартах в Web из первых рук.

Уже сейчас там можно найти кое-что полезное — а именно, форум в стиле StackOverflow (есть надежда, что там можно будет получить ответ от спецов из перечисленных выше компаний):

talk.webplatform.org/forums

А также уютный чатик (вcпомним молодость):

talk.webplatform.org/chat

Самой главной неожиданностью оказался не сам факт появления ВебПлатформы, а список компаний, обьединившихся под одним флагом (сплошные конкуренты!).

---

Пишем сложное приложение на knockoutjs

2012-10-08 14:40:33 (читать в оригинале)

Есть такая библиотека knockout.js. Она отличается от прочих хорошим туториалом для начинающих и кучей понятных рабочих примеров. Еще там стройная MVVM модель, декларативные связи и так далее.

Короче, если вы, как и я, поиграли с этой библиотекой, понаписали красивых формочек, и вам это понравилось, то все это дело захотелось применить на реальном проекте. И тут проблема — в реальном проекте формочек больше чем одна. А раз такие инструменты, то хочется single web page application и никак иначе. А делать один контроллер и все темплейты заверстывать на одну страницу тоже тупо и тормозно.

Под катом приведу основу своего сложного приложения. Само оно совсем не сложное, но модульное и допускает расширения, а темплейты и модели подгружаются динамически. Идея была подсмотрена в этой презентации — http://www.knockmeout.net/2012/08/thatconference-2012-session.html, код презентации выложен на github — https://github.com/rniemeyer/SamplePresentation — на базе этого кода будем писать свой. Читать дальше →