Веб-разработка *

Задача: менять горизонтальное положение блочных элементов по линейной зависимости при изменении размера окна браузера.
Решение: термин «пропорциональность» подразумевает линейную зависимость двух параметров. Вспоминаем школьный курс геометрии: линейная зависимость — это прямая, её уравнение выглядит следующим образом: Y=aX+b. Для построения уравнения прямой необходимо и достаточно знать координаты двух точек, принадлежащих этой прямой. Если принять за Y горизонтальное положение блока, а за X — ширину окна, то задача сводится к определению параметров a и b.

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

Следовательно, многим веб-студиям приходится искать своего «счастья» на различных сайтах иностранного фриланса. В связи с этим интересно было бы понять какие существуют преимущества и недостатки «аутсорс» веб-разработки. Какие существуют пути выхода на «аутсорсинга»?

Колличество подобных фирм растет в геометрической прогрессии и уже практически в каждом регионе есть компании со штатом 30-50 человек, которые работают исключительно на «аутсорс» и видимо при этом себя отлично чувствуют.

Прочитав комментарии к заметке Firefox 3: * {display: block } bug, понял что заметная часть читателей Хабра, в том числе серьёзно занимающиеся веб-разработкой, не совсем верно представляют себе что-то же такое HTML, и почему теги отображаются так, а не иначе.

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

Сначала пошёл ошибочным путём: основной DIV с контентом — 100% по высоте, а хидер и футер спозиционированы абсолютно. Выглядит нормально во всех браузерах, но в ИЕ6 вылезал косяк — при динамической смене контента (через javascript) футер оставался на своем месте, т.е. не перемещался вслед за кромкой окна. Поэтому сделал так: DIV с основным контентом, DIV-футер с отрицательным margin-top, DIV-хидер с абсолютным позиционированием. Нарисовался очевидный плюс данного способа: основной контент страницы в HTML-коде максимально приближен к началу документа.

Практически на каждом сайте нужно реализовывать меню. Обычно в этом нет никакой проблемы — заворачиваем все в ненумерованный список — ul, прописываем все наобходимые стили и готово.
Но очень часто дизайнеры, пытаясь создать очередной мегаопупительный макет, делают какие-либо 3D кнопки, либо кнопки с закругленными краями и кучей градиентов, либо еще что либо ужасное :)

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

Хочется собрать все известные на сегодняшний день «простые» методы авторизации/регистрации на веб-ресурсах и их особенности в одном месте. (простые — в смысле не требующие специальных устройств, например смарт карт, устройств для сканирования отпечатков пальцев, сетчатки глаз и т.д.) Что ж, попробуем…

Сразу хочется сузить рамки — разговор идет о продаже программного продукта (php+MySQL).
Вопрос — (про)давать ли исходный код?

Аргументы в пользу закрытого кода.
— Подавляющему большинству клиентов нужно чтобы продукт работал и исходный код не нужен.
— При закрытом коде проще осуществлять тех. поддержку — клиент своими руками не залезет куда не надо и не породит новых уникальных ошибок, в которых хрен разберешься.
— Сложнее стырить исходный код. А точнее его можно получить, но вот что-то серьезное переделать в этом «исходнике» сложно — максимум сломать защиту, внести незначительные правки.
— Есть некоторая надежда разработчика, что закрытый код спасет от перепродажи его продукта лихими людьми.
— Есть легкая надежда, что купят продукт, потому как «сломать» не смогут, либо «ломанный» побоятся использовать.
— Народ (наш народ :) ) привык что если код открыт, значит бесплатно!

Часто приходится вести разработку одновременно нескольких сайтов. Иногда, под каждый сайт приходится выбирать специфичную версию PHP, MySQL, причем со специфичными настройками. Раньше создавал bat файлы, которые запускали нужную конфигурацию, потом решил набросать маленькую утилиту.

Уже были статьи про основы гита (0, 1, 2), были и статьи про внутреннее устройство репозитория. Сегодня поговорим, как простому смертному работать с гитом на автопилоте и не морочить себе голову.

Во-первых, шорткаты (в порядке убывания популярности):

alias gst='git-status'
alias ga='git-add'
alias gc='git-commit -m'
alias gp='git pull && git push'
alias gull='git pull'
alias gush='git push'
alias gb='git-branch'
alias gco='git-checkout'
alias gd='git-diff'

Во-вторых, отображение текущей ветки в командной строке:

export PS1='`__git_ps1 "%s"` \w \$ '

Выглядит так:

lazy-args-in-futures ~/Work/io/oleganza-io.git $

(Как установить: ericgoodwin.com/2008/4/10/auto-completion-with-git)

Типичный поток работы в одной ветке

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

Надеюсь уважаемые комментаторы помогут дополнить список и выявить абсолютного лидера среди проигрывателей.
Уже помогли. Отдельные спасибы Elected, atri, rmb. Кармы всем за мой счет ^_^

Как и многие веб-разработчики, я желаю скорейшей смерти для IE6. Устаревшие версии других браузеров не настолько распространены, и поэтому доставляют меньше хлопот, но и им бы тоже неплохо исчезнуть. Эту задачу могло бы решить автоматическое обновление, но его нередко отключают «администраторы», и часто пользователи даже не подозревают о том, в каком прошлом они живут.

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

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

Я понимаю, что это может быть изобретением велосипеда, но пока что предшественников не нашёл. Буду рад ссылкам на них, чтобы не умножать сущности.

Если кто-то заинтересован в использовании такого скрипта, я наведу на него блеск: минимизирую, переведу на английский, и т.п. Поэтому интересно мнение сообщества об этой инициативе. Что скажете?

PS: пожалуйста, не думайте, что на странице скрипта он работает неправильно — проверка версий там отключена специально, чтобы все могли увидеть скрипт в действии.

Забавная идея: использование OOo в качестве инструмента для редактирования Wiki. Преимущества очевидны: богатый набор возможностей (по сравнению со стандартными Wiki), GUI (который так любят люди далёкие от IT), etc. Недостатки — тоже понятны: проблемы с разрешением конфликтов и историей, добавление мелочей (типа указания вместо <username> в примерах прямо имя человека читающего Wiki чтобы можно было без проблем делать copy-and-paste) весьма затруднительно, etc. Но всё равно идея — интересная:

Тут статья, здесь — описание технологии… На английском…

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

И так, приступим. Для начала работы нам необходимо обновить (или установить, если не было) версию Aptana IDE. При этом учтите, что сейчас последняя версия, доступная даже в профессиональным подписчикам, 1.1, но для работы с Cloud нужен особый релиз следующей версии, который доступен по другому адресу, который вам после регистрации сообщат вместе с логином и паролем для доступа.

Я решил набраться смелости и выложить свои скринкасты на всеобщее обозрение. Это продолжение серии любительского гик-видео про Expression Studio. Тем более, что на Хабре в последнее время стало появляться все больше и больше вебкастов. Уж не знаю — хорошо это или плохо.

Привет, Хабр!

На сайте 2008.tagline.ru выложен дополнительный рейтинг компаний по реальным оборотам в области разработки сайтов за 2007 год.

Публикация рейтинга — важный шаг для увеличения прозрачности рынка веб-разработок, а также дополнительный инструмент анализа рынка. Желание открыть свои финансовые показатели говорит о готовности компаний работать открыто на всё ещё непрозрачном рынке.

Группа Тэглайн подготовила первый в Рунете рейтинг по реальным оборотам в области веб-девелопмента. Всего было представлено более 60 анкет, из которых планку оборота в 500 тысяч рублей за 2007 год прошли 42 студии.

Последний этап комплексного исследования рынка разработки сайтов в Рунете — публикация аналитического отчета о состоянии рынка и трендах развития состоится 26 июня 2008.

* Группа Тэглайн не несет ответственность за достоверность данных, предоставленных игроками.

Вопрос о внедрении Flash с помощью разметки соответствующей стандартам возникает достаточно часто, между тем у этой проблемы есть достаточно известное решение — SWFObject. SWFObject 2 не только позволяет внедрять Flash динамически, с помощью JavaScript, но и статически, когда для внедрения используется стандартная разметка, а JavaScript только исправляет неразрешимые с помощью разметки проблемы, при этом даже если JavaScript отключен пользователи все равно увидят Flash.

йцукен

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

CSS sprites¹

Суть проста изображение с каптчей содержит 20–30 символов, только 4–5 из них идущие подряд являются кодом, начинаются они то с 1го символа то с 20го в общем с произвольного, остальное — мусор, с помощью позиционирования бекграунда в слое видны только нужные символы. Человек введёт их, бот распознает и введёт все 30. Вуаля! ;)

Intro.

Возникла такая ситуация, при которой мне и еще одному программисту пришлось вести работу над одним и тем же проектом. Я уже давно пользуюсь Джентельменским набором, и мне нравится его портабельность и маленький размер.

Навеяно постом Form Spam Bot Blocker: Защищаем Web-формы без CAPTCHA!. Все предпосылки там.

Вариант модификации идеи