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

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

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

ВНИМАНИЕ: в статье имеется большое количество крупных изображений.

Вступление. Эту статью написал мой друг — Семён Шторкин, владелец нижегородского сайта-коммьюнити для фотографов (фотогорький). Пока его, к сожалению, нет на Хабре, но попробую этим топиком заработать для него инвайт :)

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

Решил написать после прочтения топика «imhonet.ru + opendns».

Это маленькая заметка со скринами о возможностях сервиса OpenDNS, с которыми очень многие не знакомы из-за недостатка времени на регистрацию и чтение на английском.

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

5-минутная инсталляция WordPress это здорово – так легко создать свой блог! Однако, после установки WordPress, вам необходимо будет сделать еще несколько шагов, чтобы добиться от вашего блога как можно лучшего результата.

Нижеследующая информация может быть использована как памятка или шпаргалка при установке движка.

Перешел тут недавно на новый VDS для своих сайтов на хостинг webbynode.com. Очень все по-рельсовому сделано. Но сейчас речь не о них.

При регистрации предложили сделать аккаунт в приложении мониторинга RoR сайтов. Называются New Relic. Посмотрел презентации, и надо признаться, очень впечатлило. Как промо акция, там дают недельный gold-account, где можно воспользоваться всеми отчетами. Это, друзья мои, стоит внимания.

Дашборд для лайт версии

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

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

Тем кто когда либо заказывал разработку дизайна чего либо будь то сайт, лого, буклет и так далее, или делал по заказу подобное, должна быть знакома эта точка в проекте — «утверждение дизайна». Зачастую самая болезненная. Причины бывают разные, и одна из самых распространенных — неправильный выбор заказчиком критериев годности дизайна, и как следствие неверная постановка задачи, а результат — сорванные сроки, испорченные отношения, потерянные деньги и так далее. Вот об этом и напишу, как этот кошмар превратить в праздник ;)

Самые распространенные ошибки заказчика

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

За последнее время ситуация с типографическим оформлением сайтов потихоньку начинает улучшаться, но «средняя температура по больнице» растёт очень неуверенно. И в беседах с разными людьми я не раз слышал вопрос: «А зачем вообще заморачиваться с типографикой на сайте?»

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

Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:

1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
3. W3C-метод – используем @font-family и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.

В этой заметке я хочу показать вам процесс создания нового дизайна для скрипта интернет-магазина Simpla.

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

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

Автор данного топика — новый (ну, почти новый :)) хабрапользователь Elm

Я работаю методистом в питерском городском центре информатизации образования. Учу учителей использованию ИТ в своей деятельности (если кратко). Одним из направлений работы являются школьные сайты. Достаточно давно в этой тематике, 2 года назад с коллегой книжку написали, занимаюсь продвижением «Конструктора школьных сайтов» в Питере.

Сейчас мы провели первый городской фестиваль сайтов «Открытая школа». Каждый из 18 питерских районов представил лучшие (на их взгляд) школьные сайты. Отбирали научно-методические центры, а не школы, но всё равно на общем фоне почти все сайты были довольно-таки приличные. Нам, оргкомитету, анализировать сайты было тоже интересно — важно знать, что в этой области в городе происходит.

Эта статья является коллекцией некоторых мощных каруселей изображений и текстовых материалов, готовых к использованию в ваших Web-проектах. Она включает в себя Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) и учебное пособие о том, как реализовать простую карусель наподобие карусели во Flickr, используя Prototype-UI.

Прелюдия

С чего начинается бизнес в России? С легализации — государственной регистрации юр. лица или индивидуального предпринимателя? Не совсем — если копнуть глубже — с поиска времени и средств на эту легализацию. Беготня в налоговую, банк, толкучка в очередях, для юр. лиц — поиск и снятие в аренду помещения (ну, или, как минимум, покупка формального договора аренды), внесение уставного капитала, изготовление печати, поиск бухгалтера, в частных случаях — покупка кассового аппарата, 1С и т. д… Как вариант — покупки готовой фирмы, но это в любом случае соответствующие траты и некоторая компетенция.

Без легализации вести предпринимательскую деятельность, в принципе, можно, но таких предпринимателей судят за каждую добытую копейку по всей строгости статьи 171 уголовного кодекса. Распространяете парфюмерно-косметическую продукцию (avon, oriflame и т.д.)? Вы уголовник. Собираете в лесу грибы-ягоды, продаете на обочине или скупщикам? Вы уголовник. Регулярно берете заказы с фриланс-бирж и получаете оплату за их исполнение? Вы тоже уголовник.

Привет, дорогие хабралюди!

Пишет вам студент третьего курса кафедры «Интернет технологии» Московского Авиатехнологического Университета им. К.Э. Циолковского. На меня возложена почетная обязанность разработать новый сайт кафедры и факультета, чтобы привлекать абитуриентов и радовать студентов (сейчас он выглядит вот так и обрадовать никого не может). И, так как я свою кафедру очень люблю, мне хочется сделать все здорово. Если вы хоть немного заинтересовались, то добро пожаловать под кат.

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

Так уж получилось, что после выхода нового API захотелось сделать на основе него что-нибудь интересное как в принципе, так и с точки зрения технической реализации. И было бы просто замечательно, если бы это что-то оказалось полезным.

Судить вам :)

Разрешите представить приложение Месагер — систему обмена мгновенными сообщениями.

Доброго времени суток. Хочу представить вашему вниманию мою подборку значков (пиктограмм), размером 16х16. Все значки бесплатны для личного и коммерческого использования.
Архив содержит:

• SILK ICONS (www.famfamfam.com/ by Mark James)
• Fugue Icons версия 1.8.1 (www.pinvoke.com/ by Yusuke Kamiyamane)
• Silk Companion (www.damieng.com by Damien Guard)
• Xiao (www.ineversay.com by Delacro)
• Vaga (www.tenbytwenty.com by Ed Merrit)
• Sizcons (www.randomjabber.com by RandomJabber)
• Free Web Design Icon Set (www.semlabs.co.uk by SEM Labs)
• 3 сета бесплатных иконок от IcoJoy (www.icojoy.com)

Посмотреть preview и скачать можно тут или скачать с Народа

Ранее здесь была представлена статья о том как сделать вертикальный текст картинками, генерируемыми php.

Теперь я хочу вам рассказать о том как сделать поставленную задачу без картинок, флеш и js, только средствами html и css. К тому же стало возможно сделать текст под произвольным углом. В конце статьи есть готовый пример.