Записи с тегом «web»

Инструменты

, dev · software · web

Проджект менеджмент на работе — trello.com.
Проджект менеджмент для домашних проектов — hackpad.com.
Группые, приватные, 1-на-1 чаты на работе — hipchat.com.
Система контроля версий — mercurial.
Хостинг репозиториев для домашних проектов — bitbucket.org.
IDE — ReSharper и PyCharm.
Текстовый редактор — SciTe.
Текучие дела и туду для дома — Google Keep.
Читалка фидов — self hosted Tiny Tiny RSS + его же Andriod-приложение.
Веб-закладки — thinkery.

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

Генераторы статических сайтов и блогов

, python · software · web

В последнее время набирают популярность генераторы статических сайтов и блогов. Тема действительно интересная и правильная: большинству сайтов не нужно генерировать страницы при каждом запросе, делая запросы к базе данных, читая и разбирая шаблоны. Такие сайты можно генерировать на машине разработчика и выкладывать (вылаживать?) на хостинг уже готовые html-файлы. А комментарии живут с помощью IntenseDebate, Disqus, Hypercomments или других (их много).

Некоторые их них я пощупал, на hyde даже сделал простой сайтец. Итак:

На Python

  • оригинальный hyde 0.5.3 - хороший, внутри немного Джанги (шаблоны и settings), не развивается;
  • a brand new hyde - сильно переписанный заново, избавились от Джанги, шаблоны на jinja2, плохо документирован;
  • Blogofile - ничего о нём сказать не могу, но популярный;
  • Pelican - попроще Blogofile, некоторын моменты документированы плохо, вцелом - ок;
  • дедушка Pyblosxom - самый старинный проект (начат в 2004 году), ничего про него сказать не могу;
  • Nikola - продвинутый, хорошо документированный;
  • Acrylamid - простой, хорошо документирован;
  • Logr - похоже самый простой из всех;
  • Cactus - внутри работает на Джанге, плохо документирован.

На Ruby

  • jekyll - вроде он сейчас король королей, ещё и потому, что на нём работают Github Pages;
  • octopress - построен на jekyll, содержит внутри готовый, красивый, валидный шаблон, есть много сторонних тем.

На Node.js

UPD 2012-04-04: добавлен DocPad
(будет обновляться)

Сайт «Люди с неба»

, done · python · web

Сделал сайт для концертного, рекламного, событийного агенства «Люди с неба».
ludi-z-neba.com

Люди с неба

Весь сайт это набор статических html файлов, сгенерированных с помощью питоньего hyde — генератора статических сайтов, аналога jekyll, который на руби. Внутри проект — это набор джанговских шаблонов и страничек с контентом, которые в эти шаблоны заворачиваются. Плюс статика и инструментарий для её оптимизации: yui-compressor, jsmin и остальное на ваш вкус.

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

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

Итоги 2011-го

, music · web

В 2011-м году я послушал очень много самой разной музыки. Прежде всего благодаря сервису zvooq.ru — спасибо ему большое. В свою фонотеку я добавил более двадцати альбомов:

music library

В этом году я расслушал и ещё полюбил инди-рок и фолк-рок. Понравились альбомы «Bon Iver» и «For Emma, Forever Ago» товарища Bon Iver, «Early In the Morning» James Vincent Mcmorrow, «Every Kingdom» Ben Howard и товарищ Ray LaMontagne. Прям такая мызука, которую я долго искал.

Нашёл немного электронной музыки, которую я могу слушать. Например, Fred Falke и Long Arm.

Открытием года обявляется Bon Iver, альбомом года — «For Emma, Forever Ago», песней года — «Глубоко» квартета Котов, Старостин, Волков, Федоров.

Вообще год получился хороший, многообещающий.
Всех с наступающим Новым годом! Будьте здоровы!

Страница ресторана «Сан Ремо»

, done · web

Сделал страницу для ресторана «Сан Ремо».

sanremo.dp.ua

ресторан «Сан Ремо»

Технологии: html, css, nginx :)

Домовед

, done · web

Группой товарищей задумали и выпустили сервис для поиска объявлений недвижимости без посредников. Имя ему — Домовед.

Домовед

Ядро сервиса — зоопарк роботов, которые собирают объявления с сайтов о недвижимости. Скурпулёзный статистическо-имперический анализ позволяет находить объявления посредников и объявления от живых людей. Поиск по найденным объявлениям облегчается картой. Все найденные посредники помещаются на специальную страницу. Пока сервис работает только для Днепропетровска.

На сервере работает nginx и django, в браузере помогает jquery.

Итоги 2010-го

, music · web

В 2010-ом году из того, что я послушал, мне понравилось: Crookram / Through Windows, Metric / Fantasies, Berry Weight / Music for Imaginary Movies, весь John Mayer, Мегаполис / Супертанго, Tony Joe White.

Наборчик, как видите, так себе. Суперпотрясаещего не было.

В технологическом плане много нового случилось. Я стал jquery-ниндзей, сделал парочку проектов на tornado, todocamp.com сильно подрос благодаря Chrome Web Store, здорово обновил аккорды для гитары, сделал несколько маленьких сайтов, запустили Пивовед. На работе конечно сделали много прикольных штук.

В общем, с праздниками всех! Счастливого нового года!

Тудукэмп

, done · web

Настало время сделать публичный релиз моего проекта. TodoCamp — это сервис, который поможет вам вести списки дел. Просто записывайте «туду», группируйте их в списки и делайте отметки об их выполнении.

Первые версии сервиса работали уже полтора года назад. Я решил сделать себе велосипед для ведения дел и написал простой сервис. За это время работы сервис заметно похорошел, получил много приятных фич и доказал свою жизнеспособность и полезность.

Скриншот

todocamp.com

Возможности

  • дела («туду») организованные в списки;
  • простой и быстрый интерфейс;
  • сортировка туду и списков простым перетаскиванием (драг-н-дроп);
  • клавиатурные сокращения;
  • печать списков туду;
  • посылка списка туду на почту;
  • быстрые сообщения в твиттер и напоминания в гугл-календарь;
  • вход с помощью фейсбук и гугл аккаунтов.

Запланированное

  • мобильная версия;
  • групповая работа над списками (и получится простое управление проектами);
  • интеграция с соцсетями.

Единственный недостаток сервиса — очень плохая дружба с интернет эксплорерами. Но я уже работаю над этим.

Внутри всё просто. На сервере: django, django_openid_auth, registration, south. Сервер баз данных — mysql. На клиенте: jquery плюс несколько расширений. Проект живет в git-репозитории.

Втсречайте, заходите, пользуйтесь — todocamp.com.

Сайт intermova.dp.ua

, done · web

Сделал сайт для цикла тренингов по новой уникальной методике овладения иностранными языками.
intermova.dp.ua

OPAL

На сервере работает nginx и django, в браузере помогает jquery.

Сайт pena.dp.ua

, done · web

Сделал промо-сайт для компании, которая занимается проведением пенных вечеринок и арендой, продажей, обслуживанием пеногенераторов.
pena.dp.ua

пеногенераторы

На сервере работает nginx, в браузере помогает jquery.

Пивовед

, beer · done · web

Бывает, хочется пива. Бывает хочется хорошего пива. Темного, густого. Или лёгкого, вкусного.

Бывает, пиво хочется прилично закусить. Рыбкой там, мясцом или колбаской…

И вот, что бы не испортить настроение и правильный запал, что бы не бегать по кабакам и искать, где же нальют того самого, любимого, правильного тёмного пива — заходишь к Пивоведу.

А Пивовед знает все сорта правильного пива. Пивовед помнит все злачные и гламурные пивбары.

пивовед

Встречайте — сайт Пивовед: где в Днепропетровске наливают хорошее пиво?

Сайт polosmak.com

, design · django · done · web

Сделал сайт свадебных фотографов Анны и Александра Полосмак — polosmak.com

сайт polosmak.com

Работает сайт на Django, фотографии хостятся на Google Picasa Web Albums, в браузере помогает JQuery.

Сайт концерт-холла «ТаймАут»

, design · django · done · google · web

Сделал вторую версию сайта концерт-холла «ТаймАут»timeout.dp.ua.
Первая версия выглядела как-то так.
Вторая выглядит так:

сайт ТаймАута

Работает сайт на Django, альбомы и фотографии хостятся на Google Picasa Web Albums, комментирование при помощи JS-Kit Comments, в браузере помогает JQuery.

Markdown синтаксис по-русски

, python · web

Markdown - это легковесный язык разметки текста для веба. Был создан для удобства чтения и написания размеченных текстов. Движок markdown генерирует валидный XHTML. Авторы - John Gruber и Aaron Swartz. Официальная страница проекта и более подробная документация на сайте Daring Fireball.

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

Блочные Элементы

Параграфы

<пустая строка>
Текст параграфа. Может быть
разбит на несколько строк.
<пустая строка>

Переводы строк

Что бы вставить перевод строки без начала нового параграфа, в конец нужно добавить два или больше пробелов.

Текст параграфа.<пробел><пробел>
Этот текст будет с новой строки.

Заголовки

Заголовок первого уровня H1
===========================


Заголовок второго уровня H2
---------------------------

или так

# Заголовок первого уровня H1
## Заголовок второго уровня H2
###### Заголовок шестого уровня H6

или так

# Заголовок первого уровня H1 #
## Заголовок второго уровня H2 ##
###### Заголовок шестого уровня H6 ######

Цитаты

> Это
> многострочная
> цитата

или так

> Это
многострочная
цитата

Списки

Ненумерованные:

* красный
* зеленый
* синий

или так

- красный
- зеленый
- синий

или даже так

+ красный
+ зеленый
+ синий

Нумерованные:

1. Первый
2. Второй
3. Третий

Код

Отступ в четыре пробела или один таб генерирует блок кода:

<пробел><пробел><пробел><пробел>print 'Hello, World!'

Горизонтальная линия

* * *

или так:

***

или так:

------

Строчные элементы

Ссылки

Инлайн ссылки

Это простая [ссылка](http://rukeba.com/) в тексте.
Это [ссылка](http://rukeba.com/ "Титул") с аттрибутом title.

Ссылки в справочном стиле

Это [ссылка][1] в справочном стиле.
...
...
[1]: http://rukeba.com/ "Необязательный титул"

Что бы урл в тексте стал ссылкой его нужно обрамить в < и >

По урлу <http://rukeba.com/> находится мой сайт.

Выделение

Одинарные звездочки генерируют тег <em>

это \*выделенный\* текст

Двойные звёздочки генерируют тег <strong>

это \*\*очень выделенный\*\* текст

Код в строке

Используйте функцию `printf()` для вывода.

Изображения

![alt-текст](http://example.com/image.jpg "Необязательный титул")

или в справочном стиле:

![alt-текст][2]
...
...
[2]: http://example.com/image.jpg "Необязательный титул"

Дополнительно

Экранирование

Для экранирования служебных символов маркдауна нужно использовать обратный слеш \

Сделал определитель аппликатур гитарных аккордов

, chords · done · music · web

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

И вот встречайте - Гитарные аккорды.
Никаких изображений, никаких лишних запросов к серверу. Все аккорды уже на странице. Выбирайте нужный. Работают ссылки с аккордами вида guitar-chords-chart.net/#Cm7.

Правда, это бета. Номера пальцев пока не отображаются. И аккорды конечно не все. В старых браузерах возможно будет отображаться ерунда какая-нибудь. Надеюсь, у меня хватит времени сделать всё до конца.

Пользуйтесь на здоровье. Отзывы и критика принимаются в гуглоплюсе или в комментариях.

Подсветка синтаксиса Apache

, apache · done · web

Появилась у меня необходимость на страницах блога HeliconTech синтаксически подсвечивать конфигурационные файлы Apache (httpd.conf и .htaccess). Первым делом я пошёл на сайт Ивана Сагалаева, но оказалось, что его замечательный highlight.js подсвечивать конфигурацию Apache не умеет. Но также выяснилось, что написать новую подсветку синтаксиса довольно просто. С сайта документации Apache я получил html-страницу, на которой были все (*почти все :) его директивы. После некоторого шаманства с регулярными выражениями из этого html-файла я получил список всех директив Apache в простом текстовом файле. Дальше, немного потрудившись, получилось и само описание синтаксиса.

Скачать highlight-apache.zip Пример работы

Для использования распакуйте архив на сайте и в html-документах внутри тега head необходимо добавить:

<link rel="stylesheet" href="apache.css">
<script src='highlight.js'></script>
<script src='apache.js'></script>
<script>hljs.initHighlightingOnLoad();</script>

Не забудьте поправить пути к файлам.

Подсветка работает. И я радуюсь.

2009-01-03 UPDATE: Иван Сагалаев добавил подсветку apache в проект highlight.js!

2009-01-04 UPDATE: сделал новый стиль - Magula. Тоже уже принят в основной бранч.

Дизайн для блога HeliconTech

, design · done · web

Сделал дизайн для блога HeliconTech — helicontech.blogspot.com.
Дизайн простой и лёгкий, в стилистике головного сайта.

HeliconTech Blog

P.S.
Наконец-то я присел на твиттер — follow me on twitter.com/rukeba.
А самая лучшая соцсеть — френдфид!

CSS Reset

, design · howto · web

Все, кто пытался сделать нетривиальную html-страницу, которая будет отображаться более чем в одном браузере, знают о проблемах совместимости (а точнее несовместимости :) между ними. Об этом уже очень много написано. Самое первое лекарство, которое применяю я – Css Reset. Файл стилей сайта я всегда начинаю так:

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
    pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

Эти строки сбрасывают стили html-элементов для всех браузеров. А после я определяю стили как мне нужно. Сейчас доступна уже 3я версия этой фичи, но меня вполне устраивает и та, которая уже есть.

CSS Reset - часть большого проекта Yahoo User Interface, в которой есть ещё много интересных возможностей.

CSS Reset облегчает мне вёрстку, и я радуюсь!

Комментирование с помощью JS-Kit

, web

Месяц назад я обновил свой блогодвижок до Django 1.0. Прежние FreeComments работать перестали, а сделать комментирование по-новому руки всё не доходили. А вчера я вспомнил о замечательном проекте JS-Kit Comments. Идея до гениальности проста и удобна – вставляете в html код

<div class="js-kit-comments" permalink=""></div>
<script src="http://js-kit.com/comments.js"></script>

и всё - комментарии рисуются, постятся, модерируются. Хранятся - на серверах JS-Kit. Стилями подгоняете под свой дизайн. Есть rss-лента для комментариев каждой странички. Недостаток в том, что комментарии не индексируются, но для меня это не очень важно (ресурс не очень комментируемый :). Всё бесплатно, естественно.

Красота. Я радуюсь.

Переехал на nginx

, nginx · web

Перевёл все свои сайты на веб-сервер nginx. Памяти он кушает ощутимо меньше апача, по настройкам не уступает, отклик стал быстрее по ощущениям и по простым замерам. Джанго-сайты стали работать через fastcgi, что тоже приятно.

А, и ещё. Движок для этого блога и Спелых Абрикос - то, что лежит на гуглокоде. Бета ожидается.

Helicon Ape beta is out!

, apache · done · iis · web

Helicon Ape - это революционный модуль для IIS, который эмулирует Apache-окружение: конфигурационную модель (httpd.conf + .htaccess`ы) и наиболее востребованные модули. Самые вкусные из них: mod_rewrite, mod_proxy, модули для basic-, digest- и хост-авторизации.

Модуль написан на .NET для IIS 7. С некоторыми ограничениями работает и на IIS 6 как ASP.NET модуль.

Качайте, пробуйте и радуйтесь!

Django 1.0 released!

, django · web

Последние три дня в инете какая-то истерия по поводу выхода браузера Google Chrome. Тысячи статей и отзывов написно, найдены уже баги и проблемы с безопасностью. Но на мой взгляд самая главная новость начала осени – это релиз замечательного фреймворка Django. Три года разработки, 350 000 строк кода, 4000 коммитов, 2000 багфиксов! Всех поздравляю! Ура!

Сайт borowski.dp.ua

, design · done · web

Редизайн сайта www.helicontech.com

, design · done · web

Закончил редизайн сайта www.helicontech.com. Уже онлайн.

www.helicontech.com

Сайт www.poparsya.dp.ua

, design · done · web

Сделал сайт poparsya.dp.ua – сайт о центрах развлечения и отдыха – Максимум и Эфес.

www.poparsya.dp.ua
сайт poparsya.dp.ua

ТехнологияПарсер
Сервер базы данных - Mysql

Сайт развлекательного комплекса "Ночь"

, design · done · web

Сделал сайт развлекательного комплекса “Ночь”.

www.noch.dp.ua
сайт клуба Ночь

ТехнологияПарсер
Сервер базы данных - Mysql

Сайт компании Инфитис

, design · done · web

Сделал сайт для компании “Инфитис”.

www.infitis.dp.ua
сайт компании Инфитис

Сервер – Linux Ubuntu Server
ТехнологияПарсер
Сервер базы данных - Mysql
ПоискЯндекс.xml

Все записи