Примерно месяц или два назад отметил значительное ухудшение загрузки видео с youtube.com. Прсто катострофическое снижение скорости. Смотреть видео в качестве HD стало просто невозможно. Загрузка 15-минутного ролика в таком качестве могла идти больше получаса. Остальные сайты, в том числе и принадлежащие Google, грузились как обычно с хорошей скоростью, средняя скорость моего инета около 50000 кБит/сек. Как оказалось проблема довольно распостранённая, стоит набрать в том же гугле запрос «Долго грузятся ролики на Youtube» и получите толпу недовольных юзеров, а также умников, рекомендующих сменить провайдера, обновить flash-плеер или снять порчу с браузера. К счастью, ничего подобного делать не нужно, решение есть и оно довольно таки простое.
Читать полностью »
Просто не могу не высказаться на эту тему. На днях состоялся редизайн сайта телекомпании НТВ. Как пишут на сайте «…мы придумали новый яркий дизайн НТВ.ру…» Ага, и впрямь яркий, у меня чуть глаза не вытекли. Нет, ну правда, какой идиот решил, что сайту «не хватает красок»? Раньше был вполне неплохой, строгий дизайн новостного портала, а теперь это пёстрое, невнятное месиво из графики и текста. Типографика, кстати, тоже отстойная: ужасные шрифты, непонятные отступы. Зато впендюрили два виджета с подписчиками социальных сетей. С какой целью тоже не ясно, дань моде, наверное, или может просто, чтобы заполнить пустующее место. Вообщем, теперь сайт служит отличной демострацией того, как НЕ надо делать вебдизайн. Я даже скриншот тут не буду выкладывать, настолько он стрёмный.
Что первое видит практически каждый веб-разработчик, открывая psd-файл в Photoshop? Правильно, сообщение об отсутствии шрифтов.
Some text layer contain fonts that are missing. These layer will need to have the missing font replaced before they can be used for vector based output.
Значит веб-дизайнер опять использовал несистемные шрифты при создании своего шедевра. Хотя отсутствующие шрифты это ещё мелочи. Хаос творящийся в слоях может повергнуть в уныние даже самых стойких. Ни нормальных названий, ни сортировки по папкам. Ну да, конечно, дизайнеры же натуры творческие, зачем им порядок. А размеры шрифта вида «14,55» пикселей? А расплывчатые уродливые края у форм, из за отключенной привязки к пикселям? Этот список неприятностей, существенно осложняющих нам жизнь и замедляющих работу, можно было бы продолжить.
Я уже даже собирался написать некий свод правил, которые должны соблюдать добросовестные веб-дизайнеры. Но, к счастью, всё уже сделано до нас. Если в очередной раз вы получите psd-шаблоны без шрифтов, или какими-либо другими «косяками» от веб-дизайнера, просто пошлите его… ознакомится с манифестом фотошопного этикета.
Благодаря CSS3 и border-radius мы теперь можем верстать окружности, а что насчёт треугольников? Частенько в дизайне встречается какая нибудю мелочь, навроде этой ▲ маленькой штуки, которая при сортировке данных подсказывает пользователю каким образом они выведены: от большего значения к меньшему или наоборот.
Читать полностью »
Если у вас есть фотоаппарат, то наверняка в вашем компьютере хранится огромное количество фотографий. Фотки обычно хранятся в формате JPG в оригинальном разрешении и порой количество их так велико, что это начинает создавать проблемы с пространством на жёстком диске. Можно, конечно, попытаться удалить «лишние», но как я понял на собственном опыте, эта задача не из лёгких: даже не особо удачные фотографии просто жалко уничтожать. Далее я вам подскажу простой и непыльный способ сократить занимаемый размер фотографий почти вдвое.
Я почему-то всегда думал, что чем солиднее и успешнее компания, тем более умные и талантливые люди там работают. Чем более популярен сайт, тем с большим вниманием люди, работающие над ним, должны относиться к удобству его использования, к деталям интерфейса, к дизайну, скрупулёзно прорабатывая каждую мелочь, каждую деталь. Но про сайт livejournal такого не скажешь. Только полный идиот, которому плевать на свою работу и на пользователей, мог разместить элемент интерфейса таким образом, что он перекрывает собой навигацию по страницам, делая невозможным прочитать ранние записи в ЖЖ. Можете убедиться сами , если не верите скриншоту ниже.
Дизайнеры очень любят круглые уголки. Не спорю, они добавляют некоторую элегантность и элементы интерфейса веб-страницы выглядят более эстетично и привлекательно, однако реализация создаёт дополнительные трудности для верстальщиков. К счастью, с появлением CSS3 и свойства border-radius, которое уже поддерживают все современные браузеры задача значительно упрощается. Сделать закруглённые уголки для обычного блока DIV теперь можно буквально парой строк CSS. Но вот с картинками не всё так просто.
Читать полностью »
В проводнике Windows есть замечательная опция показа изображений в виде миниатюр. При просмотре папок с графическими файлами в режиме “эскизы страниц” пользователь видит уменьшенные копии (эскизы) изображений следующих форматов: JPEG, BMP, GIF, TIF, PDF, что значительно облегчает поиск нужного изображения. К сожалению, с psd файлами это не работает, хотя я почти уверен, что до выхода версии Adobe Photoshop CS2 такая возможность была. Дальше я расскажу, как самостоятельно заставить проводник показывать миниатюры psd-файлов если у вас установлен Photoshop CS2-CS5.
Читать полностью »
Я заинтересовался, почему bounce rate моего сайта очень высокий (82%). Для начала решил уточнить, что же это такое — «показатель отказов». Вот, что сказано на официальном сайте Google:
Показатель отказов — это процент посещений сайта, во время которых было просмотрено не более одной страницы или при которых посетитель покинул сайт со страницы входа (целевой страницы). Этот показатель позволяет определить качество посещения — высокое значение показателя отказов показывает, что страницы входа не соответствуют ожиданиям посетителей. Чем более привлекательны целевые страницы, тем больше посетителей будут задерживаться на сайте и становиться вашими клиентами. Снизить показатель отказов можно путем адаптации целевых страниц к каждому ключевому слову и объявлению. Целевая страница должна содержать ту информацию и те услуги, о которых говорится в объявлении.
На мой взгляд, тут есть очевидное противоречие. Что если пользователь полностью удовлетворён содержимым страницы на которой представлена ИСЧЕРПЫВАЮЩАЯ информация по его запросу?
Читать полностью »
Ссылку на этот сайт веб-разработчику, который занимается вёрсткой, нужно поместить на самое видное и доступное место.
Читать полностью »