Две божественные утилиты для создания скриншотов веб-страниц

web page to image render
command line tools

Crossplatform, webkit based CutyCapt

MS-specific, IE based IECapt

IE9

Поставил Internet Explorer 9. Вкратце - работает очень быстро, пользоваться удобно. Можно теперь не залпать на Хром

PS - зависания view source исправили, IE9 с RoboForm 7 не тормозит при просмотре исходников

Дело о тормозящем Internet Explorer 8

Перелез с IE8 на Хром и Мозиллу. Точнее, не совсем перелез, а низвел браузер из статуса "запускаю для просмотра любого сайта" в статус "открываю, только когда в FireFox и Chrome не работает". Реально задрал.

Две основных претензии:

* Крайне медленно запускается. Хром в этом смысле потрясающе продуман - он запускается очень быстро. Я запускаю браузер сотни раз на дню (не мой стиль держать открытыми множество закладок, да и оперативки у меня впритык). Браузер, который запускается за 2-3 секунды явно доставляет мне больше радости, чем суперуниверсальные мегатормоза.

* Невозможно пользоваться функцией view source. Просмотровщик HTML на сложных страницах открывается больше минуты. Чем, вы думаете он занимается? Он раскрашивает теги...

Update 29.09.09: Тормозит связка html source viewer - RoboForm. Робоформ мне нужен, поэтому пока перешел на view source via Notepad ++

Update 2:

Команда RoboForm подтвердила наличие проблемы, аргументируя тем, что робоформ очень тесно связан с рендерингом html, а view source на самом деле рендерит служебный html. Рекомендация RF -- откатиться до IE7, но я вместо этого заменил стандартный просмотровщик на Notepad++

Update 3:

Поставил себе Chromium с включенной поддержкой RoboForm (да! они это сделали!). Тем самым будем слезать с Мозиллы потихонечку :-)

Совершенный дизайн

Набрел на сайт http://kstatida.ru/.
Сайт, кроме общей приятности, обладает совершенным дизайном.

Совершенным.

Atlas, Capuccino, Objective J

http://280atlas.com/

Интересный фреймворк, интересное видео. Для мако-любителей, которые хотят писать на Objective C под веб (в свое время я был очарован букально Obj C - очень красивый язвык, и фреймворки там красивые и приятные). 

Capuccino Framework использует Objective-J (http://cappuccino.org/learn/)

Потенциал в этой штуке чувствуется. Пожелаем ребятам удачи :)

Пишите usage для ваших веб-страниц

Часто возникает задача - есть исходник веб-страницы (которую писали черт-те когда), нужно понять, какие параметры она принимает. Чтобы не рыться в исходниках, я для себя давно уже сформировал простое правило - надо в коментариях к странице (классу страницы) описывать все параметры, которые она принимает. Например, так:

///

/// usage:
EditDistributionEmail.aspx?iid=INSTANCE_ID[&back=ENCODED_BACK_URL]
///

public partial class EditDistributionEmail :
System.Web.UI.Page
{
...

С точки зрения программиста, веб-страница ничем не отличается от статической функции - принимает некоторый набор параметров (HTTP Request) и возвращает некоторые значения (HTTP Response).

А следовательно, и документировать ее надо как функциою - описывать параметры и return value (последнее для фанатов, конечно :). Хотя, если страница может менять какие-то глобальные cookies, это желательно в документации тоже указать.

КЛАДР as a Service

Чудесно, что нашелся человек, который сделал REST версию справочника КЛАДР

http://gazdovsky.blogspot.com/2008/08/blog-post.html

Полезное

Как реюзать master pages и user controls между веб-проектами

Всегда думал, что нереально использовать в ASP.NETовском проекте UserControl, созданный и "живущий" в другом проекте.

Однако я был неправ - вот здесь -

http://blogs.msdn.com/webdevtools/archive/2006/08/15/701642.aspx

- описывается, как это сделать без особенных даже сложностей.

Основная идея - создается корневой веб-проект, для которого на уровне IIS заводится web application, а под-проекты не имеют своего IIS-приложения и живут исключительно как виртуальные папки.

Есть только пара ограничений - вы не сможете использовать Dev Web Server для отладки (нужно будет конфигурить IIS) и это должны быть проекты типа Web Application Project (не вебсайты).

ну и по разным app pool-ам подпроекты в таком виде уже не раскидаешь....


А так - способ, который явно работает.

Полезная утилита

Тестирование скорости загрузки страниц + советы по оптимизации.
http://webo.sunnybear.ru/

CSS для новичков - позиционирование

Нашел наконец идеальную шпаргалку про позиционирование в CSS - "Позиционирование за 10 шагов" http://www.barelyfitz.com/screencast/html-training/css/positioning/.

А по поскольку задачи по HTML верстке всплывают редко, все время забываю все эти премудрости.

MVC Framework для ASP.NET

Чтобы не забылось - рассказ на час про Model-View-Controller Framework, который делают для ASP.NET и VS. Обещают в этом году первую бету.

http://www.hanselman.com/blog/ScottGuMVCPresentationAndScottHaScreencastFromALTNETConference.aspx

Web 3.0

Web 3.0 definition @ Wikipedia

Script#

НЕ МОГУ ПОВЕРИТЬ

существует компилятор C# -> JavaScript

http://www.nikhilk.net/ScriptSharpIntro.aspx

Это может быть убийцей Google Web Toolkit :-)

Скачал, засел разбираться...

UPD: http://code.google.com/p/extsharp/ - C# programming for ExtJS

Утилиты для отладки веб-приложений

Как и всякий веб-разработчик, я нередко нуждаюсь в утилите, которая покажет мне трафик между веб-сервером и браузером. Особенно это важно, если разрабатываешь AJAX-приложение, а оно работает неправильно. Ну и бывает, нужно посмотреть, как работают приложения других разработчиков :-)

Раньше, я использовал Proximitron. Это приложение Windows, которое изначально предназначно для фильтрации всякого рода рекламы, pop-up-ов и проч. Ну и заодно, показывает HTTP трафик.

Но Proximitron давно не обновлялся, да и настраивать каждый раз параметры proxy в браузере мне было очень лениво, и я стал искать замену...

Devolutions.HTTPSpy

Почти сразу я нашел очень прекрасный и совершенно бесплатный (есть и pro-версия за $50) Devolutions.HTTPSpy.Net, который показывал мне HTTP трафик между локальной машиной и удаленным сервером.

Правда, у HTTPSpy есть один большой минус - он не умеет показывать локальный трафик. То есть, если я отлаживаю свое приложение локально - толку от него нет. И я стал искать дальше...

IEAnalyzer

Поиск выдал довольно коммерческих продуктов, которые встраиваются в браузер и умеют показывать локальный трафик. Одним из низ был довольно удобный HTTPAnalyzer, который сделали те же ребята, что и IEInspector. Скачал, поставил месячный evaluataion, все в нем понравилось, только 130 долларов платить было жалко.

Nikhil Kothari's Web Development Helper

И вот - о чудо! В книге Dino Esposito про ASP.NET AJAX я наткнулся на упоминание утилиты, которую написал один из разработчиков Atlas - Web Development Helper. Бесплатный и все умеет. Работает как плагин для Internet Explorer. Умеет, кроме трафика, показывать еще всякие другие полезности:

* Показывает ASP.NET ViewState

* Atlas JavaScript Class Browser

* DOM Browser

Очень рекомендую

Ссылка на статью, посвященную WDH: http://www.nikhilk.net/WebDevHelperDebuggingTools.aspx

Скачать: http://projects.nikhilk.net/Projects/WebDevHelper.aspx

IE Development Toolbar

Ну и напоследок, IE Development Toolbar от Microsoft. Тоже незаменимая штука. Посмотреть описание и скачать.

UPD 22 aug:

* Fiddler (free): http://www.fiddler2.com/fiddler2/

* HttpWatch ($200+): http://www.httpwatch.com/

UPD 19 jan 09

* еще можно пользоваться сниффером (http sniffer) - WireShark  (бывший Ethereal)