Правила хорошего тона в HTML

Здравствуйте, с Вами на связи снова я – Александр, и сегодня мне хотелось бы поговорить с Вами о том, какой же должен быть HTML, что в нём должно быть такого, что бы у Вас сложилось впечатление, которое позволило бы Вам назвать человека – действительно профессионалом, ну или хотя бы человеком который имеет большой опыт, знания и у него можно было бы поучиться чему-либо в области HTML.

( Читать дальше )

Названия “классов” и “id”

Здравствуйте уважаемый пользователь данного портала, сегодня я хотел бы поговорить с Вами о классах, а именно о том, как их правильно называть, есть ли какие-либо стандарты названия классов и “id” (идентификаторов), важно ли это вообще?

( Читать дальше )

Немного про Photoshop

Здравствуйте, уважаемые пользователи, в данной статье я постараюсь дать Вам немного советов по работе с программой Adobe Photoshop, а именно хочу рассказать о некоторых так называемых горячих клавишах, которые скорей всего смогут увеличить Вашу скорость работы с данной программой, возможно сделают работу с ней приятней, а может быть даже помогут узнать что-нибудь новенькое.

( Читать дальше )

WebDeveloper (Mozilla Firefox)

Здравствуйте, уважаемый пользователь, на связи с Вами снова я – Александр, и сегодня мне хотелось бы поговорить с Вами о разного рода дополнениях, которые помогают в работе с вёрсткой, ускоряют её, оптимизируют, или же просто делают работу приятней. Не знаю какой у Вас любимый браузер, и может быть он даже не один, но лично мне симпатизирует браузер под названием “Opera”, особенно понравилась последняя десятая версия, которая вышла буквально на днях, если мне нужно что-либо найти в интернете, проверить почту и т.д. то я обязательно пользуюсь именно этим браузером. Но когда необходимо выполнять работу, то я обязательно обращаюсь к браузеру под названием “Mozilla Firefox”, так как он имеет на мой взгляд прекрасные дополнения, которые делают мою работу качественней, приятней и при этом я трачу на всё значительно меньше времени. О некоторых из данных дополнений, я и хотел бы Вам сегодня рассказать.

( Читать дальше )

3 колонки DIVами

Здравствуйте уважаемый пользователь портала cssclub.ru. В данной статье речь пойдёт о том, как сделать 3 колонки с помощью DIVов, а именно как сделать так, что бы две колонки были фиксированной ширины, а между ними при этом находилась колонка которая тянется, в зависимости от размера (ширины) браузера.

( Читать дальше )

DIV по центру

В данной статье я бы хотел показать Вам пару примеров размещения блока по центру экрана. Это очень просто, если блок имеет статическую (фиксированную) ширину, и немного проблематичней, если ширина блока варьируется (меняется в зависимости от наполнения контентом).

( Читать дальше )

PNG fix для ИЕ6 (Internet Explorer 6.0)

В данной статье, я хотел бы привести Вам пример, на мой взгляд самого удачного скрипта, который поможет нам справиться с проблемой отображения полупрозрачных картинок (PNG) в браузере ИЕ6. Если данный скрипт Вам понравится, то Вы без труда сможете его скачать и использовать в своих целях для решения данного рода проблем.

( Читать дальше )

Форматы изображений для Web …

В данной статье я хотел бы описать 3 основных формата изображений, которые используются при создании интернет сайтов. Как Вы уже наверное догадались речь пойдёт о *.gif, *.jpg, и *.png. Подавляющее большинство данных форматов используются в интернете, так как они хорошо сжимают изображения.

( Читать дальше )

Верстка заголовков со сглаживанием (способ №2)

Для начала хочу обратить Ваше внимание на аналогичную статью, но в которой немного другой подход к решению задачи: Верстка заголовков со сглаживанием

Итак, хочется начать с того, что бы рассказать Вам, что это вообще за заголовки то такие? Это, к примеру, название статьи, но только в шаблоне (в *.psd документе) дизайнер например применил к тексту несколько эффектов, это может быть просто текст с градиентным фоном, или тень от слов, или же используется не стандартный шрифт. Как Вам наверное известно, заголовки такого рода вырезаются в виде картинки, они могут быть очень красивыми но к сожалению сделать так что бы в браузере они выглядели точно также как и на *.psd средствами HTML и CSS реализовать к сожалению нельзя, кроме как конечно же вырезать этот текст в виде картинки и вставить в HTML код этот заголовок как картинку.

( Читать дальше )

Photoshop или Image Ready?

Когда я только начинал заниматься версткой сайтов, первое, с чем я столкнулся, был Photoshop. Все мои друзья, знакомые которые освоили данный род деятельности, использовали и используют именно эту программу для порезки *.psd файлов на необходимые элементы будущей веб-страницы (слайсы). Именно по этой причине я так же использую данную программу и в принципе ей доволен. Но, на сегодняшний день я вижу что ситуация немного меняется, и многие люди уже использую не Adobe Photoshop, а такую программу как Adobe ImageReady. Эта программа очень напоминает Photoshop, но это и не удивительно, так как все, наверное, знают, или догадываются исходя из названия, что она была разработана одной и той же корпорацией.

( Читать дальше )