Статьи
Фиксированное меню быстрее в использовании | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Большинство дизайнеров уверены, что навигация является одним из наиболее важных компонентов сайта. Несмотря на это, ее не всегда можно легко и удобно использовать. Традиционно, пользователи должны прокручивать страницу назад к верхней части сайта для доступа к навигационному меню. Разработчики задались вопросом, делают ли фиксированные меню сайты более быстрыми для навигации, и провели исследование, чтобы найти ответ. Далее »
|
Как улучшить читаемость сайта | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Типографикой часто пренебрегают на сайтах. Это довольно плохо, потому что за счет улучшения типографики, вы можете улучшить как дизайн сайта, так и удобство его чтения. В этой статье собрано девять чрезвычайно полезных типографических советов, которые помогут вам сделать так, чтобы ваш сайт выглядел лучше. Далее »
|
Как уменьшить трафик и нагрузку на сервер | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Трафик (данные, которые передаются от сервера браузеру клиента), как правило, ограничивается хостинг-провайдерами. И, как владельцу сайта, вам следует убедиться, что вы используете как можно меньше трафика, чтобы избежать дальнейших проблем. В этой статье вы найдете самые полезные советы, которые сэкономят вам трафик и уменьшат нагрузку на сервер. Далее »
|
Упоминание сайта в Facebook и Google+ | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Иногда, вам может понадобиться узнать количество людей, которые поделились вашим сайтом в социальных сетях Facebook или Google+, или нажали кнопку «Мне нравится». Возможно, вы захотите вывести эту статистику в особом виде, и готовые решения от этих сетей вас не удовлетворяют. Для этого, в этом уроке я привел интересные PHP функции, которые помогут получить вам эту статистику и гибко распоряжаться ею. Далее »
|
CSS градиенты | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Слово «градиент» имеет много различных значений, но в CSS, градиент строго определен, как постепенный переход между несколькими (как минимум двумя) цветами. CSS градиенты появились сравнительно недавно, но уже претерпели несколько изменений. Первоначально, они были предложены командой WebKit в апреле 2008 года, и появились путем модификации синтаксиса, предложенного для элемента
|
Индикаторы загрузки с помощью SVG | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Несмотря на то, что последний тренд в веб-разработках заключается в создании элементов сайта без применения изображений, я решил показать вам в этом уроке, как создать анимированный индикатор загрузки с помощью SVG изображения, вместо стандартных CSS блоков и элементов. Мы создадим красивый индикатор загрузки, а задним фоном ему зададим SVG изображение. Далее »
|
Дружественный контент | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Контент на сайте обязан быть дружественным и читабельным для пользователей. Причина этому проста: контент — главная часть любого сайта. Если посетителю сложно пересказать и понять содержимое вашего сайта, то вы его, наверняка, потеряете. Именно контент, а не удобство навигации, или красота логотипа, составляет впечатление о любом сайте. Далее »
|
Идеальные иконки для сайта | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Даже если вы никогда раньше не рисовали ни одного другого типа иконок, скорее всего, вы когда-то создавали favicon для сайта. Вероятно, для большинства из вас, это обычная задача. Это будет идеальным началом, и в этом уроке вы научитесь создавать идеальные иконки ваших сайтов для всех необходимых целей, в том числе иконки сайта для различных браузеров и приложений. Далее »
|
Чекбоксы и переключатели с помощью CSS | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() В CSS у нас есть много способов стилизовать элементы тем способом, которым мы хотим. Однако, когда очередь доходит до форм, вещи несколько усложняются. С полями для ввода текста все довольно легко, но чекбоксы и переключатели очень тяжело стилизовать с помощью CSS. В этом уроке вы узнаете, как стилизовать эти элементы и создавать поистине удивительные формы с помощью одного CSS. Далее »
|
CSS фильтры | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() На протяжении всего времени, CSS предоставляет нам все больше и больше инструментов, чтобы обходиться без редакторов изображений, будь то 3D трансформации или радиус границы. Однако, недоставало такого инструмента, который мог бы изменять насыщенность, размывать, или иным образом изменять фотографии с помощью одного только CSS. Чтобы решить эту проблему, W3C пришел к CSS фильтрам. С помощью CSS фильтров мы можем достичь многих эффектов, которые применимы не только к изображениям, но и к тексту, и к HTML. Далее »
|