Мне иногда присылают на вёрстку одинаковые, на первый взгляд, макеты одного проекта и найти в них различия, пытаясь разобраться в огромном количестве детализированной графики, довольно сложно, особенно если в шаблоне присутствуют скрытые слои. Бывает, сам дизайнер не помнит, что именно он изменял в шаблоне и изменял ли вообще. Таким недисциплинированным дизайнерам, у которых вечно путаница с шаблонами, и всем, кто сталкивался с подобной проблемой и вообще работает с Adobe Photoshop я рекомендую программу ComparePSD. Читать полностью »
Как несложно догадаться из названия статьи речь пойдёт о css-свойстве третьей спецификации box-shadow, которое добавляет к блочным элементам тень. Сегодня веб-дизайнеры уже вовсю используют его, даже не смотря на то, что данное свойство поддерживается не всеми браузерами или поддерживается, но неполностью. Итак, для начала разберёмся с правильным написанием данного свойства. Читать полностью »
В CSS есть великолепная возможность назначать разные стили для разных разрешений экрана. С ростом популярности мобильного интернета и увеличением количества разнообразных мобильных гаджетов эта возможность становится всё более востребованной. Многие знают, что в CSS есть правило @media, которое позволяет указать тип носителя, для которого будет применяться указанный стиль. Читать полностью »
Краткая заметка, которая, возможно, поможет сохранить время и нервы начинающим верстальщикам. Речь пойдёт о стилизации инпутов (input), тоесть полях формы. Казалось бы, чего тут сложного? Основные параметры, а именно ширина и высота задаются стандартно — width и height. Посмотрим в браузерах как это выглядит. На первый взгляд всё отлично, однако начинаем заполнять поле, и видим, что в Internet Explorer текст прилипает к верхней границе поля. Читать полностью »
Давно хотел высказаться на тему каптчи (CAPTCHA). Не хочу долго подбирать слова, просто скажу: «Господа веб-разработчики! Идите вы в жопу со своей каптчей!» Мне абсолютно непонятно, почему пользователь должен решать ваши проблемы.
Что такое вообще — каптча? Это система-тест по распознаванию символов, позволяющая якобы определить, кем является пользователь системы: человеком или компьютером. Кому она нужна и какие задачи выполняет? Нужна она исключительно владельцам сайтов и служит для защиты веб-сайта от интернет-ботов (для защиты от спама). Почему же в таком случае вы перекладываете эту проблему на плечи посетителей вашего сайта? Читать полностью »
Как то раз, сидя напротив коллеги, я задал ему вопрос. Тот продолжал стучать по клавиатуре, уставившись в монитор. Не будучи уверен, услышал ли он меня, я повторил вопрос, на этот раз громче. Коллега, не отрывая глаз от монитора, пробурчал, слегка раздражённо: «Я слышал, что ты спросил, я просто думаю над ответом». На что я парировал, что он мог бы дать мне как-то знать, что не готов ответить сразу.
Причём, я вовсе и не ожидал от него немедленного ответа, да и вслух он мог ничего не говорить. Мог бы просто закатить глаза и принять глубокомысленную позу. Для меня важно было в этот момент понять, услышал ли он меня.
Рассмотрим похожую ситуацию, с которой каждый пользователь сталкивается ежедневно. Читать полностью »
Пока я тут всяким глупостями занимался, навроде попыток объяснить очевидные вещи людям, которые не в состоянии видеть дальше своего носа, чуть не пропустил значимое событие. После продолжительного затишья обновился мой любимый редактор CSS — TopStyle. Справедливости ради скажу, что это я использую этот текстовой редактор только для редактирования css-файлов, а вообще он отлично справляется и с HTML. Программа успела сменить разработчика, так как предыдущий просто не справлялся по времени и никак не совершенствовал и не развивал TopStyle. Читать полностью »
Представляю краткий обзор дизайна новостных сайтов. Пока только зарубежных, чуть позже рассмотрим и отечественные.
Вот некоторые схожие черты у рассмотренных мною сайтов, которые удалось заметить.
Фиксированная по ширине разметка, никакой «резины».
Хотя в тексте крупные шрифты на этих сайтах не популярны (в большинстве используется размер в 12-13 пикселей), почти всегда пользователю предоставляется возможность самому регулировать размер. Причём реализовано это в виде дополнительной опции с помощью javascript.
На подавляющем большинстве сайтов для обозначения ссылок используется цвет близкий к стандартному, однако практически везде у ссылок нет подчёркивания.
Ещё слишком многие пользователи не обновили IE хотя бы до 7-ой версии и продолжают использовать шестую. Если верить статистике, то это почти четверть всех пользователей. Слишком много, чтобы при разработке сайтов отказываться от поддержки этого морально устаревшего браузера и не тестировать в нём создаваемый проект. Читать полностью »