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

Веб-разработка / [Из песочницы] Отображение веб-форм в разных ОС

2012-01-13 22:44:54 (читать в оригинале)

Это статья — небольшое исследование того, как рендерят браузеры стандартные веб-формы в разных операционных системах. Мы будем говорить именно о стандартных, дефолтных формах и не коснемся распространенных сейчас форм с png-подложками и сильно измененным CSS и JS.

---

Веб-разработка / Keep it simplest. Или про простые сайты

2012-01-12 15:08:29 (читать в оригинале)

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

Очевидным вариантом было бы набросать основную разметку, определить doctype и оставить браузерам работу по стилизации. Но это очень ленивый метод, который дает результат, вызывающий недоумение у будущего посетителя такой страницы. Хочется хотя бы базовой стилизации заголовков и ссылок, какой-то простой структуры.

Так что следующим шагом стал просмотр готовых вариантов в сети.

Поиск

Шаблоны для CMS не подходят хотя бы потому, что CMS не будет. И такие шаблоны чаще всего расчитаны на более сложные сайты. И они не будут радовать посетителей с мобильными устройствами.

Хотя, сейчас появились шаблоны с адаптирующейся разметкой (responsive design), которые и вызвали у меня интерес. К сожалению, большинство найденных решений оказались платными, что не удивительно, учитывая объем работы, который проделывают их авторы.

---

Веб-разработка / Веб-приложения вытеснят нативные?

2012-01-12 14:18:00 (читать в оригинале)

Краткое содержание. В обозримом будущем сайты/веб-приложения могут вытеснить или серьезно потеснить нативные приложения.

Приложения можно будет делать независимо от App Store, Android Маркет и других на HTML/CSS/JS.

Это станет возможно благодаря многим независимым факторам:

1. Недружелюбная политика экосистем

Официально попасть на iOS можно только через App Store

Из-за политики Apple, которая обязала отчислять 30 процентов дохода и решила не делиться информацией о подписчиках, из App Store ушел The Financial Times. Ранее The Wall Street Journal прекратил продажи подписок через магазин.

Как ни крути 30% — это много, а вкупе с довольно большим количеством постоянно меняющихся ограничений, магазины приложений не самое приятное явление для разработчика.

Если бы App Store был каталогом привилегированных гарантированно проверенных, качественных и безопасных приложений наряду с другими возможностями получить программу, то оплата таких услуг была бы оправдана.

Но сейчас это единственный официальный способ для разработчиков донести свое приложение до конечного потребителя. Фактически App Store аналогичен поисковику, который индексирует приложения и делает их видимыми для пользователей. Но поисковик в отличии от App Store не берет плату за это самое индексирование.

Недаром существует неофициальный альтернативный репозиторий под iOS для несогласных — Cydia.

2. Слишком большое количество экосистем

---

Записи HTML5 Camp и еще несколько плюшек

2012-01-11 15:27:47 (читать в оригинале)

Хабы: HTML, Веб-разработка, Блог компании Microsoft



Как многие хабражители наверняка помнят, не так давно мы проводили в Санкт-Петербурге второй HTML5 Camp.

И, как вы уже могли догадаться из заголовка, записи с мероприятия выложены и доступны для просмотра на сайте конференции и techdays.ru (тут же вы найдете записи первого HTML5 Camp).
Под хабракатом запись открытия и плюшки

---

Веб-разработка / Параллельная загрузка JavaScript и CSS без блокирования парсинга страницы

2012-01-07 15:14:13 (читать в оригинале)

Известно, что следуя идеям старой школы, а именно, добавляя ссылки на JS и CSS в страницы, может обернуться большим временем загрузки страницы. Браузер отображает страницу по мере скачивания, но останавливается, если натыкается на тег script со ссылкой, до того момента, пока скрипт не будет загружен и выполнен. Сайты стали использовать всё большее количество скриптов, начальное отображение страницы занимает всё больше времени, к примеру, на этой странице, которую вы читаете, 13 скриптов, 7 из которых находятся в head'е. Ко всему прочему, некоторые браузеры по-прежнему придерживаются ограничений на одновременное количество загрузок с одного хоста.

Сразу предлагаю принять, что все JS файлы минимизированы, и передаются в сжатом виде.

Существует несколько решений, как то:
— поместить стили и скрипты прямо в страницу;
— установка аттрибутов async/defer тегу script;
— склеить все скрипты в один файл;
— помесить ссылки на скрипты в конец body;
— разместить все файлы на CDN/на разных хостах;
— свой вариант…

Эти решения работают, каждое лучше или хуже в зависимости от того, как построен сам сайт, но обладают рядом недостатков, которые я опишу ниже.
Существует интересная техника, которая решает проблему паузы перед начальным отображением страницы, а заодно добавляет некоторые удобства. Рискну предположить, что техника эта многим знакома, но тем не менее здесь я о ней упоминаний не видел.

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