Nexus Notes

Очень понравилась тема “Молескин” у http://www.artemy.com.ua и, пользуясь случаем, установил себе такую же.

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

А бывает ли так, что 10лет назад сайт выглядел гораздо лучше, чем сегодня?

Вот сайт киевского института автоматизации систем в строительстве, где в 1999 я начинал свою трудовую карьеру:

Ниже сайт образца 2000 года, выполнен дизайнерами провайдера Elvisti, который в то время находился на территории института.

http://replay.web.archive.org/20001028014829/http://ndiasb.kiev.ua/

Сайт образца 2011 года, выполнен … дизайнерами института?

http://ndiasb.kiev.ua

Сайт 2000 года выглядит намного более привлекательным и свежим, не правда ли?

Чрезвычайно удобной оказалась возможность работы с несколькими сайтами на базе RoR (по факту на Rack), которую предоставляет утилита Pow.

Вкратце, если у вас достаточно много сайтов разработке, утилита предоставляет хук в DNS зону dev и позволяет обращаться к вашим сайтам по url вида http://myapp.dev , http://myapp2.dev, а также добавляет правило в фаерволе, которое заворачивает обращения к self с порта 80 на внутренний порт утилиты.

Сам Pow состоит из двух частей – DNS responder и проксирующего web server. Реализовано все счастье на Node.js.

Очень интересна реализация зоны .dev, в mac os в каталоге /etc/resolver/ добавляется файл dev такого вида:

nameserver 127.0.0.1 port 20560

что перенаправляет все обращения xxx.dev на соответствующее приложение

Утилита поддерживает работу с RVM, что позволяет упражняться с различными версиями руби.

Для поддержки в rails 2 через Pow можно воспользоваться таким хаком, создаем в корне приложениея config.ru, где прописываем

Деинсталляция также проста:

curl get.pow.cx/uninstall.sh | sh

# Rails.root/config.ru
require "./config/environment"
run ActionController::Dispatcher.new

Утилита что-то наподобие denwer для php.

Иногда попадаются прямо-таки “золотые” ссылки для веб-верстальщика, здесь я их и постараюсь собрать вместе:

http://wordmark.it – быстро подобрать шрифт для надписи из имеющихся у вас

http://lamb.cc/typograph/ – типографика, подброрка стиля и ритма текста, заголовков

http://jsfiddle.net/hCVyG/ – отладка jQuery, HTML, CSS, Javascript

http://sprites.in/ – инструмент для работы со спрайтами

http://spriteme.org/ – еще один инструмент для работы со спрайтами

http://csssprites.org/ и еще один

http://shamansir.github.com/JavaScript-Garden/ – заковыристые темы Javascript

http://kuler.adobe.com – подбор цветовой гаммы, что хорошо – можно выбрать из готовых

http://css-tricks.com/the-css-box-model/ – фантастически хорошие советы по css