Все для веб-дизайнера
Архивы за Февраль, 2013
Эффект размытого фона для соц. закладок
Фев 28
Blur или эффект размытого фона в последнее время становится весьма популярным. Он позволяет визуально подчеркнуть необходимую информацию. Но чтобы получить эффект размытого фона, или как говорят еще-боке, не надо иметь хорошую фотокамеру, все можно реализовать с помощью вспомогательных программ, к примеру: фотошоп или photoroom. Но что если надо такой эффект реализовать на сайте, чтобы эффект боке появлялся по желанию на необходимых элементах, к примеру размыть фон, чтобы подчеркнуть социальные закладки.
Анимированная форма поиска с помощью CSS3
Фев 27
Форма поиска, на больших сайтах, является неотъемлемой его частью. Она позволяет быстро и удобно найти пользователю необходимую информацию, а это означает, что посетитель не будет томительно блуждать просторами вашего сайта и, возможно, так и не найдет то, что ищет. Мы уже не раз рассказывали о уроках данного рода, но все они по своему интересны. В данном уроке мы рассмотрим несколько, весьма интересных, примеров создания анимированной формы поиска реализованной с помощью jQuery и CSS3.
Галерея миниатюр для портфолио на jQuery
Фев 27
Наверное каждому разработчику попадался заказ по созданию и организации портфолио. Лично мне весьма нравятся такие заказы, ведь заказчик хочет чего-то оригинального, и тут необходима фантазия и проявления творческой сноровки. Не знаю как вам, но мне не хочется делать одинаковые шаблоны всем заказчикам. Надо делать дизайн, друзья мои, такой, чтобы вам не было за него стыдно. Ведь если ваше творение, в данном случае, к примеру, портфолио, поразит заказчика, то он вас наверняка порекомендует своим знакомым. А вам это только на пользу.
Объемные подсказки для сайта с помощью CSS
Фев 26
На сайтах не однократно можно повстречать подсказки различного рода. Они позволяют не только осведомить пользователя, но и придать общей читабельности для сайта. Но если вы хотите красиво оформить подсказки для изображений, или другого мультимедийного контента тогда этот урок будет вам интересен, в нем мы рассмотрим как создать замечательные, объемные подсказки для сайта с использованием только трансформаций css3. Задумка напоминает эффект вращения куба, что приятно будет радовать глаз посетителей.
Создаем простой слайдер для сайта на jQuery
Фев 25
За время которое я занимаюсь разработкой сайтов, описание на блоге уроков, я поведал достаточно много различных элементов. Некоторые завораживали взор своей гениальностью и неординарным подходом к поставленной задачи, другие, в свою очередь, радовали своей простотой и выполненным дизайном в стиле минимализма, сторонником которого являюсь и я. Но рассматривая большие и эффектные проекты, не стоит забывать о мелочах, без которых не может существовать качественный дизайн современности.
Кнопки с пиктограммами для сайта на CSS3
Фев 25
Красивый и непринужденный дизайн, с правильным сочетанием цветов, эффектов и организации контента будет всегда положительно сказываться на репутации сайта. Мы уже не раз утверждали, что современный веб-дизайн — это важность каждого пикселя. Ранее, когда еще не было различных трансформаций, кнопки на сайте были примитивными, они выглядели как обычные ссылки или картинки с текстом, но с выходом css3, все кардинально изменилось, появилось уйма возможностей, которые ограничиваются только фантазией разработчика.
Объемная витрина продукции для сайта на CSS
Фев 25
Создавая сайт целевой направленности, к примеру продажа книг, шаблонов или прочих материалов, вам необходимо выделить важную продукцию. Ну, к примеру, акционная продукция или хит продаж, и разместить это в шапке сайта. В данном уроке мы рассмотрим процесс создания замечательной, объемной витрины с продукцией для сайта с помощью jQuery. Основная идея состоит в том, что изображения парят в воздуха, раскачиваются со стороны в сторону и создают иллюзию зависания в воздухе. Давайте посмотрим, что у нас с этого получилось.
Загрузка ...