Специально для глубоких ценителей обоих продуктов — расширение Vimperator, которое добавляет в Firefox управление в стиле Vim.

• Клавиатурные сочетания в стиле Vim (h,j,k,l,gg,G,0,$,ZZ,,etc.)
• Ex-команды (:quit, :open www.foo.com, ...)
• Автодополнение с помощью Tab для всех команд
• Безмышиная навигация по ссылкам «Hit-a-hint» (после нажатия 'f' ссылки подсвечиваются одно- или двухбуквенными шорткатами, набирая которые можно переходить по ссылкам)
• Продвинутое автодополнение для закладок и истории (поиск не только в URL, но и в заголовке страницы)
• Статусная строка в стиле Vim с прогресс-баром в стиле wget
• Минималистический GUI (прячем ненужные меню и тулбар с помощью :set guioptions=)

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

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

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

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

Корпорация IBM выпустила новую версию пакета Lotus Symphony. Она позволяет открывать документы Microsoft Office 2007. Предприятия со всего мира смогут сэкономить миллионы долларов, если откажутся от использования Office 2007 и перейдут на Lotus Symphony, который является абсолютно бесплатным. Подробнее о продукте и возможности тестирования…

Сегодня вышел новый релиз Linux Mint 7 Gloria, дистрибутива основанного на Ubuntu 9.04 и обновлённым удобным оформлением и изменённым набором программ. Страница дистрибутива на Distrowatch третья по посещаемости.



Linux Mint отличается от других дистрибутивов низким начальным порогом вхождения, наличием в дистрибутиве (в обычной версии) кодеков, flash и других проприоритарных частей. Система полностью переведена на русский язык. Он разрабатывается очень небольшим количеством ребят в Ирландии и, по сути, является Ubuntu с установленными кодеками, необычной темой оформления и несколькими специально написаными для него утилит. Расположение элементов оформления напоминает Windows, что облегчает переход.

В седьмой версии были исправлены ошибки, и появилось несколько нововведений по сравнению с 6-ой версией. В основном меню появились «предположения», которые ускоряют работу с системой, «автоизбранное» — программы добавляются в меню избранного, если часто используются, иконка Корзины в меню показывает заполнена Корзина или нет. mintInstall теперь позволяет не скачивать скриншоты, в программе появился список самых популярных программ, улучшен внешний вид. mintUpdate показывает размер обновлений, а mintUpload — программа для заливки файлов в сеть теперь поддерживает любые ftp- и scp-сервера. Включена новая тема оформления, иконки и ещё несколько вещей.

Часы, которые показывают время максимально непонятным образом – довольно популярная категория гаджетов. Теперь добавился и настенный вариант. Программисты, математики, физики и просто неравнодушные к точным наукам люди должны оценить. Нормальных цифр на этом устройстве нет, а есть формулы. Кубический корень из 1728 – это 12, 3 – уникальный код цифры в XML и так далее. Полная расшифровка лежит на сайте продавца. Да, стоят часики 25 долларов.

На сайте Yota появился ролик с рассказом о роутере + немного общей информации о Mobile WiMAX. Как вам креатив?

Заранее спасибо за отзывы!

Каждый PHP-программист пользуется справочной информацией. Кто-то привык работать с документацией на официальном сайте. Кто-то постоянно стирает пальцами до дыр учебник или справочник по PHP. Некоторым хватает Гугла.

А вот я привык к руководству в формате .chm. А привычка — дело сложное.

Когда мне пришлось перейти на разработку под Линуксом, я так и не смог пересесть за мануал с официального сайта PHP. Ставил кучу каких-то программ-читалок этого вебхелп-формата. Одна не показывала русские буквы, вторая падала на каждом первом chm-файле, третья не могла читать оглавление, n-ная и вовсе не запускалась. Поэтому я решил действовать согласно золотому правилу, что сделать надо что-то самому для себя, а не ждать у моря погоды.

Если вы, как и я, привыкли к chm-руководству, то разрешите поделиться с вами вот этой ссылкой. Это веб-вариант справки.

Пользуйтесь на здоровье.

p.s. Сразу предупреждаю, что я знать не знаю, как сайт выглядит в Internet Explorer, так как под Windows я не работаю да и пост мой посвящён соответствующим людям. Сильно не придирайтесь, пожалуйста, делал не на продажу.

Рекомендация первая: забудьте про блочную верстку. Весь лэйаут должен быть на таблицах. При этом, без крайней необходимости — их тоже лучше не использовать. Также следует выкинуть из головы представления о семантике, сокращенных css-правилах, валидации, плавающих блоках — и прочее. Самый распространенный в РФ почтовый сервис на данный момент (mail.ru) вообще не понимает стили (css). Любые тэги/атрибуты style заменяются на xstyle и не работают. Вообще все.

Так что, фактически, при вёрстке html для почтовой рассылки надо мысленно переместиться в 90-ые годы прошлого века и смело использовать все распространенные приёмы того времени.

Для тех, кто с ними не знаком (как я был) — напомню:

Итак, в феврале 2009 г. в языке PHP появились новые функции для работы с массивами: функции array_replace, array_walk_recursive и array_diff_assoc, что упрощает работу с массивами и сравнение их элементов.

Остановимся на каждой функции и дадим примеры их использования.

В процессе расследования дела о почтовом мошенничестве в Нидерландах полиция столкнулась с весьма интересным фактом – неизвестный покупатель отдал 25 тысяч евро за телефон Nokia 1100.

Данная бюджетная модель была выпущена в конце 2003 г. и предназначалась для развивающихся рынков, в том числе для России. Цена телефона составляла менее 100 евро.

В попытках выяснить, почему киберпреступники готовы платить такие большие деньги за дешевый и внешне непримечательный аппарат, полиция обратилась к компании Ultrascan Advanced Global Investigations. Эксперты Ultrascan выяснили, что преступников привлекают не все аппараты Nokia 1100, а только изготовленные на фабрике Nokia в г. Бохум (Германия).

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

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




Но знаем ли мы почему возникли именно такие пропорции? Какой смысл в них закрыт? Что видели древние и почему упорно применяли их для создания произведений искусства, особенно, носивших религиозный смысл?



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

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

Под катом я еще немного ее обрисую.

Судя по результатам голосования, которое я проводил в своём блоге, большинство пользователей никак не типографируют тексты перед публикациями (НЛО не считается). Те, кто работают над текстами, в большинстве своём делают это вручную, поэтому я решил попробовать собрать воедино рецепты экранной типографики, дабы не забывать самому и напомнить другим. Не думаю, что статья будет чем‐то новым для опытных верстальщиков. Новички узнают, профи исправят :)

Содержание

1. Дефисы, тире, минусы и другие палочки
2. Кавычки и чёрточки
3. Скобки
4. Многоточие
5. Заголовки, списки

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





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

Как-то я видел забавный дизайн с обезьяной, позади которой очень занимательный фон который динамически менялся при изменении размера окна брузера.

Это достигалось за счет движения нескольких параллельных слоев.

С рассветом WEB 2.0 получили развитие и javascript фрэймворки, позволяющие вебмастеру делать динамические элементы сайта гораздо быстрее и проще. Одним из таких фреймворков является jQuery, получивший огромную популярность за свою простоту и невероятно малый вес. Итак, представляю вашему вниманию 10 наиболее полезных скриптов jQuery для улучшения интерфейса вашего сайта.

Еще одна идея «компьютеризировать» еще одну отрасль, а именно — обучение. Т.е. «комьютеризировать» не само обучение, а ведение результатов и оценок учебного процесса. То бишь создать on-line журнал.

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

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

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

UPDATE: Не то, что бы я опустил руки, но трезвым взором окинув комментарии понял, что идея хороша, и было бы не плохо ее реализовать. Но реализовывать ее одному очень сложно (не говорю — не реально), т.к. существует ряд достаточно весомых препятствий (кто не понимает о каких препятствиях идет речь — почитайте комментарии). Поэтому решил за это не браться.

После того, как я опубликовал давече тему о создании макета страницы, нам с тов. CurlyBrace пришла в голову одна интересная мысль: а не сделать ли того, что мы умеем делать лучше всего?

Да, вы правы! Денис любезно сверстал данный макет валидным и семантичным XHTML. Он — молодец, а я ему немного в этом подсобил, доделав небольшую деталь. Он большое внимание уделил размеру страницы и её исходного кода.

Внимание: топик не содержит WYSIWYG!

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

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

На написание этого текста меня натолкнули постоянные споры, возникающие за время моей практики как веб-дизайнера. Собственно, первый раз мне пришлось столкнуться с «резиновыми сайтами» благодаря прихоти заказчика. Когда дизайн проекта был полностью готов, а сам сайт сверстан и подключен, заказчик спросил: «А почему он не растягивается?». Было это достаточно давно, но этот вопрос я слышу примерно раз в 4-5 месяцев. О «резиновой» верстке сайтов говорили и писали много. Говорили что она обязательна, и наоборот, что использование ее ошибка. Однозначно, были причины возникновения резиновости. И утверждать, что использование этой технологии на 99% ошибочно, однозначно нельзя. Любую технологию нужно применить, если она нужна. Я хочу очертить примерную границу применения резиновой верстки.

Приветствую Хабр.
По мотивам cайта, сделанного сами знаете кем :)
В свое время увидел, такой эффект – слева сайта находятся ссылки, при клике на которые контентная область сайта плавно перемещается к указанному идентификатору. Эффект запомнился — решил повторить.
Для реализации плавного перемещения взял JQuery.