К выходу готовится проект, где будет куча рэп-видео. Там будет вообще все от читки во дворе до мега-фестов и клипов. Сначала русское, потом американское, потом по списку...

Решил я такое сделать, потому что не встретил еще не одного проекта, где все есть. И не просто есть, а еще и разложено по полочкам.

Ух ты! Я домены начал регать. Цена за ру — 105 рублей. Такое же продление. Если интересуют другие зоны, то спрашивайте.

Пока что нет удобного сайта для реги (высад, да-да), но пишите в асю (559-021-277) и зарегаю.

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

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

• Учимся верстать — Часть 1: Каркас
• Учимся верстать — Часть 2: Верх
• Учимся верстать — Часть 3: Горизонтальное меню и шапка
• Учимся верстать — Часть 4: Левый блок
• Учимся верстать — Часть 5: Контент

Итак, продолжим наш урок верстки. В этот раз сделаем левый блок (он же sidebar). Для начала пропишем все содержимое в HTML.

В ходе добавления нам приходится создать три картинки — «block_name.png», «all.png », «link1.png» и «link2.png» Теперь нужно посчитать ширину левой части и отсупы. У меня получилось 234 пикселя — ширина, отступ сверху 8 пикселей, отсуп слева 12 пикселей. Пропишем это.

Ну все, теперь можно оформлять элементы начнем сверху. Это у нас блок. Весь он обведен рамкой и ширина у него 189 пикселей. Заголовок блока имеет высоту 32 пикселя и растянут по всей ширине. Текст в блоке от левого края имеет отступ 9 пикселей, а от правого 14, снизу 21 пиксель, сверху 15 пикселей. Разделяются посты горизонтальной чертой («pp.png»), сверху от черты отступ 9 пикселей, а снизу 12. Черту мы будем делать при помощи SPAN. Нужно задать блочное отображение и однопиксельную высоту, а так же фон и отступы и все будет работать. Шрифт будет Tahoma (знаю, плохой я макет подобрал >.<).

Теперь займемся меню. Оно на самом деле проще чем кажется. Берем фоновую картинку и задаем ее фоном для LI добавляем ссылку, отступы и готово. Для сохранности трафика пользователей мы обрежем постоянный фон картинки и зададим его цветом. Что-то типа того («menu_bg.png»):

Кроме того нужно добавить задать высоту (22 пикселя) и ширину (200 пикселей) LI. Отступ сверху и снизу для всего меню, 10 и 9 пикселей относительно. В LI отступ текста от верха будет 5 пикселей, а от лева 28 пикселей. На столько же нужно сократить высоту и ширину, дабы привести их к нормальным размерам.

Ну вот и все. В следующей части будем верстать контент, а сейчас вопросы и ответы.

У каждого солдата есть свое оружие. Как правило это автомат, пистолет, нож, граната и т.п. У верстальщиков тоже есть своеобразное оружие, которое помогает справиться с любыми трудностями верстки. Давайте рассмотрим все в отдельности.

Самое основное — это блокнот. Там пишется весь код. Но блокнот тоже должен быть не абы какой. В стандартном вы устанете разбираться, ибо там все сливается в одну блевотно-текстовую массу. Я советую всем использовать Notepad++. Там очень удобно подсвечивается синтаксис и разбираться в коде максимально удобно. Так же там есть авто подбор (для тех, кто все забывает), ну и много других прелестей, в которых, при желании разберется каждый. Некоторые могут сказать, что куда лучше Adobe Dreamweaver. Нет! Одна причина — адобовская приспособа жрет ну очень много драгоценных ресурсов.

Далее. Вы никак не сможете обойтись без программы Adobe Photoshop (как альтернатива Adobe Fireworks). Нужен он для «нарезания макета на куски». В принципе фаерворкс будет полегче, как в интерфейсе, так и в затрачиваемых ресурсах. Но часто приходится что-нибудь переделывать (самую малость), а в фотошопе это делать куда проще. Поэтому советую именно его.

Никак не обойтись без браузера. Даже без нескольких браузеров. У меня стандартно стоит пять браузеров — Mozilla Firefox, Opera, Internet Explorer, Google Chrome и Safari. Кроме того я юзаю пакет IETester. В него включены все версии MSIE. Это очень удобно, если учесть, что в разных версиях разные косяки, а тестировать нужно везде.

Основной браузер, разумеется, Mozilla Firefox. Его необходимо снабдить специальными инструментами (a.k.a. плагинами).

• Firebug — очень нужная вещь. Подсвечивает синтаксис. Позволяет править код прямо в браузере.
• HTML Validator — Проверяет код на соответсвие стандартов W3C
• WebDeveloper — Самый полезный плагин. Позволяет «играть» с размерами браузера, графикой, CSS, формами, кодами. Кароче там целая тонна прелестей, которые облегчат вашу работу.

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

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

Во-первых, эти фразы знают далеко не все. Разумеется, каким-то стандартным набором владеют абсолютно все, но во многих местах сайто строители явно уходят за минимальный лексикон посетителей таких сайтов.

Во-вторых, мы живем в России! К черту все иностранное, нужно поддерживать отечественного производителя. Нет, я не против устоявшихся слов таких, как, скажем, «логин». Но создавать сайт, состоящий в какой-то степени из непонятных слова неправильно и ебануто.

P.S. Исключение. Такое возможно на сайтах, которые интересны только прокаченным отаку, которым все это известно и понятно. А размещать иегролифы где попало ни есть кул. Понимаю всю красоту и символику Японии, но, я почти в каждом иерголифе/неизвестном слове чувствую послание на хуй. А я должен понимать, что меня приглашают и подсказывают что да где.

Вывод: Юзайте русский язык

Меня бесит подобная реклама. На исполнение тут смотреть не стоит, я вообще про идею. Она неэффективна. Во-первых, потому что за такой картинкой будут явно ждать не ОАО «Тверской комбинат по производству печенек», а приколы про Девида Блейна и еже с ним. А это значит, что потенциальный клиент резко превращается в разочарованного пользователя. А это ведь не есть гуд? А, во-вторых, такие вещи быстро забываются и/или знают о таких вещах далеко не все. Скажем, зайдет мой родитель в интернет и увидит такую рекламу, то долго он смотреть не будет на баннер и уйдет куда подальше, ибо какой-то урод нарисован непонятно к чему, нет связи с печеньками. Все это к тому, что интернет-персонажи в рекламе — огромная тупость. Пользы от нее мало, а дешевизна этого не внушает доверия.

Отойду от темы, дабы повозмущаться о другом. Сегодня в банке был. Там какой-то бабке перевели доллары, а получить хотела в рублях (может и меняла просто). Ей посчитали по курсу продажи, на что она возмутилась, что курс не тот, в газетке было другое, а вы занимаетесь обдираловством откровенным. На что, в ответ, ее культурно выпроводили из банка, без объяснения что да как. Кроме того, ей не дали «Книгу жалоб», которую она очень даже просила. Не любят в России своих клиентов, ох не любят... Не люблю я это в России...

UPD: Явно страдает у меня сила слова. Речь о рекламе печенек)

Какое-то время назад я зарегистрировался на сайте Best Persons, но как-то не рассмотрел его и забил нафиг. Теперь понял, что зря. Меня сайт поразил своей удобностью — мега-кульная RSS лента, подобных я еще не встречал, не менее крут вывод своих сайтов и лент которых я читаю. В общем порадовало. Разумеется минусы еще есть. К примеру, мне абсолютно не нравиться вывод обновлений на главной юзера, то что в разделе «Мои контакты нет моих контактов (мейл, ася и т.д.)», так же опускаются руки при невозможности поиска друзей по сайту, но это все мелочи. Главное это крутость главной и лента. Я рад, а остальное — дело времени и привычки.

Кидаем ссылки на свои странички!

«В мире просто очень много гондонов. Будь начеку!» © Миша Абасов 3BC72997726C17E058C5BFD0357BE63E

С какими клиентами я не работаю.

• С теми, кто хочет заплатить меньше денег, чем нужно (если, скажем, верстка стоит 100 баксов, то я не продам ее за 50).
• С теми, кто не знает, что хочет увидеть в итоге. Бесит постоянно все менять... Такие проекты тянуться годами и от них только убытки.
• С теми, кто мне ебет мозги (Сила фриланса в том, что я работаю с кем хочу).
• С теми, кто нереально туп и даже не попадает под категорию «если помучиться и по объяснять пару часов, то будет результат.

С остальными людьми я всегда могу найти общий язык.