Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Архив рубрики ‘css’

  • Постоянная ссылка на 20 туториалов по созданию jQuery-слайдеров

    20 туториалов по созданию jQuery-слайдеров

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Простой слайдер с набором категорий

    Простой слайдер с набором категорий

    В этом уроке мы будем создавать простой слайдер минималистичного дизайна, используя СSS-анимации и jQuery. Идея будет заключаться в том, чтобы последовательно менять изображения в зависимости от выбранной категории. Данный слайдер отлично подойдет для дизайна онлайн-магазина, в котором будет немного категорий с небольшим количеством товаров.

    Далее... 2 Комментариев »
  • Постоянная ссылка на Слайдер с эффектом перелистывания страниц с помощью CSS3 и jQuery

    Слайдер с эффектом перелистывания страниц с помощью CSS3 и jQuery

    В последнее время на многих сайтах стал достаточно популярным эффект перелистывания. Поэтому достаточно актуальным было бы добиться этого эффекта с помощью  jQuery и CSS3. Мы будем создавать  блоки с картинками, которые в дальнейшем будут преобразованы в книгу. Также наш слайдер будет иметь кнопки, с помощью которых пользователь  сможет видеть, на какой странице он сейчас находится. Страницы слайдера будут [...]

    Далее... 4 Комментариев »
  • Постоянная ссылка на Подборка уроков HTML5

    Подборка уроков HTML5

     HTML5 дает нам много новых возможностей.  Для упрощения внедрения и управления графическими и мультимедийными объектами в сети без необходимости обращения к собственным плагинам и API были введены различные элементы и атрибуты. Для всех, кто хочет освоить HTML5, либо изучить его более детально, и выучить что-то новое, подборка уроков по HTML5.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создаем шаблоны с эффектом 3d-навигации

    Создаем шаблоны с эффектом 3d-навигации

    В сегодняшней статье будет рассмотрено два шаблона — адаптивный шаблон с 3d-панелью и 3d-галерея изображений. Они являются экспериментальными и будут отображаться правильно только в последних версиях браузеров. Но в целом результат достаточно впечатляющий. В первом примере будет происходить анимация слайдов, которые могут включать до четырех панелей и соответственно анимация разделяющей линии. Во втором — создан эффект реальной [...]

    Далее... 3 Комментариев »
  • Постоянная ссылка на Подборка уроков по CSS3

    Подборка уроков по CSS3

    Css3 развивается очень быстрыми темпами. Очень важным является уследить за такими темпами и оставаться в курсе всех методов и техник реализации СSS3, поэтому  предлагаем вашему вниманию подборку уроков. Они помогут вам лучше освоить CSS3 и натолкнут на новые идеи. Уроки по CSS являются полезными не только для уверенных разработчиков,  но и для новичков.

    Далее... 5 Комментариев »
  • Постоянная ссылка на Цветовая палитра с помощью CSS3 & jQuery

    Цветовая палитра с помощью CSS3 & jQuery

    В этом уроке мы будем создавать цветовую палитру с помощью CSS преобразований и переходов — простой плагин jQuery. Идея состоит в том, что при нажатии на один из образцов мы будем вращать остальные  с целью выявления выбранного.

    Далее... 1 Комментарий »
  • Постоянная ссылка на 10 полезных JS-сниппетов, которые помогут сэкономить время

    10 полезных JS-сниппетов, которые помогут сэкономить время

    JavaScriptразвивается очень быстрыми темпами.  С такой большой интенсивностью развития JavaScript следить за всеми нововведениями — достаточно сложная задача. В связи со своей большой популярностью предпочтительным считается использование JQuery, но некоторые коды написаны на чистом JavaScript. В этой статье мы собираемся рассмотреть 10 полезных скриптов, которые помогут вам сэкономить время при решении простых задач. Большинство из этих сниппетов можно просто скопировать и вставить, [...]

    Далее... 12 Комментариев »
  • Постоянная ссылка на Создание меню на CSS

    Создание меню на CSS

    В этом уроке мы будем создавать два типа меню: вертикальные кроссбраузерное  CSS3-меню с 3D-анимацией (используя CSS3-переходы и свойства трансформации), а также  меню с LavaLamp-эффектом. 

    Далее... 4 Комментариев »