Записи с меткой Вёрстка

Оптимизация изображений для посетителей и поисковых систем

Сразу ответим на вопрос - для чего это делать? Для привлечения посетителей. Оптимизация изображений часто упускается из виду, при проведении работ с сайтом. Изображения также могут привлекать трафик, через поиск изображений...

- далее -

Все о теге Title (заголовка)

Что такое тег Title? Этот тег был, и, скорее всего, будет одним из наиболее важных факторов ранжирования в результатах поиска. Фактически, исправление одного только заголовка ваших страниц позволяет быстро и эффективно изменить позиции вашего сайта. И благодаря словам в теге Тайтл можно добиться увеличения CTR в результатах поиска...

- далее -

Как создать вкладки при помощи CSS и jQuery плагина Tabify

Сегодня хочу рассказать о небольшом jQuery скрипте, который позволяет быстро и легко создавать на страницах простые вкладки. Сам скрипт называется Tabify. Вы можете скачать последнюю его версию на сайте автора. Чтобы создать на вашей странице вкладки, достаточно просто подключить библиотеку jQuery и скрипт Tabify. Оформление вкладок, как всегда будем описывать правилами CSS...

- далее -

Как автоматически выравнивать высоту блока содержащего плавающие элементы

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

- далее -

Что такое верстка шаблона для сайта

Верстка это кодирование страниц сайта, то есть написание кода на языке HTML в соответствии с утвержденным дизайном. На сегодня страница представляет собой код из нескольких языков. Обычно это HTML, CSS, и  JavaScript. Процесс верстки сайта это сложный многоэтапный процесс и это неотъемлемая часть процесса изготовления сайта. Верстка не укладывается в понятие «работы на несколько дней»,...

- далее -

Как создать цветные метки при помощи CSS

CSS заметно облегчает жизнь веб разработчикам и создателям сайтов, особенно третья редакция с поддержкой всевозможных градиентов, скруглённых углов, анимаций, теней и много другого. Теперь на создание элементов, где ранее использовались хитрости с графикой, уходит минимум времени и средств. Достаточно для тэга назначить стиль, а в стиле прописать нужные правила. И нужный эффект создаст уже сам...

- далее -

Таблица цветов html и их коды

Иногда, в процессе работы над элементами сайта или над всем сайтом, нужно подобрать какой-нибудь красивый цвет а также знать шестнадцатеричный код этого цвета. Для этого в сети существует множество цвето определителей. Например, если Вы используете браузер Firefox, то можете использовать плагин Colorzilla, чтобы получить Hex код цвета отображаемого на экране. Но если у Вас нет времени...

- далее -

Как улучшить читабельность кода

Дорогие друзья, сегодня поговорим о том, какие приёмы нужно использовать в своей работе над кодом, чтобы он был легко читаемым и выглядел более профессиональным. Я также как и большинство разработчиков не работаю над проектом в одиночку, а работаю в команде. Мне приходиться много работать над кодом HTML, CSS и JQUERY, и я стараюсь сделать весь...

- далее -