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

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

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

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

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

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

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

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

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

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

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

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Простые hover-эффекты для изображений при помощи CSS

    Простые hover-эффекты для изображений при помощи CSS

    Hover-эффекты — достаточно интересная тема для изучения.  Ведь их применение может сделать ваш сайт более динамичным и живым. Сегодня мы рассмотрим некоторые эффекты для работы с изображениями. Каждый пример  имеет HTML и CSS коды, которые вы можете увидеть в действии.

    Далее... 15 Комментариев »
  • Постоянная ссылка на Подборка полезных уроков по СSS

    Подборка полезных уроков по СSS

    Css открывает перед нами большие возможности — управление внешним видом, создание красивых меню, списков, привлекательных эффектов. Предлагаем вашему вниманию подборку уроков по СSS. Они помогут вам лучше освоить CSS3 и натолкнут на новые идеи.

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

    Простое руководство по адаптивной типографике

    Большинство статей, в которых речь идет о адаптивном дизайне, фокусируют внимание читателей на двух основных направлениях: резиновых сетках и резиновых изображениях. Почему в них не написано о типографике? Ведь для большинства веб-сайтов наиболее важными элементами все же является текстовый контент. Конечно, для сайтов, где изображения или видео являются основным, адаптивный текст менее важен, но все же не стоит упускать его [...]

    Далее... 3 Комментариев »
  • Постоянная ссылка на Объединение CSS-анимации и JavaScript

    Объединение CSS-анимации и JavaScript

     Четыре с половиной года назад CSS переходы были впервые введены в WebKit, и три года, как к ним присоединилась анимация по ключевым кадрам CSS. В настоящее время они приближаются к переломному моменту реализации в браузерах — на данный момент поддерживаются в Chrome, Safari и Firefox, а значит, стали доступными для 50-60 процентов веб-пользователей, и скоро появятся в Опере 12 и [...]

    Далее... 2 Комментариев »
  • Постоянная ссылка на Как добавить Tilt Shift эффект изображению при помощи CSS-фильтров

    Как добавить Tilt Shift эффект изображению при помощи CSS-фильтров

    Благодаря бесплатным приложениям, которые позволяют редактировать фотографии, таким как  Instagram, эффект Tilt Shift становится все более популярным. Сегодня мы будем учиться создавать такой эффект на чистом CSS, используя для этого фильтры.

    Далее... 6 Комментариев »
  • Постоянная ссылка на Анимированный 3D график с помощью CSS3

    Анимированный 3D график с помощью CSS3

    Всё началось с небольшого эксперимента, в котором я хотел попробовать свои силы в создании 3D графика на чистом CSS. Как именно достичь этого, мы сейчас рассмотрим в данном уроке.

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