Головна » Статті » WEB-дизайн(html5,css,php...)
У категорії матеріалів: 6
Показано матеріалів: 1-6
Сортувати за: Даті · Назві · Рейтингу · Коментарям · Переглядам
Эффект падающего снега на сайте (javascript)

В связи с приближающимся Новым Годом думаю многие вебмастера захотят украсить свой сайт падающим на нем снегом. Мы это будем делать простеньким javascript который не будет сильно нагружать сайт, но в тоже время сделает очень красивый эффект.

Чтобы на сайте появился падающий снег нужно просто скопировать ниже предоставленный код к вам в сайт:

WEB-дизайн(html5,css,php...) | Переглядів: 574 | Додав: zverius | Дата: 07.12.2016 | Коментарі (0)

Анимация на CSS3 (transition)

Начнем с самого примитивного примера - сделаем плавный переход фона у ссылки. Вот всем известная стандартная реализация изменения CSS-свойств при наведении мышкой на ссылку:
 

Код
a.example {
padding: 10px 5px;
background: #ff93c3;
color: #fff;
border-radius: 3px;
font-weight: bold;
}
a.example:hover {
background: #9e66f1;
color: #bbb;
}


 

WEB-дизайн(html5,css,php...) | Переглядів: 434 | Додав: zverius | Дата: 11.11.2016 | Коментарі (0)

Анимированное меню на CSS3

В этой небольшой заметке представлен перевод статьи с tutorialzine.com о создании цветастого анимированного меню, используя лишь CSS3 и пиктографический шрифт Font Awesome. Если кто не знает, пиктографический шрифт — это шрифт, в котором вместо алфавитно-цифровых символов используются пиктограммы (они же «иконки»). Для разработчиков это означает удобный способ работы с элементами, содержащими пиктограммы — кнопками, тулбарами и т. п. Всё что для этого нужно — это поддержка браузером CSS3-загрузки шрифтов, что на сегодня умеют почти все современные браузеры. Для того, чтобы добавить пиктограмму внутрь элемента, вам нужно всего лишь определить  нужный класс для элемента и — вуаля, используя селектор :before, Font Awesome лёгким движением руки превращает брюки в элегантные шорты. Поехали.

WEB-дизайн(html5,css,php...) | Переглядів: 437 | Додав: zverius | Дата: 12.10.2016 | Коментарі (0)

SEO-анализ сайта самостоятельно
SEO-анализ сайта самостоятельно

О важности поисковой оптимизации не говорит только ленивый. Мы не ленивые =), не раз писали, например, на что ориентироваться при самостоятельной работе, давали SEO-подсказки и рекомендации, не так давно публиковали список инструментов, помогающих продвигать сайт быстрее и удобнее.

Однако советы советами, а как быть с практической задачей – анализом собственного ресурса? Что проверять, какими именно сервисами и программами воспользоваться, на какие показатели смотреть и как эти данные трактовать?

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

WEB-дизайн(html5,css,php...) | Переглядів: 1245 | Додав: zverius | Дата: 06.10.2016 | Коментарі (0)

Поисковая оптимизация сайта на ucoz

Поисковая оптимизация сайта на ucoz заключается в оптимизации, прежде всего следующих параметров:

  • meta description
  • meta keywords
  • title
  • h1

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

<head> <title>$MODULE_NAME$ - $SITE_NAME$</title>
<meta name="description" content="Описание страницы" />
<meta name="keywords" content="Ключевые слова страницы" /> </head>

Тег head не нужно прописывать, это указано для примера, где именно их искать.

 

WEB-дизайн(html5,css,php...) | Переглядів: 448 | Додав: zverius | Дата: 06.10.2016 | Коментарі (0)

Таблица HTML\CSS цветов

Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме

Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.

|HTML Имя Цвета|         |  HEX  |          | RGB |

WEB-дизайн(html5,css,php...) | Переглядів: 409 | Додав: zverius | Дата: 15.09.2016 | Коментарі (0)