О том как мыть слонов и делать настоящие вещи
Дата публикации: 29/04/2010Собственно говоря, речь сейчас пойдет о двух книгах, которые стараются сделать жизнь удобнее. По крайней мере жизнь web-разработчика, хотя принципы изложенные в них вполне подходят и для других видов деятельности.
Первая книга называется "Как мыть слона" и написана Владом Головачевым. Со слонами какая проблема? Неизвестно с чего начать процесс мытья и как определить момент когда он уже вымыт. Эту цитату я взял из первого абзаца книги в которой данный вопрос применяется и по отношению к созданию удобных сайтов. Но что значит удобный? Это такое достаточно растяжимое понятие о котором у каждого может быть собственное мнение. Гораздо продуктивнее говорить о составляющих юзабилити, таких как время решения задачи или скорость ввода данных, например. Об этих вещах, а главное об определенных методиках и ведет разговор автор книги.
Книга издана в PDF-формате и свободно выложена на одноименном сайте для всех желающих. Книга не очень большая - чуть меньше 100 страниц в формате экранных слайдов. И при вдумчивом чтении у вас вряд ли уйдет на нее больше пары часов, но это стоит того.
Приятные изменения в iWeb
Дата публикации: 11/04/2010В пакете iLife, который поставляется вместе с каждым новым ноутбуком от Apple, наряду с такими удобными программами как iPhoto или iMovie входит также приложение iWeb. Оно представляет собой достаточно простую программу для быстрого создания сайтов на основе заданного графического шаблона. При этом вмешаться непосредственно в код странички нельзя. По сути это полностью визуальный редактор, позволяющий создавать странички как в текстовом процессоре.
Т.к. сложные сайты в iWeb создавать невозможно, то меня он особо и не интересовал, но вся штука заключается в том, что приложения, входящие в iLife глубоко интегрированы в систему. В ряде случаев это действительно удобно и позволяет очень быстро решать некоторые задачи. Скажем, просматривая фотографии в iPhotо можно выбрать те из них, которые Вам нравятся и буквально в два щелчка создать сайт-фотогалерею. Еще один щелчок и вот сайт уже опубликован в интернете.
Изначально все эти удобные возможности были глубоко интегрированы с платным сервисом MobileMe, предоставляемом Apple. Опубликовать сайт можно было только под своим аккаунтом на сайте MobileMe. Впрочем, можно было также экспортировать готовый сайт в папку, которую затем и закинуть посредством FTP на любой сайт.
XAMPP - еще один пакет для web-разработчика
Дата публикации: 04/02/2010
Достаточно давно я уже описывал пакет программ для web-разработчика в Mac OS X под названием MAMP. Он включает в себя набор программ, позволяющих эффективно разрабатывать динамические сайты с использованием Apache+PHP+MySQL. Пакет неплохой, но в бесплатной версии не позволяющий разрабатывать сложные сайты с завязкой на доменные имена. А это зачастую требуется, тем более что сейчас почти все сайты используют механизм формирования удобных URL-адресов с использованием модуля Apache mod_rewrite. Поэтому я предпринял дополнительные поиски и через некоторое время обнаружил схожий по функциональности и возможностям бесплатный набор для web-разработчика.
Пакет называется XAMPP, также включает в себя настроенные Apache+PHP+MySQL, но дополнительно в комплект входят также PERL и proFTPd. В отличие от MAMP, после некоторых настроек XAMPP позволяет локально организовать виртуальные домены и полноценно разрабатывать динамические сайты. А по интерфейсу и удобству управления он мне понравился даже больше, чем MAMP. Посредством управляющей утилиты, входящей в пакет, можно только запускать и останавливать сервера, но этого на самом деле вполне достаточно. При этом после запуска пакета из утилиты можно выйти, а сервера продолжат работать, что очень удобно.
А как ваш сайт выглядит в браузере Konqueror под Linux?
Дата публикации: 06/10/2009Проблема тестирования созданного сайта под разными браузерами все еще стоит достаточно остро. Большинство web-дизайнеров тестируют готовые сайты только в самых популярных браузерах, число которых обычно не превышает пяти. Подобное тестирование покрывает потребности 95% пользователей, но для некоторых сайтов важно провести более тщательное тестирование. Оно подразумевает под собой проверку страничек в разных операционных системах, используя разные версии одного и того же браузера, возможно также при разных разрешениях и с учетом поддержки дополнительных технологий в виде Flash или JavaScript. И чем более популярным становится сайт, тем более важным становится подобное тестирование.
Сделать в реальности все возможные тесты - задача непосильная даже большим web-студиям, т.к. во многих случаях требуется иметь специальные тестовые компьютеры - под разными операционными системами, да еще разных версий. Но выход, тем не менее, есть и называется он web-сервис browsershots! Достаточно зайти на этот сайт и ввести в адресной строке URL сайта, который необходимо протестировать.
Данный сервис является Open Source проектом и тестирование происходит на реальных компьютерах волонтеров, которые открывают ваш сайт, делают его скриншот и сохраняют его на сервере. Разумеется, все это делается автоматически, но для полного получения всех скриншотов в разных браузерах требуется время. Так что, снабдив сервис указаниями, какой именно сайт следует проверить, вам придется несколько минут подождать или зайти на сервис чуть позже. По окончании процесса вашему вниманию будут доступны все сделанные скриншоты экранов, которые вы можете либо посмотреть он-лайн, либо скачать сразу все созданные скриншоты в виде одного ZIP-архива размером в несколько мегабайт.
Среда web-разработчика под Mac OS X
Дата публикации: 15/07/2009Если Вы занимаетесь разработкой сайтов, то вам необходим некоторый набор программ, включающий в себя web-сервер и ряд сопутствующих технологий. На данный момент самый популярный набор включает в себя Apache+PHP+MySQL. Под Windows есть замечательный проект "Денвер", который поддерживает упомянутые технологии и, будучи установленным в системе, позволяет сразу приступить к созданию динамических сайтов любой сложности.
Под Маком ситуация немного другая, но потребности в web-разработке те же самые. Потратив некоторое время на поиски решения под "Mac OS X", я нашел программный комплекс "MAMP" в двух инкарнациях. Первая - самая простая и позволяет работать только с одним хостом, но для задач изучения PHP или тестирования готовых движков вполне подходящая. Вторая же инкарнация обзавелась приставкой PRO и позволяет уже полноценно работать с любым количеством локальных хостов и прочими дополнительными вкусностями.
Для экспериментов я ограничился обычной версией. Как и большинство других программ под "Mac OS X", MAMP устанавливается простым перетаскиванием дистрибутива в папку приложений. После запуска MAMP автоматически отображает диалоговое окно для запуска или остановки web-сервера.
Если же говорить о конкретных версиях, то пакет MAMP включает в себя следующие программы:
- Web-сервер Apache 2
- PHP4 / PHP5 (на выбор) с рядом библиотек (GD2, FreeType и т.п.)
- Базы данных MySQL 5.0 и SQLite
- phpMyAdmin 2.11
- SQLiteManager
Этого вполне достаточно для настройки любого сложного сайта, использующего базу данных. Кстати, все настройки MAMP хранятся непосредственно внутри подпапки программы и не затрагивают схожие компоненты, встроенные в "MAC OS X".
RSS-widget для сайта
Дата публикации: 16/12/2008Виджеты штука удобная и позволяют размещать полезные мини-программки прямо на рабочем столе. Как известно, сейчас виджеты есть под несколькими платформами. И хотя внутри они концептуально устроены одинаково, в деталях создания виджетов есть отличия.
Одной из таких платформ для запуска виджетов, является браузер "Opera", под который написано уже достаточно много различных мини-приложений. Собственно говоря, почему я заговорил именно об "Опере"? Дело в том, что я захотел создать небольшой виджет для показа RSS-канала своего блога! И в процессе поиска обнаружилось, что на сайте "Opera" есть замечательный сервис "Widgetize!", который позволяет легко создать RSS-widget для собственного сайта. Достаточно только знать полный путь к RSS-каналу.
В общем, я создал при помощи этого инструмента виджет для своего блога и кому интересно, может его установить под "Opera" или создать свой собственный RSS-виджет:
- Установить RSS-виджет, отслеживающий появление новых заметок в блоге "Cherry-Notes"
- Создать свой собственный RSS-виджет при помощи "Widgetize!"
Созданный таким образом виджет, позволяет автоматически или вручную отслеживать обновления на конкретном сайте и показывать как заголовки, так и краткие описания заметок. По умолчанию, показываются только заголовок новости, но если по нему щелкнуть, то открывается и краткое описание. Кроме того, виджет показывает общее количество еще непрочитанных новостей.
В результате генерации виджета, сервис предоставляет вам ссылку или кнопку для размещения на сайте, чтобы любой желающий мог легко загрузить и установить виджет. При генерации своего собственного виджета, можно также выбрать цвет и стиль оформления. В общем же и целом, штучка очень приятная!
Расширение "Web-developer" для FireFox
Дата публикации: 07/10/2008При создании сайтов по стандартам, т.е. с использованием XHTML+CSS2, очень удобны инструменты, которые позволяют просматривать и изучать структуру документа, включая параметры стилей. Во многих браузерах такая возможность изначально отсутствует, хотя с FireFox одно время поставлялся встроенный инструмент для просмотра DOM (объектной модели документа). Восполнить данный недостаток можно при помощи расширений (они же Add-ons). У меня в качестве такого очень удобного дополнения уже давно стоит расширение "Web-developer".
Оно написано для FireFox и в нем же должно устанавливаться. Расширение доступно как на сайте разработчика, так и в библиотеке расширений FireFox:
Брать расширение лучше всего с сайта разработчика - там кроме оригинальной английской версии доступна и интернациональная. Последняя отличается тем, что при установке Вы можете выбрать язык интерфейса, и, в частности, русский.
Из наиболее удобных возможностей, которыми я часто пользуюсь, можно отметить быстрое отключение/включение стилей (Ctrl-S) и проверка текущей странички на соответствие стандартам (Ctrl-A). Этим возможности "Web-developer", конечно, не ограничиваются - их там очень много, начиная от просмотра сохраненных "сookies" и отключением всей графики на сайте и заканчивая редактированием таблицы стилей на лету и автозаполнением форм при отладке. Также очень удобна подсветка слоев или других блочных элементов в верстке.