smashingjournal

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

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

1. Ненужное использование Flash

На самом деле Flash – очень полезная вещь. Главное использовать её в нужных случаях, с правильной целью. Например, текущее состояние и популярность онлайн потоков видео с сайтов, таких как YouTube, не существовало бы без использования Flash.

Но всё-таки минусов куда больше чем плюсов. Как плагин для браузера, он замедляет работу компьютера.

Иногда можно увидеть, что Flash используют для навигации, когда он просто не нужен. Это очень плохой вариант в этом случае. Никогда не повторяйте такой ошибки. Есть множество вариантов с использованием JS библиотек, таких как JQuery.

Ещё в 2000 году, Якоб Нильсен написал статью, где указал, что в 99% случаев использование Flash – плохо. До сих пор многие профессионалы доверяют ему и используют Flash лишь в очень необходимых случаях, о которых много написано в его статьях, особенно в разделе «Breaks Web Fundamentals».

2. Неудовлетворительные результат поиска

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

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

3. Плохие изображения

Эту проблему можно разделить на две части. Первая — использование неинтересных изображений, которые не подходят по смыслу или к Интернету, или вообще не модны на данный момент.

Вторая — качество изображений. Изображения сжимают, растягиваю по-разному, что ухудшает их качество и портит всю картину.

4. Структура ссылок

По умолчанию в системах управления используется динамичные URL обычно состоящие из случайных символов и букв (например: www.exampleurl.com/?p=52 ). У вас есть ключевая фраза к какой-либо статье или заметке? Тогда вам лучше попробовать другой формат ссылок: www.exampleurl.com/design/error-in-web-design. Даже если потенциальный посетитель не увидит это в результатах поиска, то всеравно такой вид загадочнее и удобнее для посетителей и поисковиков.

5.Отсутствие чёткой идеи вашего сайта

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

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

6.Непонимания с клиентами

Отношение с клиентами всегда важны. Клиент всегда прав. Вы должны всегда стараться угодить ему. Клиент — это ваш основной ресурс.

7.Несоответствие браузера

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

Если вы пользователь «Твиттера», то вероятнее всего вы в своего блоге отображаете followers, используя сервис от TwitterCounter.com. Сегодня я вам покажу еще один способ, чтобы ваши followers показывались текстом, а не кнопкой или баннером.

Первое, что вам нужно будет сделать, это вставить следующий код в файл functions.php, который находиться в вашей WordPress теме.

function string_getInsertedString($long_string,$short_string,$is_html=false){
if($short_string>=strlen($long_string))return false;
$insertion_length=strlen($long_string)-strlen($short_string);
for($i=0;$i if($long_string[$i]!=$short_string[$i])break;
}
$inserted_string=substr($long_string,$i,$insertion_length);
if($is_html && $inserted_string[$insertion_length-1]=='<'){
$inserted_string='<'.substr($inserted_string,0,$insertion_length-1); } return $inserted_string; } function DOMElement_getOuterHTML($document,$element){ $html=$document->saveHTML();
$element->parentNode->removeChild($element);
$html2=$document->saveHTML();
return string_getInsertedString($html,$html2,true);
}

function getFollowers($username){
$x = file_get_contents("http://twitter.com/".$username);
$doc = new DomDocument;
@$doc->loadHTML($x);
$ele = $doc->getElementById('follower_count');
$innerHTML=preg_replace('/^<[^>]*>(.*)<[^>]*>$/',"\\1",DOMElement_getOuterHTML($doc,$ele));
return $innerHTML;
}

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

<?php echo getFollowers("smashingjournal")." followers"; ?>

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

League Gothic

( Читать дальше... )

Если у вас на сайте стоит WordPress, то скорее всего у вас на сайт приходит много спам-комментариев.

Конечно, существует альтернатива — Akismet, но я расскажу вам еще один интересный способ. htaccess-трюк для предотвращения спама в ваш блог.

Вставьте простой код в свой .htaccess файл, расположенный обычно в вашем корневом каталоге вашего WordPress блога. Не забудьте указать URL вашего блога в 4 строке.

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

RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post\.php*
RewriteCond %{HTTP_REFERER} !.*yourblog.com.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]

Приведенный выше код проверяет реферер (URL источника запроса), когда происходит доступ к файлу wp-comments-post.php. Если реферер существует, и это ваш URL соответсвует вашему блогу, комментарий будет допущен. В противном случае, спам бот будет перенаправлен и комментарии не будут опубликованы.

Всем привет! теперь наш сайт http://smashingjournal.ru будет транслироваться в Живом Журнале. :)

Добавиться в друзья и читать можно с помощью этой ссылки: http://www.livejournal.com/friends/add.bml?user=smashingjournal