https://www.dejurka.ru Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Sat, 22 Jun 2019 07:00:59 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 https://www.dejurka.ru/css/css-lightbox-gallery/ https://www.dejurka.ru/css/css-lightbox-gallery/#comments Fri, 13 Feb 2015 08:00:34 +0000 Mary - Dejurka http://www.dejurka.ru/?p=125215
В этом уроке мы создадим галерею изображений с увеличением изображения при нажатии на него. Еще мы добавим кнопку для закрывания увеличенного изображения. И, что самое главное, мы сделаем это на чистом CSS! Лучше всего, чтобы страница с галереей не прокручивалась, так как псевдокласс :target прокрутит страницу до активного элемента, что будет раздражать, если страница может [...]]]> https://www.dejurka.ru/css/css-lightbox-gallery/feed/ 0 https://www.dejurka.ru/css/css-gallery-slider/ https://www.dejurka.ru/css/css-gallery-slider/#comments Sun, 08 Feb 2015 11:00:35 +0000 Mary - Dejurka http://www.dejurka.ru/?p=125185
В этом уроке мы создадим раздвигающуюся галерею изображений, использую только CSS. И еще мы рассмотрим альтернативу псевдоклассу :target. Посмотрите пример, чтобы увидеть, как работает галерея изображений.       Демонстрация работы – Скачать исходный код Псевдокласс :target  Вы, возможно, уже знаете о псевдоклассе :target, позволяющем нажать на ссылку и активировать соответствующие стили для элемента, на [...]]]> https://www.dejurka.ru/css/css-gallery-slider/feed/ 1 https://www.dejurka.ru/css/imageslider/ https://www.dejurka.ru/css/imageslider/#comments Tue, 08 Jul 2014 10:00:11 +0000 Mary - Dejurka http://www.dejurka.ru/?p=112194
Сегодня мы создадим интересную прокрутку изображений со стрелками и объемной трансформацией, используя только ранее существующие свойства СSS, а также новые свойства CSS3. Для этого мы используем несколько хитростей CSS.     Демонстрация работы – Скачать исходный код Готовим HTML Мы уверены, что понимание основных принципов HTML не создаст проблем для большинства наших читателей, так что [...]]]> https://www.dejurka.ru/css/imageslider/feed/ 1 https://www.dejurka.ru/css/fast-hover-slideshow/ https://www.dejurka.ru/css/fast-hover-slideshow/#comments Wed, 18 Jun 2014 10:00:14 +0000 Mary - Dejurka http://www.dejurka.ru/?p=111291
Этот урок расскажет вам о том, как создать галерею быстро меняющихся изображений, активизирующуюся, когда пользователь наводит указатель мыши, и останавливающуюся, когда пользователь отводит указатель мыши. Текущее изображение останется видимым.     Демонстрация работы – Скачать исходный код Мы хотим поделиться с вами опытом создания небольшой галереи, в которой изображения меняются при наведении указателя мыши. Основная [...]]]> https://www.dejurka.ru/css/fast-hover-slideshow/feed/ 2 https://www.dejurka.ru/css/unfolding-3d-thumbnails/ https://www.dejurka.ru/css/unfolding-3d-thumbnails/#comments Fri, 13 Jun 2014 10:00:17 +0000 Mary - Dejurka http://www.dejurka.ru/?p=110735
Этот урок расскажет вам о том, как создать объемно разворачивающуюся галерею изображений, в которой сначала открывается текущее изображение, а затем объемно разворачивается галерея уменьшенных изображений.     Демонстрация работы – Скачать исходный код Мы хотим поделиться с вами небольшой идеей для объемной галереи изображений или чего-то подобного. Основная задача — показать уменьшенные изображения с помощью [...]]]> https://www.dejurka.ru/css/unfolding-3d-thumbnails/feed/ 1 https://www.dejurka.ru/css/gallery-cover-small/ https://www.dejurka.ru/css/gallery-cover-small/#comments Wed, 29 Jan 2014 11:00:28 +0000 Mary - Dejurka http://www.dejurka.ru/?p=102571
В этом уроке мы покажем шаг за шагом, как создать прекрасную трехмерную интерактивную галерею, используя только CSS3 и jQuery. На создание этого урока автора вдохновил веб-сайт Tapmates. В этом уроке мы добавим интересные взаимодействия, которые могут быть применены к чему угодно, начиная от веб-сайта, основанного на изображениях, и заканчивая портфелем с образцами выполненных вами работ. [...]]]> https://www.dejurka.ru/css/gallery-cover-small/feed/ 2 https://www.dejurka.ru/css/content-slider/ https://www.dejurka.ru/css/content-slider/#comments Thu, 09 Jan 2014 11:00:56 +0000 Mary - Dejurka http://www.dejurka.ru/?p=100927
В этом уроке мы будем создавать автоматически меняющуюся контент-галерею, используя jQuery и CSS3. Основная задача — изменить фоновое изображение и плавно изменить заголовок и описание. При нажатии на элемент меню функция автоматического изменения останавливается, и выезжают соответствующие материалы.     Демонстрация работы – Скачать исходный код Итак, давайте начнем с разметки. Разметка Наш html состоит [...]]]> https://www.dejurka.ru/css/content-slider/feed/ 3 https://www.dejurka.ru/css/best-css-galleries/ https://www.dejurka.ru/css/best-css-galleries/#comments Mon, 09 Apr 2012 10:30:13 +0000 ismari http://www.dejurka.ru/?p=44453
Можно любить или не любить CSS, но необходимо признать, что  веб-дизайнеру сегодня сложно обойтись без  CSS. Особого распространения приобретают CSS-галереи, ведь это отличная возможность еще и представить свое творчество. С одной стороны безупречно привлекает тот факт, что CSS-галерей существует большое множество (к тому же, часто и бесплатных). С другой CSS-галереи - удачное решение для проекта с небольшим бюджетом, [...]]]> https://www.dejurka.ru/css/best-css-galleries/feed/ 3