Обновить
455.34

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

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

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

Position fixed IE6 + Drag-and-Drop

Время на прочтение2 мин
Охват и читатели2.2K
Много было про то написано, да не суть…

Озадачился следующей задумкой: перетаскиваемый слой с фиксированным положением на экране, страница скролица — слой остаётся на месте. Как известно данная задумка на ура воплощается в FF, Opera, Google Chrome, но вот IE интеллигентно послал мою задумку в свою мусорную корзинку — при скролинге передвинутый слой сползал вместе со страницей.
подробности

Имена методов и функций

Время на прочтение3 мин
Охват и читатели37K
Изучая всякого рода системы, я обнаружил, что у многих наблюдаются проблемы с именованием методов. Это побудило меня написать статью.

странный кусок кода
Читать дальше →

Ещё один способ победить Internet Explorer

Время на прочтение2 мин
Охват и читатели7.9K
Рано или поздно все web-разработчики сталкиваются с ситуацией, когда Internet Explorer становится проблемой, тормозящей разработку проекта. Сайт свёрстан валидно, по стандартам. Нормально отображается в Mozilla, Opera, Safari и других нормальных браузерах. Но. Открываем его в IE. И видим. Как то, что мы подгоняли по пикселям, строго придерживаясь стандартов, размазано по странице. Ладно ещё в IE7 можно более-менее просто подогнать вёрстку (конечно зависит от дизайна), но от IE6 иногда волосы встают дыбом. К счастью, существуют способы, которые позволяют повлиять на ситуацию. Кто-то использует хаки, кто-то — conditional comments. Где-то можно пойти на компромис и упростить задумку дизайнеров, поддерживая пользователей недобраузеров.
Читать дальше →

Яндекс.Карты открыли API

Время на прочтение1 мин
Охват и читатели832
imageКомпания Яндекс официально сообщила об открытии APІ сервиса Яндекс.Карты.

Теперь каждый может использовать возможности Яндекс.Карты для своих сайтов.

Эта новость является особенно важной в частности для Украины. В России Google давно сделал нормальный картографический сервис, а как вы вероятно знаете, Google Maps много лет имеет открытый APІ. Поэтому русские разработчики уже несколько лет могут полноценно пользоваться картографическими возможностями при создании новых сервисов.
Читать дальше →

Лицо Волгограда в сети Интернет или как проводятся конкурсы

Время на прочтение4 мин
Охват и читатели1.5K
У города Волгограда есть официальный сайт: www.volgadmin.ru
Сайт этот является лицом города в Сети, решает серьезные информационные задачи. На сайте представлен огромный объем информации.

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

Администрация Волгограда в начале осени 2008 года объявила конкурс на лучший новый дизайн информационно-справочного портала Волгограда volgadmin.ru.
Читать дальше →

Упрощаем разработку сайта с Site Helper

Время на прочтение2 мин
Охват и читатели1.2K
Site Helper(SH) – тулза для помощи верстальщикам, а также хороший инструмент для общения верстальщик-программер-руководитель, а так же руководитель-клиент «не отходя от сайта» незаметно для обычных пользователей и в реальном режиме времени.

Наверное, каждый, кто хотя бы разверстал пиксель в пиксель под каждый браузер, сталкивался с ситуацией, когда что-то едет, не совпадают высоты ширины блоков… ситуация знакомая.
Тут может спасти PixelPerfect или сетка разметки на js или SH ;)

Ещё очень распространенная ситуация, когда заказчик или тестер нашел баг и не может понятно объяснить, где он находится. Ну, или заказчик решил добавить блок баннеров и также не может внятно объяснить, что и куда.
Читать дальше →

Эмулятор капчи школьного портала

Время на прочтение1 мин
Охват и читатели2.2K
Все помнят недавнюю статью про занимательную капчу на сайте Школьного Портала?
Сколько радости нам приносили эти слова:


Написал на PHP компактный генератор слов, работающий по такому же принципу.
Читать дальше →

Firebug 1.3 и 1.4 alpha — что нового и интересного?

Время на прочтение3 мин
Охват и читатели763
Если вы профессиональный веб-разработчик и постоянно имеете дело с разработкой и отладкой сложных AJAX приложений, то наверняка знаете и используете Firebug — плагин для браузера Firefox, предназначенный для отладки и исследования веб-приложений. Текущая его версия, 1.2х достаточно стабильная и функциональна, чтобы помочь в 99% проблем, которые могут возникнуть при разработке. Но и этот инструмент не лишён если не недостатков, то некоторых фич, которые могли бы облегчить работу. И даже идеальный инструмент можно сделать ещё более идеальным, как бы это не звучало.
Читать дальше →

Верстаем, верстаем!

Время на прочтение1 мин
Охват и читатели3.8K
После того, как я опубликовал давече тему о создании макета страницы, нам с тов. CurlyBrace пришла в голову одна интересная мысль: а не сделать ли того, что мы умеем делать лучше всего?

Да, вы правы! Денис любезно сверстал данный макет валидным и семантичным XHTML. Он — молодец, а я ему немного в этом подсобил, доделав небольшую деталь. Он большое внимание уделил размеру страницы и её исходного кода.

Come on, user


Внимание: топик не содержит WYSIWYG!

Неприятный глюк Mozilla Firefox 3 c position:fixed

Время на прочтение1 мин
Охват и читатели1.6K
При реализации механизма Drag&Drop для сайта столкнулся со странным глюком. Иногда не отрабатывались события мыши при drop'e. При этом, глюк был не постоянный, что затрудняло его отладку.
Читать дальше →

Komodo IDE / Komodo Edit 5.0

Время на прочтение1 мин
Охват и читатели11K
imageВышла новая версия чудесного редактора от Active State — Komodo. Среда разработки Komodo написана на XUL, на основе Mozilla Code Base и в свое время стала для меня просто находкой.

  • Динамическая подсветка и автоподстановка синтаксиса большого количества языков и шаблонизаторов: CSS, HTML, JavaScript, XML, Perl, PHP, Python, Ruby, Tcl, RHTML, Template-Toolkit, HTML-Smarty и Django.
  • Корректная подсветка смешанного кода
  • Менеджер проектов, toolbox, XPI-расширения
  • Работа с удаленными репозиториями (CVS, Perforce, Subversion, Git, Mercurial, Bazaar)
  • Кроссплатформеность (Win/Linux/Mac)

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

В новой версии:

  • Добавлены системы контроля версий: Git, Mercurial (hg), Bazaar
  • Изменены и исправлены алгоритмы форматирования, влияющие на читабельность кода
  • Улучшена интеграция с внешними утилитами форматирования кода: PHP Beautifier, Perltidy, astyle
  • Komodo IDE 5.0 построена на платформе Mozilla 1.9 codebase (та же что и Firefox 3) и на Python 2.6, что значительно повышает быстродействие и стабильность


Полная документация

Komodo IDE является платной ($245.00), но есть и бесплатная версия — Komodo Edit, которая меня полностью устраивает.

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

Странное ограничение IE на количество внешних CSS

Время на прочтение1 мин
Охват и читатели2K
Разрабатывая проект наткнулся на странный глюк в IE. Некоторые стили просто не применялись к странице. Т.к. проект большой и стилей много, на этапе разработки CSS был разбит на много файлов для каждого логически отдельного блока. Выясняя причину я, опытным путём, пришёл к тому, что IE подгружает максимально 31 внешний CSS файл через. Остальные файлы просто игнорируются.
Проверял на IE6 и IE7.

Естественно, когда сайт пойдёт в продакшн весь CSS будет в одном файле, но на этапе разработки этот момент подставил подножку.

Разработка на PC и производительность — Memory Latency

Время на прочтение7 мин
Охват и читатели12K
Herb Sutter (автор Exceptional C++, бывший глава ISO C++ standards committee, мистер Free Lunch Is Over и прочая, и прочая) работает в Microsoft и иногда по средам читает атомные лекции.

Я наконец-то на одну такую попал, и очень радовался. На умных мужиков всегда радостно поглядеть и послушать.
Для отчета — кроме Херба, видел живого Олександреску и живого Walter Bright (который "D").

Лекция называлась «Machine Architecture: Things Your Programming Language Never Told You» (здесь можно скачать презентацию и видео) и была про конкретную часть abstraction penalty — Memory Latency.

Я попытаюсь коротко рассказать о ключевой мысли лекции. Она простая, очевидная и тысячу раз сказанная. Думаю, еще раз повторить азбуку — никогда не повредит.
Читать дальше →

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

Template + jQuery + MVC = jsMVC

Время на прочтение5 мин
Охват и читатели2.9K
Разрабатывая сайты мне всегда хотелось облегчить себе жизнь, так я познакомился с jQuery. Все было бы хорошо если бы проекты не погружались в зыбучую смесь UI и js кода. Следующим этапом стало то что мы выделили UI Шаблоны в отдельные файлы, код стал более чистым, но, черт побери, все равно приходилось писать кучу UI кода, например вставка и настройка дополнительных компонентов в шаблон, event bind, надписи и т.д. И только после всего этого на выходе получался нужный нам компонент. Возникало, конечно, много проблем, особенно когда дизайнер менял шаблон, но все это решаемо.
Читать дальше →

Графические фильтры на основе матрицы скручивания

Время на прочтение6 мин
Охват и читатели45K
UPD: Заголовок изменен, что бы более соответствовать теме статьи

В статье пойдет речь об использовании convolution matrix (матрицы скручивания или матрицы свертки), с помощью которой можно создавать и накладывать на изображения фильтры, такие как blur, sharpen и многие другие.

Cтатья будет интересна не только веб-программистам, но и всем кто так или иначе занимается программной обработкой изображений, поскольку функции для работы с матрицей скручивания имеются во многих языках (точно известно о php и flash). Так же, статья будет интересна дизайнерам, использующим Adobe Photoshop, поскольку в нем имеется соответствующий фильтр (Filter-Other-Custom).

Примеры будут на языке PHP с использованием библиотеки GD. Теория, практика, примеры (осторожно, много картинок!)

под катом

Developer Tools — online изменения CSS на сервере

Время на прочтение1 мин
Охват и читатели3.2K
Как то сидя на работе и смотря как дизайнер «ковыряется» в «кишках» нашего веб проекта, я заметил что дизайнер по «100 раз» перегружает сайт ради того что бы применились CSS. Да, есть FireBug, но он меняет css «на лету» и не сохраняет изменения в файлы. Порой это и не возможно, так как сайт находится на удалённой машине.
Читать дальше →

Как сайт может отправлять события…

Время на прочтение6 мин
Охват и читатели1.6K
Давным-давно (я уже не помню когда, но давно) я собрался и запустил для себя сайт. Сначала он использовался просто как склад того, что нужно кому-то передать. Потом совершенно случайно образовалось свободное время и получилось заполнить сайт чем-то осмысленным и (надеюсь) полезным. И очень захотелось быть в курсе событий, происходящих на сайте. Самое простое решение — отсылать письма, что и было сделано. Однако через некоторое время появилось желание избавиться от писем с сайта так как поток служебной почты в течении дня превышает разумные пределы.
И тут пришла в голову мысль...

14 бесплатных Web-приложений для совместной работы

Время на прочтение4 мин
Охват и читатели78K
«Люди не являются островами в открытом океане». Это высказывание успешно можно использовать особенно в том случае, если вы — дизайнер или разработчик. Несмотря на существование платных средств, как Basecamp и Zimbra, вы можете использовать ещё и бесплатные, которые, пожалуй, не уступают платным (а порой и обгоняют их).

В этой статье мы рассмотрим 14 бесплатных Web-приложений для совместной работы в сети Интернет. Нужен вам простой редактор с самыми основными возможностями или полнофункциональное приложение для управления проектами, вы сможете обнаружить здесь по крайней мере одно приложение, удовлетворяющее вашим требованиям.

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

Анти-паттерны Test Driven Development

Время на прочтение4 мин
Охват и читатели20K
Я надеюсь, что как грамотный разрабочик, вы имеете представление о unit-тестировании и сделаете себе в голове пару мысленных отметок о том, чего надо избегать при написании тестов. Знакомьтесь:

Лжец (The Liar)

Unit-тест, который успешно выполняет все кейсы и выглядит работающим правильно, однако при более детальном рассмотрении обнаруживается, что он на самом деле не тестирует то, что должен.

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

QtCreator. Вышел Technology Preview кроссплатформенной среды разработки для Qt

Время на прочтение1 мин
Охват и читатели1.3K
Слухи о том, что Qt Software (напомню, что теперь так именует себя бывший Trolltech) выпустит свою IDE ходили давно. На официальном сайте появился даже раздел GreenHouse (кодовое название продукта). Наконец сегодня всё свершилось — вышел QtCreator Technology Preview.
Посмотреть информацию о продукте и скачать его можно тут

О себя хочу добавить, что уже успел посмотреть IDE на Windows и Linux. Первые впечатления исключительно положительные. Все работает правильно и самое главное — очень быстро. Похоже, что дружба с Nokia идёт Qt только на пользу.

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