Rambler's Top100
Максим Покровский

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



Сейчас работаю над:


  • Техническая поддержка popsop.ru( url )

    Текущий статус - изменнение функционала шаблона.

  • Разработка интерфейса для Korv ( url, design )

    Текущий статус - мелкие доработки графического интерфейса.

 Заказать мне работу

Рубрики / Теги

Последние записи

25.02

Структурируем HTML. Версия Покровского.
Комментарии (16) HTML


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

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

— За что? Все верно,правильно, кроссбраузерно, — послыщалось робкие возражения.
— Ну и что. Код он как одежда на человеке. Человек может быть хороший, но если как бомж одевается, то вряд ли путного в жизни добьется. Верстать надо красиво и чисто. Про чистый код я уже рассказывал. Теперь о красоте будем говорить.

— Первое правило - это соблюдение иерархии отступов. Для этого, диво как хорош notepad++ Вот, например, как выглядит хорошо структированный код в нем.

notepad_printscreen.jpg

— Второе правило - это знать меру. Логика здесь такая. Мало оформления - пиши в строчку, много - блюди иерархию. Проиллюстирую:

Оформление контейнера

Нам нужно оформить контейнеру четыре уголка. Забьем пока болт на современные методы, благодаря которым можно оформить все в одном div

Красиво:

<div class="lt-bg"><div class="rt-bg"><div class="lb-bg"><div class="rb-bg"> <!-- оформление -->
   <!-- Содержимое -->
</div></div></div></div>

Некрасиво:

<div class="lt-bg">
   <div class="rt-bg">
      <div class="lb-bg">
         <div class="rb-bg">
            <!-- Содержимое -->
         </div>
      </div>
   </div>
</div>

Простой список

Красиво:

<ul>
   <li><a href="#">О нас</a></li>
   <li><a href="#">Услуги</a></li>
   <li><a href="#">Наши работы</a></li>
   <li><a href="#">Наши партнеры</a></li>
</ul>

Некрасиво:

<ul>
   <li>
      <a href="#">
         О нас
      </a>
   </li>
   <li>
      <a href="#">
         Услуги
      </a>
   </li>
   <li>
      <a href="#">
         Наши работы
      </a>
   </li>
   <li>
      <a href="#">
         Наши партнеры
      </a>
   </li>
</ul>

Сложный список:

Красиво:

<ul>
   <li>
      <div class="lt-bg"><div class="rt-bg"><div class="lb-bg"><div class="rb-bg"> <!-- оформление -->
         <a href="#">О нас</a>
      </div></div></div></div>
   </li>
   <li><a href="#">Услуги</a></li>
   <li><a href="#">Наши работы</a></li>
   <li><a href="#">Наши партнеры</a></li>
</ul>

Бррр…:

<ul>
   <li>
      <div class="lt-bg">
         <div class="rt-bg">
            <div class="lb-bg">
               <div class="rb-bg">
                  <a href="#">
                     О нас
                  </a>
               </div>
            </div>
         </div>
      </div>
   </li>
   <li>
      <a href="#">
         Услуги
      </a></li>
   <li>
      <a href="#">
         Наши работы
      </a>
   </li>
   <li>
      <a href="#">
         Наши партнеры
      </a>
   </li>
</ul>

Простая таблица:

По аналогии с простым списком

<table>
   <tr>
      <td><a href="#">О нас</a></td>
      <td><a href="#">Услуги</a></td>
      <td><a href="#">Наши партнеры</a></td>
   </tr>
</table>

Сложная таблица:

По аналогии со сложным списком

<table>
   <tr>
      <td>
         <ul>
            <li>
               <div class="lt-bg"><div class="rt-bg"><div class="lb-bg"><div class="rb-bg"> <!-- оформление -->
                  <a href="#">О нас</a>
               </div></div></div></div>
            </li>
            <li><a href="#">Услуги</a></li>
            <li><a href="#">Наши работы</a></li>
            <li><a href="#">Наши партнеры</a></li>
         </ul>
      </td>
   </tr>
</table>

Собственно вся наука.

Метки:, ,
21.02

Advanced-Admin-Menus
Комментарии (1) Misc, ПроНеКод

Advanced Admin Menus

Замечательный плагин, в жанре Must Have. Advanced Admin Menus заменяет обычное неудобное меню админки на всплывающее. Незаменимая вещь для диалпщиков и визуально то же неплохо смотрится. Скачать его можно с сайта автора

Читать далее

18.02

Грабли Wordpress
Комментарии (7) ПроНеКод

На днях столкнулся с проблемой хостинга одного сайта. Мастерхост по неводомым мне причинам, не дал создать базу в UTF-8, предпочитая CP1251. Однако данные в базе хранились в UTF. Как следствие с счастливом воплем новорожденного, родились крокозябры. Манипуляции со строчками

define('DB_CHARSET', 'CP1251');
define('DB_COLLATE', 'utf8_general_ci');

ничего путного не дали. Только сменили шило на более приемлемое мыло. Вместо сплошных крокозябр, последние появились только вместо букв “Ш” и “И”. Штурм твердыни суппорта ничего не дал. Пришлось подключать сторонний мозг… и средство нашлось.

Открываем файл wp-db.php ищем в нем $this->dbh = @mysql_connect($dbhost, $dbuser, $dbpassword); и после этой строчки пишем:

mysql_query( 'set names utf8' );
mysql_query ("set

…

Читать далее

Страница 4 из 16«12345678910»...Последняя »

!

Самое обсуждаемое

Они читают меня, я читаю их

— Люди делятся на заказчиков и тех, кто может ими стать.
(девиз успешного фрилансера)