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

Веб-разработка / [Перевод] Анонсирован язык Opa: Сделаем Веб-разработку прозрачной

2011-08-26 04:52:29 (читать в оригинале)

Был публично анонсирован новый язык программирования с открытым исходным кодом Opa (Опа), созданный с целью сделать веб-разработку прозрачной. Opa автоматически генерирует клиентский Javascript и осуществляет коммуникацию и контроль сессии. Конечной целью данного проекта является возможность написания распределенных веб-приложений с помощью одного языка программирования для логики приложения, запросов к базе данных и пользовательских интерфейсов. Среди существующих приложений, уже разработанных на Opa, есть те, на которые стоит посмотреть. Для начала посетите домашнюю страницу проекта, которая содержит обширную документацию, код проекта находится на GitHub. Конкурс разработки на Opa завершается 17-го октября.

---

Веб-разработка / [Из песочницы] Разработка для Pokki: Hello World

2011-08-25 19:08:09 (читать в оригинале)

Не так давно была запущена в бета-режиме платформа Pokki, позволяющая разрабатывать десктопные приложения с помощью HTML5 и JavaScript (обзор здесь). В этой статье мы будем разрабатывать свое первое приложение.

---

Веб-разработка / [Перевод] Улучшаем производительность HTML5 canvas

2011-08-24 22:08:05 (читать в оригинале)

В последнее время мне везет натыкаться на интересные статьи для перевода. На этот раз – статья на HTML5Rocks о производительности HTML5 canvas. Автор пишет о некоей стене, в которую упираются разработчики при создании приложений. Какое-то время назад в нее уперся и я при портировании старой-доброй игры на canvas.

К сожалению, графики в оригинале вставлены через iframe. Я мог бы сделать снимки и разместить их изображения, но сам автор позиционирует графики актуальными и такими, которые будут обновляться, потому я просто разместил на них ссылки. Приятного чтения!

1. Вступление
2. Тестирование производительности
3. Предварительно отрисовывайте в виртуальный canvas
4. Группируйте вызовы
5. Избегайте ненужных изменений состояния
6. Отрисовывайте только разницу, а не весь холст
7. Используйте многослойных canvas для сложных сцен
8. Избегайте shadowBlur
9. Различные способы очистить экран
10. Избегайте нецелых координат
11. Оптимизируйте анимации с помощью 'requestAnimationFrame'
12. Большинство мобильных реализаций canvas – медленные
13. Заключение
14. Ссылки

Вступление

HTML5 canvas, который начинался, как эксперимент компании Apple, – наиболее широко распространенный стандарт для 2D режима непосредственной графики в интернет. Многие разработчики использую его в широком круге мультимедиа проектов, визуализаций и игр. Как бы то ни было, с ростом сложности приложений, разработчики нечаянно натыкаются на стену производительности.

---

Веб-разработка / [Перевод] Расширение Orchard CMS: создание модулей

2011-08-24 09:47:56 (читать в оригинале)

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

• Как создать свой сайт с нуля с помощью Orchard CMS. Часть 1. Введение в Orchard CMS
• Как создать свой сайт с нуля с помощью Orchard CMS. Часть 1. Введение в Orchard CMS (cont)
• Архитектура Orchard CMS. Основные понятия
• Архитектура Orchard CMS. Основные понятия. Концепции компоновки (cont)
• Архитектура Orchard CMS. Основные понятия. Концепции безопасности и разработки (cont 2)
• Расширение Orchard CMS: создание контентных типов
• Расширение Orchard CMS: создание виджетов

В этой статье речь пойдет о расширении сайта на базе Orchard CMS через создание модулей, которые могут быть повторно использованы на других сайтах Orchard.

---

Веб-разработка / [Перевод] Установка размеров с помощью единиц vw и vh

2011-08-23 00:17:05 (читать в оригинале)

В CSS3 появились новые единицы измерения. (Я, кажется, уже говорил об этом.^eng) Вы уже слышали о px, pt, em и новых rem. Давайте рассмотри еще несколько: vw и vh.