Все для веб-дизайнера
Записи с метками Разработка сайта
Заставка для сайта с эффектом параллакса на JS
6 Июн
Сегодня мы бы хотели поговорить о параллаксе. Мы уже не раз рассказывали о таком эффекте, сегодня мы бы хотели показать как сделать замечательную заставку с таким эффектом. У нас будет рабочая зона в которой будет расположены все необходимые для современного дизайнера. Все это будет анимироваться и приводиться в движение как только пользователь притронется к курсору мыши. Все оживать будет на глазах, завораживая взор. Если вы хотите, чтобы пользователь попадая на заглушку сайта не уходил с нее то это отличный вариант.
Тренд линейного искусства в веб-дизайне сайта
4 Июн
Данный интерфейс менее популярный среди разработчиков из-за своей простоты, такой дизайн также менее привлекательный по сравнению объемными сайтами, эффективность линейного дизайна в первую очередь зависит от контраста и окружения – есть, конечно, много минусов, и хочется сделать вывод, что, линейный дизайн должен исчезнуть давно, но он живой и набирает новую популярность благодаря новым идеям. Одна из главных причин того, что данный тренд существует, и даже процветает, заключается в том, что мы к нему привыкли.
Soft Motion: искусство анимации на веб-сайтах
25 мая
Даже если вы любите плоский дизайн, все равно есть варианты как сделать ваш дизайн лучше и привлекательней для посетителей. Лучший способ, исходя из наблюдений, это сделать сайт с анимационными движениями. Несколько лет назад, прежде чем flat стал трендом № 1 в веб-дизайне, все сайты более-менее уникальны. Так было до тех пор, пока все сайты не стали до смешного похожими. Затем, некоторые веб-дизайнеры снова начали возвращаться к истокам так сказать.
Полезные советы как вдохнуть жизнь в ваш сайт
24 мая
Изображения и видеоролики — самые популярные варианты, когда дело доходит до оживления. Но являются ли они единственными методами, которые дадут тот самый толчок и вдохнут новую жизнь в ваш проект. Никто не собирается спорить с тем, что изображения и видео являются проверенными временем и проверенными аудиторией. Тем не менее, они не единственные варианты, способные творить чудеса на фронтальных страницах. Благодаря постоянно развивающимся веб-технологиям каждый год мы наблюдаем новые тенденции.
Как создать слайдер для интернет-магазина
21 мая
Мы очень любим различные слайдеры и ротаторы на сайтах, по этому не могли обойти стороной. В данном уроке мы покажем как создать прекрасный полноэкранный слайдер с использованием HTML, CSS3 и jQuery. Вы можете использовать данный слайдер для презентаций продуктов на веб-сайте вашего магазина. В этом уроке мы используем Google Fonts, в частности такие шрифты как Montserrat и Oswald. Обязательно подключите данные шрифты к вашему документу перед началом работы. Давайте посмотрим, что же у нас получилось.
Методы оптимизации изображений для сайта
20 мая
Правильная оптимизация изображения имеет решающее значение для быстрой загрузки веб-сайта . Всякий раз, когда вы проверяете свой сайт с помощью инструмента, например с PageSpeed Insights, вы всегда найдете полезные подсказки для улучшения ваших изображений. Зачастую все советы связаны сжатием картинок, но вы можете потерять качество, в данном уроке мы хотим рассказать вам, как правильно использовать изображения у себя на сайте, при этом не потеряв в производительности своего сайта, а также сохранить качество изображений.
