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

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

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

  • Постоянная ссылка на Цикл уроков об анимациях CSS3. Часть 4. Анимации и программный интерфейс JavaScript

    Цикл уроков об анимациях CSS3. Часть 4. Анимации и программный интерфейс JavaScript

    Анимации дают много возможностей, но нередко бывает необходимо добавить взаимодействие или задать определенную последовательность ключевых кадров, которые будут воспроизведены один за другим. Например, анимация может запускаться в ответ на нажатии клавиши или движение мыши.

    Далее... Нет комментариев »
  • Постоянная ссылка на Цикл уроков об анимациях CSS3. Часть 3. Продвинутые эффекты анимации

    Цикл уроков об анимациях CSS3. Часть 3. Продвинутые эффекты анимации

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

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

    Создание горизонтального меню с использованием только CSS3

    Для создания меню лучше всего использовать ссылки, находящиеся в элементах списка HTML, а менять внешний вид меню — с помощью стилей этих элементов. С точки зрения поисковой оптимизации выпадающее меню на чистом CSS очень удобно, потому что оно отменяет необходимость в использовании Javascript для браузера. В CSS есть много функций, которые можно использовать, чтобы создать отличные меню. [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование псевдокласса CSS :nth-child

    Использование псевдокласса CSS :nth-child

    Псевдоклассы можно использовать для выбора определенного элемента из списка. В этом уроке мы расскажем о псевдоклассе :nth-child, что можно создать с помощью этого псевдокласса и чем он может быть полезен. Псевдокласс :nth-child позволяет выбрать группу элементов с общими свойствами. Наиболее часто он используется для выбора четных или нечетных элементов из группы. Нередко его используют, чтобы таблица выглядела, [...]

    Далее... 2 Комментариев »
  • Постоянная ссылка на Цикл уроков об анимации CSS3. Часть 2: Основы свойств анимаций

    Цикл уроков об анимации CSS3. Часть 2: Основы свойств анимаций

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Необычные переключатели-флажки и радиокнопки с использованием только CSS3

    Необычные переключатели-флажки и радиокнопки с использованием только CSS3

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Обзор условных инструкций CSS

    Обзор условных инструкций CSS

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Анимированные полосы загрузки с использованием CSS3 и фонов SVG

    Анимированные полосы загрузки с использованием CSS3 и фонов SVG

    Последнее время интернет стал сходить с ума от дизайна без использования изображений, так что мы решили создать анимированную полосу загрузки с использованием изображений SVG вместо обычных блочных элементов CSS для отображения геометрических фигур. Основная цель этого урока — создать интересные полосы загрузки с использованием CSS, после чего добавить изображение SVG как фон. И потом анимировать это с [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Цикл уроков об анимациях CSS3. Часть 1. Основы. Что такое анимации?

    Цикл уроков об анимациях CSS3. Часть 1. Основы. Что такое анимации?

    Если вы читали наш цикл уроков о переходах CSS3, то знаете, что переходы — это анимированные эффекты между начальным и конечным состояниями, которые запускаются событием, таким как активация псевдокласса CSS :hover или событием Javascript. В этом цикле уроков мы рассмотрим анимации CSS3. У них много общего с переходами, но они более гибкие и несколько более сложные в [...]

    Далее... Нет комментариев »

Страница 20 из 40« Первая...1018192021223040...Последняя »