Ergonomy optimization

июля 14

Каждый верстальщик знает, что такое кроссбраузерность и как порой тяжело ее добиться. И конечно же, как и обычного пользователя, у верстальщика есть любимый браузер, которым он пользуется в повседневной жизни. И пусть кинет в меня виртуальной какашкой тот человек, который не согласится, что проклятье для верстальщика - это самый распространенный браузер - Internet Explorer 6. (322819689)

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

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

Раньше я всегда следил за позициями браузеров в рунете, потом как-то стал следить реже, не до того. Вчера вот решил в очередной раз взглянуть. И вот что я увидел:

Случилось!!! Как долго я ждал, когда IE6 спрыгнет с верхней позиции! Как долго я мечтал о том, что юзвери узнают, что интернет - это не значок на рабочем столе, и что существуют куда более удобные программы для веб-лазания. Признаться честно - я недолго думая побежал за пивом :) , слегка отметил это событие. Но каково же было мое разочарование, когда я сегодня решил посмотреть статистику еще раз... Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: , , , ,

июля 01

Когда то я верстал сайты и (не бейте меня) даже не знал что такое валидация :). Да-да, именно не знал. Вернее я знал что она существует, знал что это круто, так как часто встречал это слово в сети, но что это такое я не знал. Так было до поры до времени, пока я не стал заниматься фрилансом. Вот там-то один из заказчиков и "ткнул меня носом"в баги, дав ссылку на результат обработки странички валидатором. Ошибок было немного, я быстро все поправил, но это задело меня, я стал разбираться в этой теме и много чего узнал такого, из-за чего мне стало немного стыдно за прежние работы.

С тех пор прошло много времени, накопилось немало опыта, и W3C стандарты стали для меня скорее законом нежели стандартами. ОЧЕНЬ редко я позволяю себе преступить этот закон, только при верстке самых экстремальных макетов. Бывает - наизнанку вывернешься, но сверстаешь "по правилам".

Недавно мне поступил заказ на верстку веб-странички. Вроде все как обычно: постояный заказчик, краткое ТЗ, приятный дизайн:

Но вот размеры макета оказались не совсем стандартны: Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: , , , ,

мая 27

Многие из нас уже настолько привыкли к чтению с монитора компьютера, что бумажные носители (книги в основном) уже воспринимаются как нечто устаревшее, неактуальное. Конечно, ведь в книге нельзя изменить размер шрифта, цвет фона, скопировать кусок текста одним движением мышки. И даже реклама там не мелькает. Но все же, согласитесь, приятно иногда подержать хорошую книгу в руках.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: ,

мая 26

Продолжая тему организации рабочего пространства покажу как я соорудил меню, в котором все нужные программы всегда под рукой. Уже несколько лет я пользуюсь программой True Launch Bar, которая расширяет функции панели быстрого запуска за счет добавления возможности объединять программы в группы, в результате чего получается что-то похожее на меню Пуск, то есть при наведении на значок группы открывается меню, из которого можно запустить необходимые программы.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги:

мая 26

Эта софтина никак не поможет тебе в верстке, зато может здорово помочь организовать рабочее пространство. У верстальщика обычно одновременно открыто множество приложений: несколько разных браузеров (у меня IE6, IE7, Opera и Firefox), Photoshop, просмотрщик картинок, блокнот и т.д.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги:

мая 25

Всем известно, что каждая картинка, прикрепленная к страничке (неважно, в html или css) – это обращение к серверу, на котором расположена эта страничка. Поэтому я в последнее время стараюсь сократить общее количество картинок, по возможности скомпоновав их.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: , , ,

мая 15

Notepad++ — бесплатный текстовый редактор для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL и распространяется под лицензией GPL.

Этот редактор представляет альтернативу стандартной утилите Notepad, которая входит в поставку Windows. Данную программу могут использовать программисты для редактирования кода или все те, кому необходим хороший текстовый редактор.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги:

мая 14

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

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: ,

мая 13

У меня очень часто спрашивают - как сделать картинки формата PNG прозрачными в браузере Internet Explorer. Тема заезженная и не раз обсуждаемая. Но, судя по количеству спрашивающих, вопрос всё еще актуален.

Для решения этой проблемы я использую два способа. Один для прозрачности фоновой графики, другой для картинок img.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: , ,

мая 12

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

К сожалению, CSS2 не поддерживает верстку колонками, а CSS3 только на подходе и еще точно не известно, как в нем будет организована эта функция. Да еще должно будет пройти некоторое время, прежде чем браузеры полноценно научатся обрабатывать CSS3. Поэтому попытаемся сверстать страничку двумя колонками в CSS2.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader.