Обновить
467.7

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

Делаем веб лучше

Сначала показывать
Порог рейтинга
Уровень сложности

Олимпиада на Хабре

Время на прочтение1 мин
Охват и читатели558
На Хабре есть интересные топики, голосование, подкасты. Все это требует довольно пассивного внимания и надо бы привнести немного больше интерактива для напряжения наших ленивых мозгов. Встречайте — микро олимпиада на Хабре.

Схема проведения следующая:
Читать дальше →

Декодирование/нарезка/кодирование аудиофайлов

Время на прочтение3 мин
Охват и читатели6.7K
публикуется по просьбе замечательного юзернэйма catdog

Предыстория:

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

И все бы хорошо, но когда у тебя средняя длинна трэка 6 минут, то волей неволей задумываешься как бы сделать нарезку, сократив тем самым размер превьюшек на жестком диске и облегчив задачу в прослушивании материала пользователю. Когда-то давно для этого я использовал набор утилиток POC, они работали только с mp3 и умели быстро считать длинну, резать/склеивать по времени. Тогда я быстренько написал враппер вокруг этого безобразия и на какое-то время забыл об этом.

Однако пришли новые времена и народ начала закачивать музыку во flac-е, monkey audio и других lossless форматах. Да и сам mp3 со временем видоизменился и в него частенько начали добавлять альбомные картинки, что стало большой проблемой и причиной частых сегфолтов POC.

Именно тогда я решил написать приложение которое бы вбирало в себя весь комплект утилиток POC по нарезке склейки и плюс к этому имело бы encoder для mp3.

А теперь о том что получилось:

Читать дальше →

Плавающие якоря

Время на прочтение1 мин
Охват и читатели9.3K
Верстал комменты для очередного проекта. Всегда напрягало, что якорь в комментариях опускал экран до нужного комментария «впритык», тогда как с эстетической точки зрения было бы приятно, если бы сверху от границы экрана до самого комментария все же был бы какой-то отступ.
image
Читать дальше →

End tag: optional

Время на прочтение3 мин
Охват и читатели1.4K
Задача: Рассказать об красоте отсутствия закрывающихся тегов.

Сейчас читаю множество статей на хабре, в которых хабра-авторы выкладывают свой HTML. Я хочу показать, как его можно сделать красивее.

Речь пойдёт о тегах:
  • OPTION
  • P
  • LI, DT, DD
  • THEAD, TFOOT, TBODY
  • TR, TD, TH
Суть в том, что эти теги не обязательно необходимо закрывать.

Читать дальше →

Оптимизация PHPShop

Время на прочтение2 мин
Охват и читатели3.1K
Так уж случилось, что один из наших клиентов заказал нам добавить в его интернет магазин несколько десятков тысяч товаров. Магазин у него работал на небезызвестном PHPShop(версия 2.1.8). До этого момента, я с этим «чудом» не встречался. После добавления первых 5000 товаров магазин слег и мог показывать только белую страницу.  Тех поддержка отвечала что это все из-за хостера(MasterHost). Я им поверил и решил опробовать все на локальном веб-сервере. Магазин показывал ту же картину. Причем в списке задач отображалось, что Apache «съедает» 200 Мб оперативной памяти. Пришлось лезть во внутренности…
Читать дальше →

Почему дизайнеры должны уметь верстать

Время на прочтение4 мин
Охват и читатели9.1K
Довольно часто дизайнеров справедливо обвиняют в том, что, создав дизайн сайта, они уходят в свой кокон и замыкаются в неведении, оставляя всю «грязную работу» по воплощению дизайна в жизнь разработчикам. Такая равнодушная позиция отмечается не только в индустрии создания сайтов, но и при разработке программного обеспечения и игр.

Почему дизайнеры должны уметь верстать

Суровая действительность указывает на то, что весь процесс разработки должен происходить при участии дизайнеров. Для достижения оптимальной эффективности дизайнер должен уметь не только нарисовать картинку, но и встроить ее! В этой статье я хотел бы поделиться несколькими соображениями о том, почему дизайнеры должны уметь верстать сайты.
Читать дальше →

Virtus

Время на прочтение1 мин
Охват и читатели561
Virtus

Ну вот и обещанное альфа-тестирования нашего нового продукта началось. Некоторое количество инвайтов еще осталось, так что коллеги, кто желает — пишите на pavel@rogozhin.ru. Так же на всякий случай напоминаю про один очень важный момент, за который мы будем крайне признательны — это первый этап закрытого тестирования альфа-версии, и поэтому большая просьба воздержаться от публикации скришотов и деталей функционала продукта, том числе и в качестве комментариев в СМИ.

Если в течении 7-10 дней мы не получим критических отзывов от участников, то мы откроем продукт на более широкую аудиторию, предварительно предупредив об этом. Так что в любом случае окажешься в числе первых.

Сохранение исходных пропорций видео

Время на прочтение9 мин
Охват и читатели10K


Вы когда-нибудь хотели изменять размеры видео на лету, масштабировать его как изображение? Используя внутренние пропорции для видео, можно. Эта техника позволяет броузерам устанавливать размеры видео, основываясь на ширине родительского блока. С внутренними пропорциями, новая ширина вызывает новое вычисление высоты, что позволяет изменять размеры видео и дает возможность для масштабирования его, так же, как изображения. Пример 1.
Читать дальше →

Несколько удобных инструментов для тестирования сайта

Время на прочтение3 мин
Охват и читатели32K
Представляю вашему вниманию обзор нескольких полезных инструментов для всестороннего тестирования сайтов.

Читать дальше →

Думай о ссылках

Время на прочтение1 мин
Охват и читатели1.1K
Раздражает, когда ссылка-изображения и ссылка-подпись к ней являются двумя разными ссылками, ведущими в одно и то же место. В этом случае, наводя на ссылку-изображение, ссылка-подпись, конечно же, не подсвечивается. В этот момент я начинаю думать, что, возможно, ссылка-подпись ведет в другое место, и перемещаю курсор к ней, и начинаю в памяти сравнивать урлы этих двух ссылок. Хотя мог бы и не делать этого, если бы по наведению на изображение, подсветилась бы и подпись к нему.

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

Еще из похожей темы — когда у ссылки есть иконка, не являющейся ссылкой. Как так? Это же одно целое.

Другая распространенная «болезнь» ссылок — ссылки на странице на саму себя. В навигации, в тексте, да все равно где. Не должно быть такого. Любая ссылка должна совершать какое-то действие, переход. Казалось бы, это общеизвестная истина, тем не менее, нарушаемая на подавляющем большинстве сайтов. Если ваш «супердвижок» или «супершаблонизатор» не позволяют сделать этого — не прикрывайтесь этим, переписывайте движок.

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

Добавляем Sphinx к Денверу

Время на прочтение2 мин
Охват и читатели4.3K
Всем привет!

Сделал небольшой аддон к Денверу. Решил поделиться. Теперь при старте он запускает Sphinx, а при стопе выключает его. Версия: Денвер-3 2008-01-13.

Можно было добавить в denwer/scripts/main/start/ файл.bat, где просто написать пару команд для его запуска. Правда, чуть сложнее с остановкой. Но хочется, чтобы было все красиво. Со словами «Запускаем… Ждем 2 секунды… Готово...» Красота!

Итак.
Читать дальше →

Оригинальный баг с iframe и DOM в IE

Время на прочтение2 мин
Охват и читатели3.4K
Некоторое время назад обнаружил интересный баг в IE, успешно доживший и до восьмой версии. Суть бага заключается в том, что при уходе со страницы содержащей несколько iframe-ов и последующем возврате при помощи кнопки back, содержимое этих самый фреймов может перемешаться.

UPD: Говорят FF и Opera на этом коде тоже косячат, но по-другому :)
Читать дальше →

Ближайшие события

Нагрузочное тестирование и тюнинг популярных веб-приложений

Время на прочтение3 мин
Охват и читатели5.6K
Мы проводим нагрузочное тестирование для распространенных CMS и веб-приложений. Сейчас это Drupal, Joomla, Wordpress, phpBB и SMF. Результаты тестирования будут публиковаться открыто.

Приглашаю принять участие в тестировании. В обмен участники получат бесплатно годовой хостинг на VDS.

Читать дальше →

FMSPy, релиз Alpha (0.1)

Время на прочтение2 мин
Охват и читатели2.3K
FMSPy Flash Media Server written in Python (FMSPy) — это еще один RTMP-сервер для приложений на Adobe Flash/Flex/Air. FMSPy является аналогом Adobe Flash Media Server, с гораздо меньшими возможностями, однако FMSPy — совершенно бесплатный проект с открытым исходным кодом. Проект находится на ранней стадии развития, но в активной разработке.

Итак, что есть на сегодняшний день:
  • Реализация RTMP-протокола: кодирование/декодирование пакетов, разрезание и склеивание из chunks и т.п.
  • Поддержка базового RPC (Invoke) клиент-сервер и сервер-клиент. То есть из Flash-приложения можно вызывать с помощью класса NetConnection методы приложения на стороне сервера, и наоборот со стороны сервера вызывать методы приложения.
  • Инфраструктура для написания приложений (в качестве плагинов к FMSPy) со своим API на Python.

Читать дальше →

404: Конференция не найдена

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

Но сейчас речь не о том. Общение в оффлайне, да еще и со множеством интересных людей, не всегда возможно. А ведь хочется!

И вот решение — on–line конференции с теми людьми, которых выбирают сами посетители! Для разминки на татами вызывается Егор Гилёв — дизайнер и партнер студии «Турбомилк». Fight!

Memcached — стратегия кеширования

Время на прочтение6 мин
Охват и читатели18K
Хочу поприветствовать хабросообщество. Из приятных впечатлении при регистрации на Хабре — так это атмосфера сказочности, которая бывает только в старых добрых сказках из советского Кинофильма.
Итак, слезы умиления прошли, приступаем. Ниже топик, который привел к инвайту на Хабр.

Memcached применяется для кеширования данных. Это делается для того, чтобы избежать лишних обращений к базе данных, т.е. в Memcached сохраняют результаты запросов. Это ускоряет работу сайта и уменьшают время выдачи страниц.
Кеш кроме преимуществ имеет свои недостатки. Одна из проблем кеша — это его актуальность. В режиме работы «только чтение» трудностей не возникает. Если же мы имеем дело с данными, которые изменяются, или изменяются часто, то эффективность кеширования резко падает.
Читать дальше →

Сформирована программа конференции «Сайт-2009»

Время на прочтение1 мин
Охват и читатели655
В конце апреля я анонсировал на Хабре конференцию «Сайт-2009», которая пройдет в конце июня в Москве. Ну так вот, сегодня на сайте конференции опубликована итоговая программа. Я вхожу в программный комитет и могу честно сказать, что программа получилась очень хорошая, качественная. В двух словах: конференция пройдет в два потока: профессиональный (для веб-студий и частных веб-разработчиков) и клиентский. Среди докладчиков: Actis Wunderman, Defa, Individ, ADV, Articul Media, АИСТ, QSOFT, Grape, Яндекс, NetCat, 1С-Битрикс и т.д. Полная программа, условия участия, регистрация, место проведения — на сайте. Если есть вопросы по сабжу — задавайте в комментах, отвечу.

Написание программ голосом

Время на прочтение1 мин
Охват и читатели5.5K
Забавное видео, в котором показано как можно писать код в Visual Studio с помощью Speech Recognition в Windows. Голос используется даже для IntelliSense и отладки.

Вклад авторов