Организация, оптимизация и кеширование CSS и JS файлов

Всем привет!

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

Этого вопроса в той или иной мере мы уже касались в некоторых наших статьях, но сегодня акцент будет не на внутренней организации файлов (кода), а на внешней (самих файлов). В конце статьи будет приведен скрипт для удобного автоматического сжатия и кеширования CSS и JS.

Когда уже IE6 не станет?

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

Сегодня я расскажу про два способа на php, как поставить такую заглушку себе на сайт.

Правда о простоте Гугла

Перевод заметки Дона Нормана The truth about Google’s so-called «simplicity».

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

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

Интерфейсные заготовки для веб-дизайнера 2

Со времени предыдущего сборника прошло девять месяцев. Вполне подходящий срок, для того чтобы на дизайнерских просторах народилось много новых интересных шаблонов, сборников. Для того, чтобы плавно вошли в обиход парочка мобильных платформ (Андроид и S60 5th edition) и появилась реклама третьей (Maemo), один очередной хардверный продукт одной компании, очердной софтверный продукт другой компании. Для появления CS5, наконец. Да много для чего достаточно девяти месяцев.

Поэтому пора прочистить трюмы, продуть сопла, разгрести загашники — для того лишь, чтобы насовать туда нового дизайнеского и проектировочного добра. Enjoy!

Информационный запах (information scent)

Сегодня у нас короткая заметка об интересной концепции.

Речь о том, что в процессе поиска информации человек постоянно старается определить, в правильном ли направлении или месте он ищет. Признаки, по которым ищущий определяет правильность, и есть информационный запах.

Пользователи глядят налево

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

Выжимка: 69% времени люди смотрят на левую половину экрана, 30% — на правую и 1% — на контент, уходящий за правый борт браузера. Исследование проводилось на мониторах 1024×768 пикселей.

Важен ли первый экран сайта

80% своего времени пользователи уделяют информации, находящейся в первом экране. Несмотря на то, что люди пользуются прокруткой, лишь 20% их времени посвящается тому, что находится ниже.

К прошлым переводам Нильсена я пару раз видел комментарии, что слишком много букв. Уже переведя треть этой статьи я понял, что я не обязан перводить каждое слово, изливая на вас потоки воды, а могу сделать краткую выжимку. Что ж, попробуем, что из этого выйдет. Сегодня у нас пересказ статьи Якоба Нильсена Scrolling and Attention, опубликованной у него на сайте 22 марта.

Уже после того, как я закончил перевод, Паша показал мне, что статья переведена на Хабре. Но работу я уже проделал, выкидывать жалко, да и интересно посмотреть, как скажется на читабельности материала мой эксперимент с выкидыванием воды. Кому хочется сравнить, вот хабровский вариант: http://habrahabr.ru/blogs/ui_design_and_usability/88692/

Меры времени в UX

Перевод статьи Powers of 10: Time Scales in User Experience.

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

Программы для управления шрифтами

Привет!

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

Как мне кажется, это одни из тех программ, до установки и использования которых, кажущиеся ненужными, а после некоторого времени работы с ними — незаменимыми. Ну по крайней мере у меня так ;-)

Сервисы для мониторинга доступности сайта

Всем привет, я снова с вами ;-)

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

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

Сегодня в программе платные и бесплатные, русские и нерусские сервисы, которые вовремя сообщат вам, что ваш сайт не работает и тем самым сведут потери к минимуму. Поехали!