Хабрахабр: коллективные

Веб-стандарты / [Ссылка] На джаваскрипте и технологиях HTML5 (Drag and Drop, localStorage, Application Cache, Canvas, CORS) создан графический редактор с загрузкою на TwitPic

Mithgol — Thu, 04 Feb 2010 13:44:29 GMT

Работающий только во браузере (без плагинов, без помощи сервера) графический редактор умеет:

*) принимать картинки, перетянутые мышою с рабочего стола или из Паутины;

*) создавать предпросмотры картинок;

*) крутить, зеркально отображать, обрезать, обесцвечивать картинки;

*) автоматически уменьшать их до 600px;

*) хранить и себя, и картинки в памяти браузера (в том числе между запусками браузера);

*) одновременно загружать несколько картинок на TwitPic, отображая индикатор процента закачки.

Веб-стандарты / [Перевод] MediaWiki могут использовать открытое видео — в wiki.mozilla.org оно задействовано

Mithgol — Tue, 02 Feb 2010 20:39:45 GMT

Умопотрясающий Джереми Орем (Jeremy Orem) написал расширение MediaWiki, дозволяющее прямое внедрение Открытого Видео (то есть — прим. пер.), и задействовал эту возможность на wiki.mozilla.org. Гляньте мою демостраницу (вы просто вбиваете обычный HTML-синтаксис в вики-разметку), а затем невозбранно используйте вики для размещения видеозаписей про Мозиллу. (Примечание: на wiki.mozilla.org действует тридцатидвухмегабайтовый предел размера закачиваемого файла.)

Веб-стандарты / HTML5, Theora и все все все… (практика)

stalkerg — Thu, 28 Jan 2010 14:24:28 GMT

Увидел здесь достаточно много статей на счёт HTML5, Theora и video тега но по большей части они крутятся вокруг теории. Недавно на моём сайте MJV-ART.ORG я открыл раздел JV-Video который является небольшим видео хостингом аля Youtube по анимешной тематике на базе HTML5/Theora. Собственно я сейчас и хочу рассказать о тех проблемах которые у меня возникли.

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

Веб-стандарты / О поддержке HTML5 видео в современных браузерах

Mad_Fish — Tue, 26 Jan 2010 13:20:34 GMT

Свершилось то, чего многие ожидали — крупнейшие видеосервисы (YouTube, Vimeo) предоставили в режиме бета-тестирования возможность воспроизводить ролики средствами HTML5. Казалось бы, всё прекрасно, и Flash-у пора уйти на заслуженный покой. Ан нет — оказалось всё не так гладко.

А разгадка одна

Веб-стандарты / [Перевод] Всплывающая подсказка с живым видео демонстрирует HTML5 video, и холст (canvas), и Ext

Mithgol — Sat, 16 Jan 2010 09:03:16 GMT

Дэвид Дэвис из Ext не просто клёво зовётся, но и делает клёвые штуки :) Последняя его блогозапись демонстрирует и объясняет слияние HTML5-элемента с поддержкою холста (

по мере того, как он создаёт всплывающую подсказку с живым видео.

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:

win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);

Весьма мило устроено.

Веб-стандарты / [Перевод] Gordon: среда исполнения Flash, реализованная на джаваскрипте

Mithgol — Wed, 13 Jan 2010 21:51:04 GMT

Вот это сюрприз! Тобиас Шнайдер (Tobias Schneider) построил среду исполнения Flash, работающую прямо во браузере. Она реализована на чистом джаваскрипте и HTML5, и все исходники являются открытыми (MIT-лицензированными), и располагаются на GitHub.

Поглядите на Gordon в действии (хостинг демонстраций осуществил Пол Айриш).

Gordon работает волшебно в последних версиях Файерфокса, Хрома и Сафари (да, и в iPhone Safari, хотя демонстрация «blue» на моём 3G идёт утомительно медленно). Чтобы установить его себе, запустите «git clone git://github.com/tobeytailor/gordon.git». Я обнаружил, что с URL «file:///» демонстрации не грузятся (в силу системы зависимостей скрипта), так что направьте ваш вебосервер на корень Gordon, а браузер направьте на demos/.

Документации ещё никакой нету, так что неясно, насколько широкой совместимостью с Flash обладает Gordon, или в каком направлении станет развиваться. Однако, по крайней мере, это мощная заявка на зрелость открытых веботехнологий.

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

Веб-стандарты / [Ссылка] Тег address

heel — Mon, 28 Dec 2009 09:46:32 GMT

Тег address появился еще с HTML3 в 1995 году и продолжает выживать, вплоть до последних версий HTML5. Просуществовав около 15-и лет, он до сих пор продолжает вводить разработчиков в некоторое замешательство. Так как же нам все таки пользоваться тегом address, в наших документах?

Веб-стандарты / Топик-фуршет по итогам конкурса WebHiTech и WHT Party в Москве

art_lomov — Tue, 15 Dec 2009 07:49:17 GMT

Ровно неделю тому назад, 8 декабря, в Москве состоялось объединенное мероприятие WHT Party, совместившее мини-конференцию сообщества разработчиков «Веб-стандарты» (ВСТ) и церемонию награждения победителей конкурса WebHiTech. К сожалению, у вашего покорного слуги дошли руки опубликовать фотоотчет с мероприятия только в минувшее воскресенье, а до «Хабра» они добрались и вовсе только что. Однако лучше поздно, чем никогда. :-) Итак, представляем вашему вниманию подробный, состоящий почти из 70 кадров, фоторепортаж с WHT Party, где, помимо собственно фотографий, вы найдете архив всех презентаций докладов, ссылку на аудиозаписи выступлений, довольно обстоятельный мой рассказ обо всем этом действе и прочие интересные штуки.

Хотелось бы поздравить победителей конкурса. Первые места в номинациях завоевали следующие проекты:

«лучшее дизайнерское решение» — «Энергосберегающие лампы LEEK»;
«лучшие потребительские качества» — «Информационный центр абитуриента ТУСУР»;
«лучшее использование технологий» — «Линчелка».

Коллеги, мне бы хотелось, чтобы этот топик не ограничивался чисто информирующей ролью. Организаторам, участникам жюри, номинантам конкурса чрезвычайно важна обратная связь — пожалуйста, оставляйте в комментариях к этому посту свою конструктивную критику, свои пожелания, замечания по правилам конкурса, по организации WHT Party, по качеству номинированных сайтов — в общем, по любым вопросам, так или иначе связанным с WebHiTech’ом. Пусть этот пост станет продолжением ~~банкета~~ фуршета, состоявшегося 8 декабря. И пусть здесь выскажутся все те, кто не сумел по тем или иным причинам лично поучаствовать в нашем мероприятии. Это поможет нам сделать WebHiTech лучше. Ну, а под хабракатом — несколько моих личных впечатлений «для затравки».

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

Веб-стандарты / Вышел в свет черновик стандарта WebGL

Mithgol — Sun, 13 Dec 2009 20:42:39 GMT

Черновик стандарта WebGL описывает свободный кросс-платформенный API, предназначенный для подключения OpenGL ES 2.0 к холсту (<canvas>) в качестве контекста, возвращаемого стандартной функцией canvas.getContext().

Публичная версия черновика была выложена 10 декабря (в четверг) на CVS сайта Khronos Рабочей группою WebGL.

Арун Ранганатан (Arun Ranganathan) выложил во блоге hacks.mozilla.org достаточно подробный вводный рассказ о том, как включить эту функцию в еженощных тестовых сборках браузера Firefox, и как обеспечить её работу на тех видюхах, которые не поддерживают OpenGL ES 2.0 сами собою. (Читатели в тамошних комментариях проявляют неимоверную радость и признаются в том, что ждут не дождутся новой версии Файерфокса.)

Владимир Вукичевич (Vladimir Vukićević) также посвятил краткую блогозапись этому событию.

Всё это является очередным шагом к появлению в Паутине такой трёхмерности, которая не потребует никаких плагинов, однако станет невозбранно поддерживать OpenGL (и, в частности, язык шейдеров GLSL ES). И эта трёхмерность будет кросс-платформенною. Браузеры, которые приуготавливаются понимать WebGL, поимённо перечислены на заглавной странице вики WebGL: это Apple WebKit, Google Chrome, Mozilla Firefox и Opera.

Практическим примером использования WebGL является джаваскриптовая библиотека X3DOM, поддерживающая использование сцен X3D внутри обычных вебостраниц.

Веб-стандарты / [Ссылка] VML, SVG, Canvas: вперед в прошлое

sunnybear — Mon, 07 Dec 2009 21:53:05 GMT

Немного переработанный доклад про VML, SVG, Canvas из Минска. Теперь чуть больше предыстории появления векторных форматах. Ожидается на WSD'2009 в Москве завтра (т.е. уже сегодня)

Веб-стандарты / [Ссылка] Уходящие вдаль титры «Звёздных Войн IV» на чистом HTML 5 и CSS

Mithgol — Mon, 07 Dec 2009 09:01:04 GMT

Очень зрелищная демонстрация, совершенно без джаваскрипта.

К сожалению, некоторые нюансы её CSS (например, animation и transform) покамест поддерживаются только Вебкитом, да и то не всяким: во блоге Ajaxian рекомендуется только Safari поверх Mac OS X 10.6.

Однако, глядя эту демонстрацию, мы смотрим на будущее стандартов Всемирной Паутины. Нет сомнения: остальные браузеры подтянутся беспременно.

Веб-стандарты / Отчёт о Web Standards Days в Минске

pepelsbey — Tue, 01 Dec 2009 17:16:44 GMT

В минувшую субботу 28 ноября в Минске прошло первое мероприятие под названием «Web Standards Days». Эта встреча открывает ряд регулярных бесплатных образовательных мероприятий, проводимых сообществом разработчиков «Веб-стандарты».

Встреча проходила в конференц-зале гостиницы Беларусь и собрала около 200 участников из заявленных 330-ти. Мы намеренно не отказывали всем желающим в том, чтобы прийти на встречу даже после завершения регистрации и превышения всех лимитов. Мы рассудили, что это не съезд ЦК КПСС, и если все 330 участников вдруг решат посетить встречу, то можно будет разместиться на приставных стульях или даже ступеньках.

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

Веб-стандарты / [Ссылка] Аудио встроенное в браузере

heel — Mon, 30 Nov 2009 09:59:00 GMT

Еще совсем недавно возможно встраивать разные типы аудио в браузер можно было только с помощью Adobe Flash и других плагинов браузера. Без всяких сомнений, Adobe Flash player явлется наиболее используемым, но большинство разработчиков и дизайнеров сходятся в мнении, что лучше избегать использования плагинов вовсе.

Хочу представить вам свой перевод статьи об одной из самых ожидаемых фишек HTML5 — тег audio.

Веб-стандарты / [Ссылка] VML, SVG, Canvas: вчера, сегодня, завтра

sunnybear — Fri, 27 Nov 2009 14:47:23 GMT

Доклад, который завтра будет в Минске на Web Standards Days. Речь пойдет об истории появления форматов VML, SVG, Canvas, их текущей поддержке, а также некоторых технологических аспектах.

Веб-стандарты / Открытая встреча сообщества в поддержку веб-стандартов 8 декабря в Москве

art_lomov — Mon, 23 Nov 2009 08:40:54 GMT

Учитывая тот факт, что в уходящем году в России не состоялось ни одной профильной конференции по веб-технологиям стороны клиента (имеются в виду, конечно же, не отдельные инициативы различных компаний, нацеленные, главным образом, на продвижение продукции этих самых компаний), скромное мероприятие под названием WHT Party имеет все шансы стать главным отраслевым мероприятием года. :-) Ну, после Web Standards Days в Минске, конечно же. Впрочем, Минск — это ведь не Россия…

Что же такое WHT Party? Это объединенное мероприятие, совмещающее в себе две части. Первая, «серьезная» часть — это открытая встреча сообщества разработчиков «Веб-стандарты» (ВСТ; чуть ранее данное сообщество было более известно как российское крыло WSG). Вторая часть, «десерт» — торжественная церемония награждения победителей конкурса WebHiTech.

ВСТ-встреча проводится в формате мини-конференции и называется открытой в том смысле, что в ней могут принять участие все желающие. Для этого нужно всего лишь оставить заявку на участие. К сожалению, количество мест ограничено: мы готовы пригласить на ВСТ-встречу 200—220 первых авторов заявок. Разумеется, как только «критический уровень» будет достигнут, регистрацию мы закроем. Однако не факт, что это случится слишком скоро. :-)

Для всех зарегистрировавшихся участников посещение любых мероприятий в рамках WHT Party (включая собственно мини-конференцию, кофе-брейки, а также церемонию награждения WebHiTech’а с фуршетом и последующим свободным общением) строго бесплатно. Зарегистрировавшись, вы можете прийти в любое время в зависимости от того, какая часть мероприятия для вас наиболее интересна.

WHT Party состоится во вторник, 8 декабря, в Москве. Программа мероприятия — под хабракатом.

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

Веб-стандарты / [Перевод] Как использовать Internet Explorer 8 для тестирования сайтов в IE6 и IE7

keysolutions — Sat, 14 Nov 2009 19:11:19 GMT

О чем-то подобном уже писал заблокированный ныне хабраюзер SelenIT. Но австралийский разработчик Elbert F. предлагает новый способ тестирования сайта «в IE6» с помощью кусочка PHP-кода.

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

Веб-стандарты / Подготовка к Web Standards Days. Первые итоги анонса

Zigzag — Sat, 07 Nov 2009 13:24:16 GMT

Подготовка к Web Standards Days уверенно идет по плану. С момента анонса прошло почти две недели. За это время было получено более 220 заявок на участие в мероприятии. Спешите зарегистрироваться в качестве участника. На сегодня осталось около 80-ти свободных мест, т.к. конференц-зал гостиницы «Беларусь» рассчитан 300 человек.

К нашему мероприятию присоединился проект hh.ru, который выступает в качестве информационного партнера. Сейчас ведутся переговоры по вопросу обеспечения участников мероприятия свободным доступом в сеть интернет с помощью Wi-Fi.

За три недели до начала мероприятия мы расширяем программу. С докладом выступит руководитель группы верстки компании HeadHunter Андрей Сумин. Тема доклада и его время в программе мероприятия будут уточнены позднее. А помимо Николая Мациевского, среди участников ожидается соавтор «Реактивных веб-сайтов» Евгений Степанищев.

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

Веб-стандарты / Web Standards Days, Минск 2009

Zigzag — Wed, 28 Oct 2009 12:36:33 GMT

Вы все еще не соблюдаете веб-стандарты? Тогда мы идем к Вам!

Первая открытая встреча объединения разработчиков «Веб-стандарты», проходившая поздней осенью 2007 года в Санкт-Петербурге, завершилась абсолютным успехом. Поэтому было принято решение о расширении географии деятельности объединения и об организации серии подобных мероприятий в России, а также на Украине и в Беларуси.

Исполняя принятое решение, объединение разработчиков «Веб-стандарты» представляет новый формат мероприятий под названием «Web Standards Days». Первая встреча состоится 28 ноября 2009 года в Минске в конференц-зале гостиницы «Беларусь» по адресу ул. Сторожевская, 15.

Главной целью первой и последующих встреч является качественное образование и обмен опытом в области веб-разработки. Подобный формат не подразумевает продвижение каких-либо отдельных коммерческих интересов и технологий — нас объединяет идея построения единого открытого веба.

Для бесплатной регистрации отправьте по адресу wst@web-standards.ru ваши имя и фамилию, а также, при желании, несколько слов о себе — будем знакомы! Кстати, количество мест ограничено — если они начнут кончаться, мы об этом предупредим.

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

Веб-стандарты / Browsera — новый инструмент тестирования сайта

kikaha — Sat, 24 Oct 2009 00:36:26 GMT

Browsera — сразу определимся что это не ещё один сервис бесплатных скриншотов. Этот сервис позволяет проводить атоматизированнное тестирование кросс-браузерности вашей вёрстки, то есть читается ваш html код, стили, скрипты — и моделируется их отрисовка в соответствии с особенностями того или иного браузера. Впрочем, сервис также генерирует скриншот для каждого браузера: будет что отослать верстальщику.

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

Веб-стандарты / [Перевод] HTML5: кэширование приложений для работы в оффлайне

KeJSaR — Fri, 09 Oct 2009 07:00:10 GMT

HTML5 представляет несколько новых возможностей для веба, в частности: многопоточный javascript (multi-threaded Javascript), кросс-документный обмен сообщениями (cross-document messaging), хранение документов в браузере (механизм localStorage). [...]

Кэширование приложений для работы в оффлайне

У всех браузеров есть своя разновидность механизма кэширования, но, по-честному, эти механизмы не всегда работают. Скажем, Вы просматриваете какой-либо сайт на своем ноутбуке и затем закрываете его. Немного спустя, Вы открываете ноутбук и нажимаете на кнопку «Назад» в браузере, надеясь увидеть предыдущую страницу, которая была открыта. Однако, если Вы уже не подключены к интернету или браузер не закэшировал страницу должным образом, Вы не сможете ее просмотреть. Вы, конечно же, кликаете на кнопку «Вперед», в надежде что загрузится хотя бы она, но и этого не происходит. И пока Вы снова не подключитесь в Интернет, Вы не сможете просмотреть эти страницы.

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