вход

Блог → Метка → Вёрстка


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

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

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

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

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

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

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

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

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

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

Хитрости CSS которые вы должны знать

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

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

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

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

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

читать про верстку для сайта

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

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

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

узнать как сделать цветные метки

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

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

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

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