Итак, вы житель пространства под общим названием «Outside US», вам наконец таки пришел инвайт в Google Voice и как положено порядочному задроту и любителю сервисов Google вы прямо таки мечтаете там зарегистрироваться, дать Google денег или просто получить от него бесплатный номер в соединенных штатах (и зачем он вам?!).

Вы радостно проходите по ссылке и читаете:

«Google Voice is not available in your country.
Thanks for visiting Google Voice. We're not yet open for users outside the US, but are planning to expand our service to additional countries in the future. „

Но где наша не пропадала! (наша, пропадала везде!).

Не забудьте почитать:
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь)
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 2. (или здесь)

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

05. Сдержанность и деликатность

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

Один скриншот стоит ста слов.
Очень часто разработчику/тестеру приходится создавать скриншоты — проиллюстрировать баг, указать на неточность в описании, просто быстро перекинуть знакомому какую-то часть экрана со смешной цитатой из блога или прикольное совпадение между новостью и баннером.
Как делают непродвинутые пользователи? Print screen -> Paste to Photoshop/Paint -> Save as -> Upload to Imageshack -> получить ссылку. Фух.
Продвинутые используют какой-то сервис, типа clip2net (презентация на хабре). Он позволяет значительно сохранить время на создание скриншота, но всё равно надо кликнуть порядка десяти раз и пройти через несколько экранов чтобы получить свою ссылку.
Решение
Gyazo — предельно простая утилита. Один клик — запустить приложение, второй клик — выделить область на экране. Всё — после этого программа сохранит скриншот на своём сервере (в PNG), откроет картинку в открытом браузере и запомнит её в клипборд.
Есть версии дистрибутива и под win, и под linux, и под mac.
Update: прошло полгода. К сожалению гязо стал тормозить и подглючивать. Поэтому перешёл на использование clip2net. К чести его создателей — сейчас там можно добавить «значения по умолчанию» на многие действия и работать так же проято как и с гязо.

Не забудьте почитать: Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь).

А сегодня поговорим о том, что такое хорошо продуманная типографика и как правильно организовать элементы на странице.

03. Хорошо продуманная типографика

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

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



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

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

Надеюсь ни у кого не будет разрыва сердца от увиденной эмблемы :) В то время когда у меня качается Windows 7 RC — в закромах я нашел Windows 3.11, та Windows с которой я начинал… Поставить ее, конечно, оказалось не так просто из-за того что у меня нет floppy дисковода. Потому пришлось сделать через… ну в общем не самым прямым путем. Поставил ее на VMWare версии 6: сначала скачал какой-то boot CD с возможностью загрузки DOS 6.22, создал раздел (fdsik), форматнул (format c:) и скинул туда системные файлы (sys c:), открыл жесткий диск от созданной машины (при помощи VMWare) и туда покидал установочные файлы Win 3.11. Сначала хотел поставить русскую, но сразу понял, увидев кракозябры при установке, что придется вспоминать какие там cp прописывать в config.sys — потому решил не заморачиваться и поставить ENG версию.
Ну и напоследок еще один скиншот от любимой и незабытой:

Если кому то инетерсно покапаться, то вот выложил архив с виртуальной машиной от VMWare: Windows 3.11.7z (~16Mb, пароль — outcoldman)
UPDATE:забыл написать, сначала загружается dos, чтобы запустить windows нужно выполнить команду win.

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

Так же предлагаю присоединиться тем, кто так же развивает различные коммьюнити и поделиться своим опытом, своими наблюдениями.

Опыт этот очень интересен, поможет, я думаю, многим стартаперам. В интернете на эту тему информации практически нет, поэтому эта тема поможет многим.

Через неделю нашему блогу Хреновина.net исполнится 9 месяцев. За это время мы набрали уже неплохую популярность и регулярно получаем отзывы-благодарности за интересный контент. Что греха таить, то, что мы делаем, нам и самим нравится. И мы были бы рады, если бы подобного рода контента в Сети было побольше. Сегодня мы хотим поделиться некоторыми приёмами изготовления интересных постов.

Онлайн инструмент для создания цветовых схем. Есть 6 вариантов подборки цветов, возможность корректировки яркости контрастности отобранных цветов или выбор из имеющихся вариантов (темное / светлое и т. п.), возможность просмотреть шестнадцатеричные коды основного цвета и дополнительных, есть функция предпросмотра «сайта» с выбраными цветами со светлым / темным фоном, симуляция различных нарушений восприятия цветов людьми, рандомайзер, а так же API для интеграции с вашим сайтом. www.colorschemedesigner.com

1. Идея должна быть достойна того, чтобы стать вирусом. Если она не стоит того, чтобы о ней говорили, то никто и не будет о ней говорить.

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

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

Предыстория: одна из критических частей кода проекта покрыта юнит тестами основаными на фреймворке SimpleTest. В связи с переходом на PHPUnit необходимо было адаптировать существующие тесты под новый тестовый фреймворк.
Причем необходимо было оставить работающими тесты как в режиме SimpleTest, ну и заставить их работать в PHPUnit. Код самих тестов, естественно, один и тотже.

Было выделено три ключевых момента где есть различия между SimpleTest и PHPUnit:

• 1. Запуск тестов
• 2. Используемые методы проверки и наследование
• 3. Обработка результатов тестирования

Сервисы, которыми я пользуюсь и всячески советую:

• Basecamp — Удобная система для управления проектами. Как раз сегодня перешёл на следующий тарифный план, теперь у меня есть лимит на 35 проектов, 10гб места, SSL и Time tracking.
• Wufoo — Позволяет быстро и удобно создавать формы. Лучше, чем программирование тем, что не нужно задумываться о безопасности, удобно настраивать уведомления (есть даже специальная десктопная программа для получения заполненных форм).
• Dropbox — Синхронизирует одну из папок на вашем компьютере с интернетом. Можно давать на файлы из неё прямые ссылки. Также, можно давать права доступа на внутренние папки другим пользователям — удобно для обмена файлами по работе.
• Vimeo — Самый удобный видео сервис из тех, что я нашёл. Простой, красивый, отличное качество видео.
• Google Docs, Google Calendar, Google Reader, Picasa. Ссылок и описаний не дам, странно, если вы сами не знаете эти гуглосервисы.Говорят, что Flickr лучше чем Picasa. Возможно, но мне уже элементарно лень переносить туда фотографии.

То, чем я собираюсь воспользоваться:

• Zendesk — Онлайн система поддержки пользователей (тикеты). Используется, например, Твиттером.
• hab.la — Лайв чат для посетителей сайта с возможностью отвечать на их сообщения через джаббер.

То, что мне идеологически нравится но по разным причинам почти не используется:

• Twitter — Лайвжурнал для ленивых нёрдов и офисного планктона. Но у него есть большой плюс — туда можно писать с мобильного телефона, через смс. Читать совершенно некогда но иногда пишу.
• Friendfeed — не пользуюсь так как читаю RSS через Google Reader. Но рано или поздно начну.

Безусловно, я мог что- то забыть, поэтому список будет дополняться. Но поскольку это кросспост из моего блога — обновления будут там.

Вопрос о стилизации <input type=«file» /> настолько стар, что наверное только ленивый не пробовал собственную реализацию этого, несомненно, важного в web дизайне элемента.
Однако, в большинстве своём, решения очень не однозначны и зачастую предлагают примерно следующие варианты:

• Наложить файл инпут поверх картинки и сделать его прозрачным.
• Использовать flash.

При этом, в первом случае, чтобы всё работало относительно одинаково во всех браузерах, предлагается «спорные области» — те что в одном браузере являются активными для нажатия, а в другом неактивными — закрыть, например, наложив сверху <div></div>. Стоит ещё добавить, что тут же используется значительное количество css со всяческими отрицательными отступами и float`ами.
А во втором случае мы имеем ряд не удобств связанные с активацией flash элементов (например в IE), а лично у меня (и думаю у всех, кто в ФФ использует Add Block Plus дополнение) кнопочка block совсем не красит флешевый инпут файл.

Так уж сложилось что MSSQL не имеет своего аналога функции LIMIT в MySQL (за исключением TOP). Но достаточно часто возникает необходимость выбрать определенный интервал значений не с первого а например с 1000-го.

100links.com
24open.ru
4dh.com
7exp.ru

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

Это правило поможет вам. Не смотря на то, что оно простое, оно очень эффективно.

Стив Круг и Якоб Нильсен учат нас: если пользователь быстро не понял, нужна ли ему информация – он уйдет. Текст будет прочитан очень бегло, буквально одно-два предложения.

Как правильно составить текст для сайта? Что поставить вперед, а что приберечь на потом? Когда я впервые задался этим вопросом, мой отец, в прошлом журналист ТАСС, рассказал о правиле пирамиды. Его, в свое время, научили коллеги из BBC (Би-би-си, а не вэ-вэ-эс, если что).

Рекомендации по html-коду, вёрстке и немного — по копирайтингу. Актуально для февраля-2009

Это не очередной список «101 совет, как достичь идеала в том-то», которых полно в интернете. Это «инсайдерская информация» SEO-компании, ведущей более 600 проектов. Перечислено то, на что мы обращаем внимание, начиная поисковую оптимизацию. Разумеется, не всё получается реализовать (например, движок сайта что-то не позволяет, а где-то пункты противоречат(!) друг другу). Ничего страшного. Если больше половины рекомендаций получается реализовать, то это уже очень хорошо!

Официально объявлена GE 5.0.
Информация об обновлениях на официальном сайте. Здесь уже была первая информация о Google Earth 5.0. Занимаюсь GE с 2005 года, хотел бы поделиться своими впечатлениями и профессиональным опытом.

Наиболее важные из новых возможностей GE, с которыми уже поэкспериментировал:

• Подводное пространство
• Марсианские хроники
• Мультимедийные дополнения (запись туров — псевдовидео и аудио)
• Новые теги в KML
• Расширенная поддержка html в баллонах

В файле, используемом на сайте Полезные программы Google, появилась интересная информация о новом продукте Google — GDrive.

Фрагмент файла:

1. // Localized product category of GDrive
2. _CI_messages.CI_GDRIVE_CATEGORY = 'Резервное копирование и хранение в Интернете';
3. // Localized short description of GDrive (1st
4. // of 2 description lines)
5. _CI_messages.CI_GDRIVE_DESCRIPTION_1 = 'GDrive надежно сохранит фотографии, музыку, документы и все остальные ваши файлы';
6. // Localized short description of GDrive (2nd
7. // of 2 description lines)
8. _CI_messages.CI_GDRIVE_DESCRIPTION_2 = 'GDrive позволяет вам в любой момент получать доступ к своим файлам из любой точки мира при помощи компьютера, браузера или мобильного телефона';

На прошлой неделе Google официально представил очередную разработку в рамках «20% личного времени» которая вышла за пределы компании. Инженер по разработке Бен Лисбаккен (Ben Lisbakken) создал API Playground, с которым изучение кода для Google Javascript API становится легким, как никогда ранее.

API Playground предоставляет простой и удобный интерфейс написания и тестирования javascript-кода для восьми сервисов Google, использующих API, это: Maps, Search, Feeds, Calendar, Visualization, Language, Blogger, Libraries и Earth. Кроме того новый API Playground скоро станет способом по умолчанию для демонстрации примеров JS-кода. Еще одна хорошая новость заключается в том, что гигант перевел часть исходных кодов под лицензию Apache 2.0 для использования в Playground.

На данный момент на «игровой площадке» (playground) доступно более 170 javascript-шаблонов, начиная от простых списков, слайдшоу основанных на медиа-RSS и заканчивая KML-файлами Google Earth.

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

Google Code Blog via ReadWriteWeb