Дизайн сайта на основе одного цвета

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

Продолжить

Создание страницы модулей при помощи PureCSS и SMACSS

Сегодня мы создадим красивую, модульную страницу с использованием фреймворка PureCSS от разработчиков Yahoo!. Также мы поговорим о принципах SMACSS (масштабируемая модульная архитектура для CSS).

Продолжить

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

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

Продолжить

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

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

Продолжить

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

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

Продолжить

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

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

Продолжить

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

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

Продолжить

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.