
355.27
Общий рейтинг
Веб-разработка *
Делаем веб лучше
Сначала показывать
Порог рейтинга
Уровень сложности
Анти-IE
4 мин
4.4KЯ думаю, эти строки ударят по сердцу каждого, кто пробовал когда-либо заниматься версткой, и знает, что такое «кроссбраузерность». Для тех, кто знаком с темой меньше, представлена следующая часть текста.
Доля Internet Explorer на рынке браузеров составляет порядка 80%, притом еще год назад она была на уровне 90%. Это — самый популярный браузер. Почему? Он самый удобный? Большинство тех, кто когда-либо использовал другие браузеры, так не считают. Он самый безопасный? Информационные IT-агентства просто кишат сообщениями об «очередной дыре в IE». Это факт, с которым согласится даже самый упорный. Он функциональный? По функциональности переплюнуть Opera сможет только Firefox с плагинами. Тогда почему?
Доля Internet Explorer на рынке браузеров составляет порядка 80%, притом еще год назад она была на уровне 90%. Это — самый популярный браузер. Почему? Он самый удобный? Большинство тех, кто когда-либо использовал другие браузеры, так не считают. Он самый безопасный? Информационные IT-агентства просто кишат сообщениями об «очередной дыре в IE». Это факт, с которым согласится даже самый упорный. Он функциональный? По функциональности переплюнуть Opera сможет только Firefox с плагинами. Тогда почему?
+73
Ищу фотохостинг
1 мин
2.2KЗдравствуйте.
У меня есть сайт. На нем пользователи выкладывают фотографии. Хочется воспользоваться каким-нибудь известным хостингом картинок, типа flickr, или picasa. Но я хочу чтобы сервис давал возможность встроиться в сайт незаметно для пользователя, желательно на java-script, а не на server-side. То есть предоставлял возможность заливать и просматривать фотографии на моем сайте. Для видео очень хорошо так работает Rutube (js-api). А вот фотохостинг подобрать не могу. Посоветуйте плз.
У меня есть сайт. На нем пользователи выкладывают фотографии. Хочется воспользоваться каким-нибудь известным хостингом картинок, типа flickr, или picasa. Но я хочу чтобы сервис давал возможность встроиться в сайт незаметно для пользователя, желательно на java-script, а не на server-side. То есть предоставлял возможность заливать и просматривать фотографии на моем сайте. Для видео очень хорошо так работает Rutube (js-api). А вот фотохостинг подобрать не могу. Посоветуйте плз.
+4
Бага авторизации сайта «Одноклассники.Ру» или как не надо делать
1 мин
3.2KСайт odnoklassniki.ru имеет удивительную систему авторизации и использования сессий. Например, тут можно почитать об удивлении людей, прошедших по ссылке в посте (И ни в коем случае не ходите сами!): dolboeb.livejournal.com/1076635.html?thread=39293851#t39293851
А еще очень интересны куки, которые этот сайт прописывает к вам. Посмотрите — мне лично не понравился этот мусор.
Интересно — кто вообще так делает сайты?
А еще очень интересны куки, которые этот сайт прописывает к вам. Посмотрите — мне лично не понравился этот мусор.
Интересно — кто вообще так делает сайты?
+12
Поворот объектов
1 мин
3KДрузья, подскажите, можно ли средствами css/js вращать объекты (не важно — картинки, блоки) на произвольный угол?
Может есть какие-то библиотеки?
Спасибо.
Может есть какие-то библиотеки?
Спасибо.
+3
Aptana Studio 1.0 Released
1 мин
993
Думаю многие знают, то такое Aptana.
Теперь многие будут знать, что вышел релиз и что теперь есть выпуск Aptana Pro всего за
Пробную лицензию можно получить ровно на 1 месяц.
Для этого стоит перейти по ссылке и зарегистрироваться.
Homepage
PS Давайте ребята :) еще 550 закачек и будет ровно 1 000 000 скачиваний :)
+4
Пример использования eAccelerator для нагруженного php-проекта
3 мин
4.3KНаш новый фронтенд-сервер сейчас вполне справляется с нагрузкой и в оптимизации не нуждается (чего нельзя сказать о базе данных), но после того, как я очередной раз посмотрел на его top, мне вдруг стало жалко ожесточённо разнашиваемых дисков, и я решил уделить этому пару минут и поставить eAccelerator.
+19
Row Locking во время выборки в MySQL
2 мин
11KДа-да, все «реальные пацаны» умеют строить веб-системы, способные выдержать монументальные нагрузки. Ну а для «непацанофф» всегда есть гугл и масса сайтов посвящёных данной тематике. Однако «проблема роста» включает в себя не только вопрос верной сервировки данных клиенту и их грамотной репликации/распределении на кластере. Зачастую проблемы возникают от того, что всё как раз-таки наоборот — слишком шустро работает. Рассмотрим пример из недавней практики:
+12
Safari/Win vs Safari/Mac
1 мин
2.2KС недавних пор, а точнее после выхода браузера Safari под Windows, я тестирую свою верстку и на нем тоже. Собственно это и не сложно вовсе, так как если сверстано по стандартам и в Firefox'e отображается нормально, то в 99% случаев, та же самая картина будет и в Safari.

Недавно у меня возник вопрос, на который я пока не нашел ответ. Существуют ли различия в отрисовке страниц между оригинальным Safari/Mac и его братом-близнецом Safari/Win? Есть ли различия в движке?
Можно ли быть увереным, не имея под рукой Mac, что сайт не расползется пред взором Яблоководов? :)

Недавно у меня возник вопрос, на который я пока не нашел ответ. Существуют ли различия в отрисовке страниц между оригинальным Safari/Mac и его братом-близнецом Safari/Win? Есть ли различия в движке?
Можно ли быть увереным, не имея под рукой Mac, что сайт не расползется пред взором Яблоководов? :)
+10
Основы масштабирования
10 мин
64KПрочитав в этом блоге о балансировке на стороне клиента, решил опубликовать свою статью, в которой описаны основные принципы масштабирования для web-проектов. Надеюсь, хабралюдям будет интересно почитать.
Масштабируемость — способность устройства увеличивать свои
возможности
путем наращивания числа функциональных блоков,
выполняющих одни и
те же задачи.
Глоссарий.ru
Обычно о масштабировании начинают думать тогда, когда один
сервер не справляется с возложенной на него работой. С чем именно он не
справляется? Работа любого web-сервера по большому счету сводится к основному
занятию компьютеров — обработке данных. Ответ на HTTP (или любой другой) запрос
подразумевает проведение некоторых операций над некими данными. Соответственно,
у нас есть две основные сущности — это данные (характеризуемые своим объемом) и
вычисления (характеризуемые сложностью). Сервер может не справляться со своей
работой по причине большого объема данных (они могут физически не помещаться на
сервере), либо по причине большой вычислительной нагрузки. Речь здесь идет,
конечно, о суммарной нагрузке — сложность обработки одного запроса может быть
невелика, но большое их количество может «завалить» сервер.
Основы масштабирования
Масштабируемость — способность устройства увеличивать свои
возможности
путем наращивания числа функциональных блоков,
выполняющих одни и
те же задачи.
Глоссарий.ru
Обычно о масштабировании начинают думать тогда, когда один
сервер не справляется с возложенной на него работой. С чем именно он не
справляется? Работа любого web-сервера по большому счету сводится к основному
занятию компьютеров — обработке данных. Ответ на HTTP (или любой другой) запрос
подразумевает проведение некоторых операций над некими данными. Соответственно,
у нас есть две основные сущности — это данные (характеризуемые своим объемом) и
вычисления (характеризуемые сложностью). Сервер может не справляться со своей
работой по причине большого объема данных (они могут физически не помещаться на
сервере), либо по причине большой вычислительной нагрузки. Речь здесь идет,
конечно, о суммарной нагрузке — сложность обработки одного запроса может быть
невелика, но большое их количество может «завалить» сервер.
+66
Использование новых гарнитур из Windows Vista
1 мин
735Windows Vista | Windows XP | Mac |
---|---|---|
Calibri | Arial | Arial |
Arial Black | Arial Black | |
Comic Sans MS | Comic Sans MS | |
Consolas | Courier New | Courier New |
Cambria | Georgia | Georgia |
Impact | Impact | |
Consolas | Lucida Console | Monaco |
Lucida Sans Unicode | Lucida Grande | |
Constantia | Palatino Linotype / Book Antiqua | Palatino |
Tahoma | Geneva | |
Cambria | Times New Roman | Times |
Candara | Trebuchet MS | Helvetica |
Corbel | Verdana | Verdana |
0
Отмена загрузки видео при просмотре в embeded-плеерах
1 мин
3KВсем знакома ситуация, когда запущенный ролик YouTube (или другого хостера видео) хочется отменить, если он был запущен по ошибке или дальнейший просмотр не интересен. На текущий момент отменить загрузку через плеер возможности нет. Даже если Вы остановите ролик — загружаться он будет продолжать до конца.
Пока Youtube не прикрутили к embeded-плееру кнопку «отменить загрузку» — сайтовладельцы могут воспользоваться небольшой хитростью и реализовать такую кнопку самостоятельно.
Пока Youtube не прикрутили к embeded-плееру кнопку «отменить загрузку» — сайтовладельцы могут воспользоваться небольшой хитростью и реализовать такую кнопку самостоятельно.
+22
Практический HTML: учимся любить формы
4 мин
8.3KПеревод
Примечание: ниже находится перевод тезисов доклада «Learning to Love Forms» с конференции «WebVisions 2007» (автор Aaron Gustafson). Докладчик рассказывает о верстке форм, используя корректный и эффективный XHTML/CSS-код.
- Формы — это необходимое зло. Людям свойственно усложнять формы, хотя они могут быть представлены весьма просто.
- Рассматривайте верстку форм как создание обычного XHTML-кода. Но будьте готовы к несоответствиям со стороны браузеров и применению хаков.
- Разбивайте сложные формы на несколько простых частей.
- Старайтесь обеспечивать максимальную семантическую ценность кода.
- Не усложняйте дизайн форм.
XHTML & CSS приемы
- Элемент
FORM
создает форму. - Единственным обязательным его атрибутом является
ACTION
, и он всегда должен быть URI. - По умолчанию
METHOD
выставляется вGET
. - Атрибут
NAME
устарел, используйте вместо негоID
. - Элемент
FIELDSET
используется для группировки связанных полей формы. Может быть вложенным.
+33
Ближайшие события
Как прошло собрание докладчиков ClientSide'2007. Впечатления.
2 мин
671Вчера прошло собрание программного комитета конференции Client Side 2007. На этой конференции будут затронуты, пожалуй, все аспекты разработки Web-приложений с точки зрения клиента (браузера), таких как JS, XML, JSON, Flash, SilverLight и многое другое. Собрание проводилось для того, чтобы определить список докладов, которые будут участвовать в конференции.
Интересно, что именно в это время и как раз на Воробьёвых горах, где собрание состоялось, проходил футбольный матч между Россией и Англией. Поэтому когда я ехал на него, вокруг меня была толпа возбужденных фанатов; когда ехал обратно, ситуация повторилась. Охранник даже не спросил документов, вместо чего возбужденно воскликнул: «Наши ведут 1:0!» (как оказалось, наши не вели 1:0, слукавил охранник). Так же случайно собрание было организовано в кафе, где перед телепроектором сидела толпа возбужденных фанатов с шарфиками и пивом и всячески гикала, свистела, орала — мешала интеллигентным людям скромно решать судьбы мира. Ближе к концу собрания раздались дикие вопли, и нам пришла новость от фанатов с шарфиками и пивом, что наши сделали чудо: выиграли у Англии со счетом 2:1!
А на самой встрече было, хоть и шумно, но очень интересно и весело. Что неудивительно, ведь собралось около 30 человек IT-шников, которые имеют то или иное отношение к интерфейсам и клиентскому программированию. И все живо обсуждали каждый доклад, стараясь вычеркнуть только самые неинтересные.
Прорезюмирую. Доклады будут крайне интересны не только Web-программистам, верстальщикам и дизайнерам, но и техническим и стратегическим руководителям Web-компаний. Помимо ряда обзорных и специальных докладов параллельно и в течение всех двух дней конференции будут вестись мастер-классы гуру в своих областях. Кроме того, как обычно на таких конференциях, присутствие на ней даёт возможность наладить деловые и профессиональные контакты, что тоже очень важно.
Это мой первый постинг на Хабре, не судите строго и подскажите если что не так.
Интересно, что именно в это время и как раз на Воробьёвых горах, где собрание состоялось, проходил футбольный матч между Россией и Англией. Поэтому когда я ехал на него, вокруг меня была толпа возбужденных фанатов; когда ехал обратно, ситуация повторилась. Охранник даже не спросил документов, вместо чего возбужденно воскликнул: «Наши ведут 1:0!» (как оказалось, наши не вели 1:0, слукавил охранник). Так же случайно собрание было организовано в кафе, где перед телепроектором сидела толпа возбужденных фанатов с шарфиками и пивом и всячески гикала, свистела, орала — мешала интеллигентным людям скромно решать судьбы мира. Ближе к концу собрания раздались дикие вопли, и нам пришла новость от фанатов с шарфиками и пивом, что наши сделали чудо: выиграли у Англии со счетом 2:1!
А на самой встрече было, хоть и шумно, но очень интересно и весело. Что неудивительно, ведь собралось около 30 человек IT-шников, которые имеют то или иное отношение к интерфейсам и клиентскому программированию. И все живо обсуждали каждый доклад, стараясь вычеркнуть только самые неинтересные.
Прорезюмирую. Доклады будут крайне интересны не только Web-программистам, верстальщикам и дизайнерам, но и техническим и стратегическим руководителям Web-компаний. Помимо ряда обзорных и специальных докладов параллельно и в течение всех двух дней конференции будут вестись мастер-классы гуру в своих областях. Кроме того, как обычно на таких конференциях, присутствие на ней даёт возможность наладить деловые и профессиональные контакты, что тоже очень важно.
Это мой первый постинг на Хабре, не судите строго и подскажите если что не так.
+3
Client Side'2007 / Встреча докладчиков
1 мин
1.1K
Организаторы первой конференции для разработчиков клиентских интернет-технологий объявили предварительную программу мероприятия. В состав докладчиков вошли такие знаменитые личности, как Вадим Макеев, Платон Днепровский, Артем Горбунов, Денис Бесков-Доронин, Алексей Капранов и другие представители ведущих дизайнеров и технологов России.
На сайте представлена черновая версия программы конференции: темы докладов и авторы. Однако стоит учесть, что из перечисленного списка (более пяти десятков докладов). Программный комитет выберет лишь 30 лучших докладов, которые и будут представлены публике на конференции 6 и 7 ноября. Заседание состоится 17 ноября в 20 часов в ресторане «Союз» (карта и подробное описание проезда).
Хабралюди приглашены!
PS: В моем ЖЖ проходят народные выборы докладов, которые попадут в программу.
+6
IM + user account = новая технологя профиля пользователя в web
5 мин
1.1KЭто выдержка заметки в блог IM (link) на тему оригинального механизма регистрации и авторизации на сайте + еще пару мыслей об интеграции веб с нашей повседневной жизнью.
Существуют разные системы и способы организации дел, напомниания о них.
Я имел когда-то два icq uin'a (рабочий\домашний) для этих целей. Т.е. вместо писем я посылал im-сообщения самому себе, чтобы по приходу (поймите правильно) не забыть сделать важные вещи. До недавнего момента, к сожалению, использовал две jabber-аккаунта для тех же целей (тут даже идея приоритетов помочь не может).
Предыстория
Существуют разные системы и способы организации дел, напомниания о них.
Я имел когда-то два icq uin'a (рабочий\домашний) для этих целей. Т.е. вместо писем я посылал im-сообщения самому себе, чтобы по приходу (поймите правильно) не забыть сделать важные вещи. До недавнего момента, к сожалению, использовал две jabber-аккаунта для тех же целей (тут даже идея приоритетов помочь не может).
Но всё изменилось
+9
Tabs Generator и Reflection Maker
1 мин
2.5KПеревод
Вашему вниманию предлагается пара полезных (особенно для новичков) инструментов оформления сайтов. Названия не стал переводить, слишком уж ужасно получается: Генератор табов и Создатель отражений.
1. Концепт и интерфейс Tabs Generator похож на Stripe Generator, который позволяет вам легко создавать табы для меню ваших сайтов за считанные секунды. Можно настроить размер, цвет, радиус закругления, границу и цвет фона.

2. Reflection Maker — простой инструмент для создания Веб2.0-стилизованных изображений с отражением. Просто загрузите изображение с компьютера или укажите его адрес в интернете, откорректируйте степень отражения и необходимый цвет фона перед запуском. Замечу, размер изображения не должен превышать 200 Кб.

1. Концепт и интерфейс Tabs Generator похож на Stripe Generator, который позволяет вам легко создавать табы для меню ваших сайтов за считанные секунды. Можно настроить размер, цвет, радиус закругления, границу и цвет фона.

2. Reflection Maker — простой инструмент для создания Веб2.0-стилизованных изображений с отражением. Просто загрузите изображение с компьютера или укажите его адрес в интернете, откорректируйте степень отражения и необходимый цвет фона перед запуском. Замечу, размер изображения не должен превышать 200 Кб.

+15
FancyUpload. Самая удобная закачка файлов, основана на flash и mootools
1 мин
3.9KСочетание SWF и AJAX для красивой и удобной передачи файлов на сервер.
«Мастхэвная» технология для любого сервиса, где требуется закачка фотографий, музыки и т.п.
digitarald.de/playground/uplooad.html
Для работы необходим Flash 8+ и любой современный браузер (Internet Explorer 6+, Opera 9, Firefox 1.5+ и Safari 2+). Исходники прилагаются.
«Мастхэвная» технология для любого сервиса, где требуется закачка фотографий, музыки и т.п.
digitarald.de/playground/uplooad.html
Для работы необходим Flash 8+ и любой современный браузер (Internet Explorer 6+, Opera 9, Firefox 1.5+ и Safari 2+). Исходники прилагаются.
+20
Определяем браузер. Самый необычный способ
1 мин
1.1K<map
id="browser"
/''name="firefox"
/""name="sleipnir_gecko"
"name="safari"
""name="konqueror"
/name="ie"
name="opera"
name="lynx"
>
Атрибут name объекта с id=browser отдает название браузера. Основано на различии методов парсинга атрибутов элементов.
Источник: http://www.hedgerwow.com/360/dhtml/html-browser-detection.html
+51
Перенос конференции UA Web
1 мин
727Уважаемые колеги!
Мы приняли решение перенести первую конференцию украинских
веб-разработчиков UA Web с октября 2007 на март 2008 года.
Единственная причина — желание сделать свою работу хорошо.
Мало загореться идей, энтузиазм это здорово, но одного его
недостаточно. Нужна еще профессиональная работа и именно на
то, чтобы выполнить ее в полном объеме, времени не хватает.
Все достигнутые договоренности в силе; все деньги, уже
уплаченные за участие в конференции будут по желанию
плативших либо возвращены в полном объеме, либо перенесены
на март 2008 года.
Спасибо за поддержку!
С уважением,
команда UA Web
Юрий Артюх, Евгений Некоз, Павел Рогожин и Олег Бунин
uaweb.in.ua
Мы приняли решение перенести первую конференцию украинских
веб-разработчиков UA Web с октября 2007 на март 2008 года.
Единственная причина — желание сделать свою работу хорошо.
Мало загореться идей, энтузиазм это здорово, но одного его
недостаточно. Нужна еще профессиональная работа и именно на
то, чтобы выполнить ее в полном объеме, времени не хватает.
Все достигнутые договоренности в силе; все деньги, уже
уплаченные за участие в конференции будут по желанию
плативших либо возвращены в полном объеме, либо перенесены
на март 2008 года.
Спасибо за поддержку!
С уважением,
команда UA Web
Юрий Артюх, Евгений Некоз, Павел Рогожин и Олег Бунин
uaweb.in.ua
+1