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

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

Записи, помеченные ‘урок css’

  • Постоянная ссылка на Адаптивный аккордеон на CSS и JAVASCRIPT

    Адаптивный аккордеон на CSS и JAVASCRIPT

    В сегодняшнем уроке мы будем создавать адаптивный аккордеон. При открытии он будет скользить с верхней части страницы и раскрывать содержимое. Будут добавлены также CSS3 переходы для стрелок. Начнем!

    Далее... Нет комментариев »
  • Постоянная ссылка на Создаем меню со случайным поворотом пунктов с помощью jQuery и CSS3

    Создаем меню со случайным поворотом пунктов с помощью jQuery и CSS3

    В этом уроке мы создадим отличное меню с выезжающей областью содержимого. Мы используем неряшливый стиль, так как хотим, чтобы оно выглядело немного беспорядочно: мы сделаем пунктам меню случайный угол поворота, используя свойство CSS3 “transform”. Так что когда мы загрузим страницу, все пункты меню будут расположены по-разному, что придаст случайный и творческий вид этой нерегулярной странице.

    Далее... 2 Комментариев »
  • Постоянная ссылка на Создание анимации с Animate.css

    Создание анимации с Animate.css

    Несмотря на все трудности возникающие при создании анимации, безусловно стоит стремиться к получению навыков,  приобретению уверенности и достижению мастерства в этой области. Ден Эден – дизайнер и студент из Манчестера (Великобритания) —  создал своеобразную библиотеку анимации Animate.css. По его словам, изначально идея возникла для оптимизации собственного времени на разработку проектов, а затем приобрела большие масштабы. Теперь все желающие могут [...]

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

    Создание эффекта глянцевой фотографии при помощи CSS3

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Адаптивный веб-дизайн с использованием CSS3

    Адаптивный веб-дизайн с использованием CSS3

    Революция смартфонов привнесла новые особенности в веб-разработку, пришло время преобразовать дизайн вашего веб-сайта в адаптивный дизайн вместо того, чтобы поддерживать отдельную мобильную версию. Адаптивный дизайн автоматически подстроится, основываясь на размере экрана используемого устройства. Этот урок объясняет, как использовать свойство CSS3 @media и работать с Internet Explorer, используя библиотеку JavaScript Modernizr.

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

    Создаем стильное плоское меню при помощи CSS

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Создание 3D эффекта на примере простых объектов

    Создание 3D эффекта на примере простых объектов

    В данном уроке пойдет речь о технике, что может быть применена к объектам, у которых есть несколько сторон. Нашим примером будет 3D киногалерея с глянцевыми плакатами. Когда плакаты будут вращаться, стороны будут отображать матовые информационные карты с метаданными о фильме.

    Далее... 3 Комментариев »
  • Постоянная ссылка на Интерактивная инфографика с SVG и CSS анимацией

    Интерактивная инфографика с SVG и CSS анимацией

    В данном уроке мы научимся строить интерактивную инфографику с помощью SVG, CSS и JavaScript. Одной из менее обсуждаемых тем является свойство новых браузеров в увеличении поддержки файлов в формате SVG. В отличие от растровых изображений, например, PNG, JPG или GIF, векторная графика в файлах SVG абсолютно масштабируемая к любому размеру и будет отображаться при любом разрешении или плотности [...]

    Далее... 5 Комментариев »
  • Постоянная ссылка на Создаем адаптивный веб-дизайн с использованием Media Queries

    Создаем адаптивный веб-дизайн с использованием Media Queries

    Если Вы еще не имели дела с Media Queries, сейчас самое время создать Ваш первый адаптивный дизайн веб-сайта. В этом уроке мы рассмотрим преобразование дизайна темы WordPress в адаптивную верстку, принимая во внимание исходную сетчатую структуру дизайна. Надеемся, урок окажется вам полезен.

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

Страница 38 из 39« Первая...1020303536373839