Преамбула

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

Коротко и по делу о растеризации логотипов.

Китайский художник Xia Xiaowan создает уникальные картины, рисуя их на слоях стекла. Получается ощущение застывшего объема:

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

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

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



Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.

Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.

За последнее время Хабр очень сильно вырос. При создании очередного топика у меня возникла необходимость поискать по названиям блогов на хабре. У самого хабра такой возможности нет, но эту проблему можно решить с помощью Google.

Итак, открываем google.com и пишем такой запрос:

site:habrahabr.ru inurl:blogs intitle:Блог intitle:Хабрахабр intitle:Программирование

Где вместо слова «программирование» нужно вставить искомое слово

Склейка домена обычно происходит при необходимости переехать с одного домена на другой, например, при покупке нового более красивого адреса или попадания в бан одной из поисковых систем старого. Иногда же клеят в корыстных целях чтобы получить чужой тИЦ/PR, но сейчас о первом случае.

Хотелось бы сразу оговориться, что склейка домена занятие не трудоёмкое само по себе, но довольно нервотрепательное и долгое. И, на мой взгляд, без особой надобности её не стоит делать, ибо будут потери посещаемости.

Самым же неправильным методом переноса сайта на новый домен с минимальной потерей посетителей, на мой взгляд, будет следующий:

Привет всем Хабралюдям!
Сегодня я хочу поделиться с сообществом одним очень затягивающим и увлекательным способом убить свободное время и просто отвлечься.

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

Помимо таких очевидный вещей Яндекс умеет следующие «фишки» с ключевыми словами.

• Если начать запрос со слов "что такое… " будет произведён поиск по Яндекс.энциклопедии (яндекс словари). Например: Что такое акведук?
• Добавив в конец запроса "… по-английски" (немецки, французски) можно получить перевод слова. На русский язык можно перевести добавив вначале англоязычного запроса слово "перевод" Например: колбаса по-английски
• Узнать погоду можно набрав "погода" или "погода в… " для того, чтобы узнать погоду не в вашем городе. Если погоду в родном городе можно увидеть прямо на главной странице, то погоду чтобы узнать погоду в «произвольном» городе придётся сделать несколько лишних нажатий выбирая его в списке. Или правильно задать вопрос :) Например: погода в Оймяконе
• Текущее время можно узнать спросив "Который час?" или "Сколько времени?". По заверениям Яндекса работает даже запрос "Скока время?" (и не врут!). Опять же — больше пользы от такого запроса когда надо узнать время в другом городе. Вместо того, чтобы искать разницу во времени и вычислять — можно просто спросить. Кстати можно спросить и "Разница во времени между… и ..." или «Разница во времени с… » Например, разница во времени Мурманска и Хабаровска
• Для москвичей работает сервис по информировании об отключении горячей воды. Правильные запросы «горячая вода», «отключение воды» или «график отключения». В этом случае появится форма для ввода адреса и после его ввода — график. Впрочем, адрес можно ввести и в запросе. Тоже сработает.
  UPD. Оказывается уже не работает :(
  
• Ну и узнать свой IP адрес можно по запросу «мой IP». Можно спросить и в свободной форме «мой айпи» и даже "мой айпишник"
• Можно ввести название цвета. Синий, или даже яйца дрозда

Источник информации.

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



Ну как, совпадает? :)

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

Автор: Андрей Новоселов, Киев.

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

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



В результате мы решили, что из этого может получиться интересный проект. Назвали мы его VoxelArt Project. Здесь каждый может создать свою воксельную картинку и сохранить ее в галерее. Характерно то, что создание изображения не так просто и больше похоже на головоломку типа пятнашек. Также очень забавно наблюдать, как от перестановки вокселей ломается пространство.



Ждем ваших работ в галерее проекта.

Для этой статьи мы отобрали 55 дизайн студий и студий веб-разработки, проанализировали их сайты портфолио и определили популярные закономерности дизайнов для таких сайтов. Основной целью этого изучения было предоставление фрилансерам и дизайн студиям полезных ориентиров для создания своего собственного портфолио.

Мы сделали мозговой штурм самых важных вопросов касающихся дизайна и задали вопрос дизайнерам со всего света – какие решения они чаще всего должны принимать при создании дизайна для сайта портфолио. Мы также попросили дизайнеров сказать нам какие именно вопросы они бы хотели увидеть проанализированными в данной статье. В итоге у нас получился список из 40 вопросов касающихся дизайна сайта портфолио, которые мы сгруппировали по важности. И, в конце концов, мы искали хорошие сочетания состоявшихся дизайн студий и красивых сайтов портфолио малых и больших агентств.

По мотивам этого перевода.

На одном из текущих проектов мы хотели добавить эффект на иконки меню — приподнимание в момент наведения мышкой. Я поэкспериментировал, используя встроенный в jquery эффект animate, на иконках двух типов: с отражениями и с тенями.



Смотрим демо

Недавно я наткнулся на сайт Dragon Interactive (dragoninteractive.com). Сайт этот достаточно добротно сделан в плане дизайна. А изюминкой можно назвать их анимированное меню. Ну вот если бы это было сделано в Adobe Flash, я даже и не упоминал бы о таком. Но при более близком рассмотрении оказалось, что их меню — это сочетание простых XHTML, CSS и Javascript. В данной статье я собираюсь продемонстрировать, как создавать менюшки (очень близкие к Dragon Interactive’s menu).

Смотрим демо

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

Написать подробную инструкцию меня сподвигнула обзорная заметка на сайте dikiy.com
Под катом так-сказать пошаговая инструкция как запустить онлайн чат на своем сайте

Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI

Часть I

Как-то ко мне обратился знакомый дизайнер с просьбой разобраться в странной по его мнению ситуации. Клиент просил «сделать так же, как у Apple», но с использованием собственных способов расположения блоков, изображений, цветовой гаммы и текста. В общем, дизайн в итоге получался совершенно непохожий на apple.com, но этого, собственно, и добивался клиент. И вроде бы у дизайнера получилось, но… Клиенту по-прежнему не нравилось, он всё равно требовал переделать макет. По его ощущения «что-то было ну совсем не так». А что именно — тот объяснить был не в силах. Вот и возник вопрос у моего коллеги по поводу того, как угодить капризам клиента и понять его чаяния. Оказалось всё не так просто, но вполне объяснимо. Я и раньше сталкивался с данной проблемой. Поэтому решил попробовать изложить свои мысли по этому поводу.

Итак, какова ситуация в области современной веб-типографики и какими способами следует решать возникающие проблемы?

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

Хотя Firefox 3.0 улучшил отображение шрифтов, привнеся поддержку кернинга, лигатур, различных толщин, а также поддержку отображения сложных начертаний, всё же авторов ограничивало использование в своих дизайнах только общедоступных шрифтов. Firefox 3.5 снимает это ограничение, вводя поддержку CSS-правила @font-face — это способ прицеплять шрифты TrueType и OpenType точно так же, как нынче прицепляют код и иллюстрации. Браузер Safari поддерживал этот вид гиперсвязи со шрифтом, начиная от версии 3.1, а в Opera объявили, что планируют поддержать его в Opera 10.

Использовать @font-face для гиперсвязи со шрифтом — сравнительно несложно. Внутри стилевого файла каждое свойство @font-face задаёт используемое имя шрифтового семейства, и подгружаемый шрифтовой ресурс, и стилевые характеристики заданного начертания — скажем, полужирное ли оно, курсивное ли. Firefox 3.5 скачивает шрифты только по мере нужды, так что стилевой файл может задать полный набор шрифтов, из которых лишь выборочно несколькие станут использоваться в действительности.

/* Graublau Sans Web (www.fonts.info) */
 
@font-face {
  font-family: Graublau Sans Web;
  src: url(GraublauWeb.otf) format("opentype");
}
 
body {
  font-family: Graublau Sans Web, Lucida Grande, sans-serif; 
}

Браузеры, поддерживающие @font-face, отобразят текст при помощи Graublau Sans Web, тогда как более старые браузеры отобразят его при помощи либо Lucida Grande, либо начертания по умолчанию для sans-serif. Вот пример:

Вот эта картинка создана .bat файлом: