Как создать XML карту сайта

Нам часто стали приходить предложения написать несколько статей про основы SEO оптимизации сайтов. Поэтому мы запускаем серию статей на данную тему, и начнем с Карты сайта. XML Карта сайта представляет собой простой текстовый файл, который используется, чтобы предоставить информацию о каждой ссылке на вашем веб-сайте. Карта сайта включает в себя местоположение, дату последнего изменения страницы, частота изменения и приоритета для каждого URL адреса. Если у вас есть международный или многоязычный сайт, вы можете также использовать карту сайта, чтобы составить связь между языковыми версиями URL адресов. Все эти элементы снабжают поисковых ботов информацией о вашем сайте, помогая им сканировать и индексировать страницы наиболее легко и эффективно.

Продолжить

Расширяемая форма поиска

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

Продолжить

Редактирование изображений в CSS. Часть 1: Фильтры

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

Продолжить

Создание вертикальной шкалы времени на CSS и JavaScript

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

Продолжить

Веб дизайн за 4 минуты

Скажем у вас есть продукт, портфолио, или просто идея которой вы хотите поделиться со всеми на своем собственном сайте. Перед тем, как опубликовать её в Интернете, вы хотите чтобы она выглядела привлекательно и профессионально.

Продолжить

CSS Эффекты при наведении элемента Caption

Сегодня я хотел бы показать вам, как создать несколько стильных эффектов при наведении для элемента caption. Идея состоит в том, чтобы создать сетку и применить к ней различные эффекты при наведении, которые будут содержать заголовок, автора и кнопку. Для некоторых эффектов, будем использовать 3D transforms.

Продолжить

Обзор Pure.css / Альтернатива Bootstrap

В то время как Bootstrap, занял огромную часть Интернета, он также может немного ухудшить производительность сайтов. Pure.css это адаптивный фреймворк от Yahoo, и предлагает минималистичную, хорошо задокументированную и гибкую альтернативу.

Продолжить

Вход