DVF

Замечали, что в америке большинство сайтов имеет ограниченную ширину, а у нас большинство предпочитает “резиновые”, то есть растягивающиеся по ширине экрана? Провёл небольшой опрос и выяснил, почему так.

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

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

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

Есть замечательные исключения – российский клон FaceBook, сайт “вКонтакте”, при “заимствовании” дизайна внёс изменение – сделал фиксированной ширину. В результате выглядит он лучше, и навигация по странице удобнее.

Вопреки мнению “Васи”, сайты с фиксированной шириной оказалось делать ещё и выгоднее. Гугл сузил область выдачи поисковика до 800px. В итоге рекламные объявления отображаются ближе к выдаче, месту, на которое смотрит пользователь. До введения ограничения на широкоэкранном мониторе объявления находились на границе области видимости. В итоге доход вырос с $5,5 миллиардов до $5,9 миллиардов. Рамблер тоже сузил область выдачи, но до 1400px.

P.S. Бытует мнение, что резину верстать сложнее. Это не так. Чуть больше работы у дизайнера становится при нарезке картинок, шапка сайта, например, может состоять из крайне левой, крайне правой и центральной повторяющейся вместо одной полосы.

Стандартный совет: создайте в корне проекта файл autocomple.php и перечислите там классы CodeIgniter. А чтобы  автодополнение работало по всему приложению, добавьте также свои собственные модели и классы.

Copy Source | Copy HTML

1. <?php
2. /**
   * @property CI_Loader           $load
   * @property CI_Form_validation  $form_validation
   * @property CI_Input            $input
   * @property CI_Email            $email
   * @property CI_DB_active_record $db
   * @property CI_DB_forge         $dbforge
   * @property CI_Table            $table
   * @property CI_Session          $session
   * @property CI_FTP              $ftp
   * @property CI_Benchmark        $benchmark
   * @property CI_Calendar         $calendar
   * @property CI_Image_lib        $image_lib
   * @property CI_Email            $email
   * @property CI_Encrypt          $encrypt
   * @property CI_Exceptions       $exception
   * @property CI_Language         $language
   * @property CI_Pagination       $pagination
   * @property CI_Parser           $parser
   * @property CI_Trackback        $trackback
   * @property CI_User_agent       $user_agnet
   * @property CI_Validation       $validation
   * @property CI_Security         $security
   * @property Excel               $excel
   * @property Blog_model          $Blog_model
   * @property Test_model          $Test_model
   * @property Categoryes_model    $Categoryes_model
   * @property Gallery_model       $Gallery_model
   * @property Menu_model          $Menu_model
   * @property MPTtree             $MPTtree
   * @property Pages_model         $Pages_model
   * @property Portfolio_model     $Portfolio_model
   * @property Rights_model        $Rights_model
   * @property Users_model         $Users_model
   * ...
   */
3. Class Controller {
4.  
5. }

В NetBeans меня немного раздражает, что что открывающая скобка находится на одном уровне с оператором. По гайдлайнам CodeIgniter это не приветствуется, да и мне после C# не особенно облегчает просмотр кода. Глаз быстрее находит открывающую скобку, чем оператор или объявление. Как побороть?

Идём в меню “Tools”, пункт “Options”, закладка “Formatting”. Далее выставляем всё так:

После этого используем автоформатирование кода (Alt+Shift+F). 

В рунете часто путают две абсолютно разные вещи – юзабилити и ориентацию на дурака. Как часто приходилось слышать от разработчиков: “Да пользователь дурак, не будет он вводить”, “да не знает он”, “да не будет регистрироваться”.

Будет. Как миленький будет. И зарегистрируется, и введёт и разузнает. Посмотрите на наиболее ужасно спроектированные сервисы – от самого большого нашего национального почтовика с помоями вместо интерфейса до самого крупного сервиса дневников. Коряво, неудобно, глючит. Но регистрируются, более того, концентрация дураков гораздо больше, чем на всяких там ваших хабрах и иных гмэйлах. Более того, делаешь регистрацию платной – регистрируются, платную оценку фотографий или какую нибудь ещё более бредовую функцию (типа смайликов и картинок-подарков) – регистрируются и платят!

Не дурак пользователь вовсе, как считают заносчивые айтишники, ленив он просто. Технари забывают, что кроме компьютеров, в мире ещё много всякого разного, и во всём специалистом быть невозможно. А что зарегистрироваться не может – так помоги ему. Может, новый Эйнштейн на форум твоего сайта заглянуть решил, или старичок буржуй-инвестор денег хотел дать, да не смог. А дураками их назвать только дурак и может. Поэтому проектируйте просто, но не жертвуйте функционалом и защитой ради этой простоты. Лучше при клике на большой вопросительный знак красиво с помощью jQuery подсказку по регистрации на страницу вывести , чем убрать защиту от ботов и получить загаженный спамом блог или форум.

О подсказках, кстати. Размещайте их или до непонятностей на самой странице, или выводите на ту-же страницу скриптами. Кликать по ссылке, чтобы получить помощь будут единицы. Да, все ленивы.

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