Есть просьба к разработчикам. Замените, пожалуйста, дефолтную страницу nginx о 504 ошибке на какую-нибудь приятную глазу… с фразой вроде «выпейте пока чашечку кофе, пока наш сервер придет в себя»
Rulez @Rulez
User
Хабрабренды
3 min
1KМне тут в голову пришло, что нам очень нехватает «честных брендов» — то есть когда содержание полностью соответствует наименованию. Так как надеяться, что маркетологи и неймеры начнут давать правдивые имена — глупо, необходимо взять все в свои руки. Если у вас есть собственные «бренды», которые вы хотите двинуть в народ — присоединяйтесь.
+26
Какова она социальная сеть нового образца?!
4 min
733Уже некоторое время в Интернете циркулирует информация о социальной сети нового поколения от Google SocialStream. Звучит многообещающе, но, по сути, данный проект является скорее агрегатором, нежели полноценной социальной сетью нового образца. SocialStream позволяет вам связать ваши коммуникации из различных источников в едином пространстве. Скажем, вы видите на своей странице обновления фотоальбомов ваших друзей с Flickr и Picasa, видео с Youtube, новые сообщения друзей с популярных блоговых сервисов.
+11
Практический HTML: учимся любить формы
4 min
8.2KTranslation
Примечание: ниже находится перевод тезисов доклада «Learning to Love Forms» с конференции «WebVisions 2007» (автор Aaron Gustafson). Докладчик рассказывает о верстке форм, используя корректный и эффективный XHTML/CSS-код.
- Формы — это необходимое зло. Людям свойственно усложнять формы, хотя они могут быть представлены весьма просто.
- Рассматривайте верстку форм как создание обычного XHTML-кода. Но будьте готовы к несоответствиям со стороны браузеров и применению хаков.
- Разбивайте сложные формы на несколько простых частей.
- Старайтесь обеспечивать максимальную семантическую ценность кода.
- Не усложняйте дизайн форм.
XHTML & CSS приемы
- Элемент
FORM
создает форму. - Единственным обязательным его атрибутом является
ACTION
, и он всегда должен быть URI. - По умолчанию
METHOD
выставляется вGET
. - Атрибут
NAME
устарел, используйте вместо негоID
. - Элемент
FIELDSET
используется для группировки связанных полей формы. Может быть вложенным.
+33
Tabs Generator и Reflection Maker
1 min
2.5KTranslation
Вашему вниманию предлагается пара полезных (особенно для новичков) инструментов оформления сайтов. Названия не стал переводить, слишком уж ужасно получается: Генератор табов и Создатель отражений.
1. Концепт и интерфейс Tabs Generator похож на Stripe Generator, который позволяет вам легко создавать табы для меню ваших сайтов за считанные секунды. Можно настроить размер, цвет, радиус закругления, границу и цвет фона.
2. Reflection Maker — простой инструмент для создания Веб2.0-стилизованных изображений с отражением. Просто загрузите изображение с компьютера или укажите его адрес в интернете, откорректируйте степень отражения и необходимый цвет фона перед запуском. Замечу, размер изображения не должен превышать 200 Кб.
1. Концепт и интерфейс Tabs Generator похож на Stripe Generator, который позволяет вам легко создавать табы для меню ваших сайтов за считанные секунды. Можно настроить размер, цвет, радиус закругления, границу и цвет фона.
2. Reflection Maker — простой инструмент для создания Веб2.0-стилизованных изображений с отражением. Просто загрузите изображение с компьютера или укажите его адрес в интернете, откорректируйте степень отражения и необходимый цвет фона перед запуском. Замечу, размер изображения не должен превышать 200 Кб.
+15
Определяем браузер. Самый необычный способ
1 min
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
FancyUpload. Самая удобная закачка файлов, основана на flash и mootools
1 min
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
55 причин использовать XHTML-CSS при создании сайтов
4 min
3KTranslation
Перевод статьи «55 Reasons to Design in XHTML-CSS».
В случайном порядке здесь представлены мои 55 причин создавать только бестабличные сайты, используя валидный XHTML для разметки, CSS для форматирования и Flash только в качестве уместной вставки. Под бестабличностью я понимаю избегание форматирования контента таблицами (или «супом» из заменяющих таблицы div-ов) и нацеленность на как можно более семантичную разметку. Некоторыe из перечисленных причин объясняют, «почему не использовать простой HTML», некоторые — «почему не сделать все на Flash», некоторые относятся как к первому, так и ко второму.
Я знаю, что эта тема обсуждалась множество раз, но все равно выскажусь
В случайном порядке здесь представлены мои 55 причин создавать только бестабличные сайты, используя валидный XHTML для разметки, CSS для форматирования и Flash только в качестве уместной вставки. Под бестабличностью я понимаю избегание форматирования контента таблицами (или «супом» из заменяющих таблицы div-ов) и нацеленность на как можно более семантичную разметку. Некоторыe из перечисленных причин объясняют, «почему не использовать простой HTML», некоторые — «почему не сделать все на Flash», некоторые относятся как к первому, так и ко второму.
Я знаю, что эта тема обсуждалась множество раз, но все равно выскажусь
+16
Неконференция по новым медиа, блогам и Веб 2.0
1 min
59613-14 октября (суббота-воскресенье) 2007 года в Киеве пройдёт BlogCamp 2007 — «неконференция» для стран СНГ и Балтии по новым медиа, блогам, веб 2.0 и всем, что с этим связано. Хабрахабр.ру — информационный партнёр BlogCamp.
Киевский Блогкемп состоится в формате «баркемпа» (BarCamp), который возник в 2005 году в Кремниевой долине. Правила баркемпа просты: прийти может каждый, но если ты желаешь участвовать, то должен внести свой вклад (сделать презентацию, провести обсуждение, проанонсировать событие в своем блоге, снять и выложить видео с конференции, помочь с организацией).
+16
Переключаюсь на безопасную частоту…
1 min
1.3KШикарный, просто шикарнейший ролик о пользовательских интерфейсах.
Раз уж заговорили о военных интерфейсах: пользовательский интерфейс оператора ЗРК С-300.
Раз уж заговорили о военных интерфейсах: пользовательский интерфейс оператора ЗРК С-300.
+35
Начинаем. Все правильно?
1 min
689Добрый день. Мы готовим первый проект к запуску. Заканчиваем писать код, прикручиваем дизайн, провели исследование ресурсов-конкурентов, выбрали позиционирование в тематической нише и подошли к важному рубежу — меньше, чем через месяц движок будет готов.
Но по ночам не спится, все ли мы правильно делаем? Меня как руководителя проекта, волнует несколько вопросов.
1. Не слишком ли наш движок медленный?
На локальной машине p4 2.8GHz/1 Gb DDR-400 dual/ATA-100 с последними apache, php и mysql с практически дефолтными настройками время генерации страницы от 0.05 до 0.5 секунды при отсутствующей посторонней нагрузке. При этом время сборки кода без выполнения команд — 0.03 секунды. Какой хостинг нам понадобится для обслуживания нескольких тысяч посетителей в сутки?
2. Каких специалистов не хватает в команде?
На данный момент у нас есть программист, несколько специалистов по юзабилити, по аналитике, несколько контент-менеджеров. У нас абсолютно нет специалистов по рекламе, продвижению, нет юристов и нет администратора сервера, то есть мы пока полагаемся на хостера. Кого необходимо пригласить прямо сейчас, и кто потребуется сразу после запуска?
3. Какие непредвиденные денежные затраты повлечет запуск проекта?
На данный момент у нас решен вопрос с оплатой труда, но на сам проект остается не так уж и много — всего меньше тысячи долларов. Нужно ли привлекать дополнительные деньги? Чем грозит попытка стартовать, опираясь на такую сумму?
4. О чем мы не подумали, и какие ходы необходимо предпринять еще?
Спасибо, если расскажете про свой опыт, дадите совет, либо ссылку на раскрытую тему.
Но по ночам не спится, все ли мы правильно делаем? Меня как руководителя проекта, волнует несколько вопросов.
1. Не слишком ли наш движок медленный?
На локальной машине p4 2.8GHz/1 Gb DDR-400 dual/ATA-100 с последними apache, php и mysql с практически дефолтными настройками время генерации страницы от 0.05 до 0.5 секунды при отсутствующей посторонней нагрузке. При этом время сборки кода без выполнения команд — 0.03 секунды. Какой хостинг нам понадобится для обслуживания нескольких тысяч посетителей в сутки?
2. Каких специалистов не хватает в команде?
На данный момент у нас есть программист, несколько специалистов по юзабилити, по аналитике, несколько контент-менеджеров. У нас абсолютно нет специалистов по рекламе, продвижению, нет юристов и нет администратора сервера, то есть мы пока полагаемся на хостера. Кого необходимо пригласить прямо сейчас, и кто потребуется сразу после запуска?
3. Какие непредвиденные денежные затраты повлечет запуск проекта?
На данный момент у нас решен вопрос с оплатой труда, но на сам проект остается не так уж и много — всего меньше тысячи долларов. Нужно ли привлекать дополнительные деньги? Чем грозит попытка стартовать, опираясь на такую сумму?
4. О чем мы не подумали, и какие ходы необходимо предпринять еще?
Спасибо, если расскажете про свой опыт, дадите совет, либо ссылку на раскрытую тему.
+28
10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“
4 min
37KTranslation
Вашему вниманию предлагается перевод статьи 10 colour contrast checking tools to improve the accessibility of your design от Roger Johansson. Перевод alexbig
В моей повседневной работе мы создаём графический дизайн для большинства сайтов наших клиентов, но не для всех. Некоторые из них сами или с помощью дизайн студий делают визуальный дизайн и оставляют переход на HTML + CSS + JavaScript и CMS для нас. Когда такое происходит, я практически всегда сталкиваюсь с проблемами недостаточного цветового контраста в дизайне. Иногда эти проблемы достаточно второстепенные и допустимые, но зачастую, есть области, которые необходимо скорректировать.
Если вам интересно, почему меня волнует (и почему я думаю, что вы должны заботиться о) цветовом контрасте веб-сайта — очень просто. Если текст не имеет достаточного контраста со своим фоном — у людей возникнут проблемы. Все, кто страдает дальтонизмом или те, кто бороздят Веб не в идеальных условиях (плохой монитор, отражение окон, блики от солнца) не смогут прочитать текст, по крайней мере, без трудностей.
10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“
В моей повседневной работе мы создаём графический дизайн для большинства сайтов наших клиентов, но не для всех. Некоторые из них сами или с помощью дизайн студий делают визуальный дизайн и оставляют переход на HTML + CSS + JavaScript и CMS для нас. Когда такое происходит, я практически всегда сталкиваюсь с проблемами недостаточного цветового контраста в дизайне. Иногда эти проблемы достаточно второстепенные и допустимые, но зачастую, есть области, которые необходимо скорректировать.
Если вам интересно, почему меня волнует (и почему я думаю, что вы должны заботиться о) цветовом контрасте веб-сайта — очень просто. Если текст не имеет достаточного контраста со своим фоном — у людей возникнут проблемы. Все, кто страдает дальтонизмом или те, кто бороздят Веб не в идеальных условиях (плохой монитор, отражение окон, блики от солнца) не смогут прочитать текст, по крайней мере, без трудностей.
+7
Teamer и его команда
2 min
3KAteve Commercial представляет новый проект — Teamer.ru. С его помощью организация командной работы станет намного проще — как для компаний, так и для команд фрилансеров.
Проект предназначен для использования небольшими группами людей, которые решают некие задачи. При его создании мы сделали упор прежде всего на работу с интернет-проектами.
Проект предназначен для использования небольшими группами людей, которые решают некие задачи. При его создании мы сделали упор прежде всего на работу с интернет-проектами.
+51
Flash-Ajax Video Component
1 min
736В Adobe Labs выложили занятный компонент, благодаря которому ваши AJAX-приложения могут обзавестись flash-видео: вы получите всё необходимое для создания видео-плеера, с возможностью кастомизации HTML и Javascript.
+12
Вёрстка, CSS, Windows Mobile 5.0. Размер шрифта в IE и Opera Mobile
1 min
2.5KКорплю над стилями PDA-версии некоего весёлого сайта. Вижу, что IE Win Mobile и Opera Mobile имеют различия в отображении одного и того же кода:
body {
font: 100% Verdana, Arial,sans-serif;
color: #000;
background: #fff;
}
Шрифт в Opera Mobile выглядит 2 раза крупнее, нежели в IE. Оба браузера с настройками по умолчанию. Под катом рабочее решение. Не наступайте на грабли, друзья.
body {
font: 100% Verdana, Arial,sans-serif;
color: #000;
background: #fff;
}
Шрифт в Opera Mobile выглядит 2 раза крупнее, нежели в IE. Оба браузера с настройками по умолчанию. Под катом рабочее решение. Не наступайте на грабли, друзья.
+18
«Делаем стартап гостеприимным» или «Как использовать OpenID на своем сайте»
3 min
3.4KУверен, вам не раз подалась на глаза аббревиатура OpenID. Вполне возможно у вас сложилось мнение, что это эдакая модная штуковина, о поддержке которой все чаще заявляют различные популярные проекты. По большому счету так и есть, но зачем эта технология на самом деле нужна? Предположим, вы заядлый блоггер, у вас имеется учетная запись на wordpress.com, но случилось вам прочесть сообщение в чужом дневнике и возникло непреодолимое желание оставить автору комментарий. Но вот незадача – чужой дневник оказался на livejournal.com. Неужели только для того, чтобы оставить комментарий вам придется регистрироваться на «вражеском» блог-хостинге?!
+49
+14
PHP4 прекращает свое существование
1 min
1.2KСегодня (13 июля 2007) ровно три года с момента релиза PHP5. За эти три года он (PHP5) приобрел множество улучшений по сравнению с PHP4. PHP5 быстрый, стабильный, а поскольку на подходе уже PHP6, то 4-я ветка PHP больше не будет развиваться.
Команда разработчиков PHP объявляет, что поддержка PHP4 продлится только до конца текущего года. После 31 декабря 2007 больше не будет выходить релизов PHP4.4. «Мы будем продолжать выпускать фиксы безопасности «от случая к случаю» до 8 августа 2008 года. Пожалуйста, используйте время до конца года, чтобы сделать ваши приложения совместимыми с PHP5.»
В качестве документации по миграции с PHP4 на PHP5 разработчики предлагают ознакомиться со следующим документом: www.php.net/manual/en/migration5.php
via www.php.net
P.S.: Хостеры волнуются? (:
Команда разработчиков PHP объявляет, что поддержка PHP4 продлится только до конца текущего года. После 31 декабря 2007 больше не будет выходить релизов PHP4.4. «Мы будем продолжать выпускать фиксы безопасности «от случая к случаю» до 8 августа 2008 года. Пожалуйста, используйте время до конца года, чтобы сделать ваши приложения совместимыми с PHP5.»
В качестве документации по миграции с PHP4 на PHP5 разработчики предлагают ознакомиться со следующим документом: www.php.net/manual/en/migration5.php
via www.php.net
P.S.: Хостеры волнуются? (:
+26
Альтернативная замена popup окнам
1 min
2.7KКласс LightWindow v2.0 (http://stickmanlabs.com/lightwindow/) предназначен для удобного визуального отображения практически любой информации (видео, flash, графика, страницы, формы ...). Работает на основе библиотеки Prototype + Scriptaculous.
+30
На чём работает digg
2 min
1.6KМы уже рассказывали, на чём работает MySpace и как устроены дата-центры Google, а теперь посмотрим на более мелкие проекты, такие как digg. Здесь нет ничего особо уникального и сделанного «по спецзаказу», как в первых двух случаях, но всё равно интересно.
В момент запуска проект размещался на единственном Linux-сервере с Apache 1.3 и PHP 4.x. Для управления базами данных использовались MySQL 4.0, таблицы MyISAM и встроенный поиск MySQL. Разработчики специально старались использовать как можно больше продуктов open source, чтобы гарантировать быстрое развитие проекта без финансовых затруднений. Кроме вышеперечисленных, нашли применение свободные пакеты ImageMagick, Ispell, prototype/scriptaculous и другие. Вскоре к одному серверу добавился другой и начался бурный рост проекта.
В момент запуска проект размещался на единственном Linux-сервере с Apache 1.3 и PHP 4.x. Для управления базами данных использовались MySQL 4.0, таблицы MyISAM и встроенный поиск MySQL. Разработчики специально старались использовать как можно больше продуктов open source, чтобы гарантировать быстрое развитие проекта без финансовых затруднений. Кроме вышеперечисленных, нашли применение свободные пакеты ImageMagick, Ispell, prototype/scriptaculous и другие. Вскоре к одному серверу добавился другой и начался бурный рост проекта.
+62
Information
- Rating
- Does not participate
- Location
- Киевская обл., Украина
- Registered
- Activity