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

• 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  Создаем чистое портфолио (часть2: верстка)

  Не так давно мы публиковали урок по созданию дизайна чистого портфолио в Фотошопе. Сегодня мы сделаем наше портфолио функциональным и заставим его отображаться в браузере.  В этом уроке мы покажем, как сверстать сайт при помощи html5 и css3 и сделать слайдер при помощи jQuery.

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

  Делаем адаптивное меню

  Многие адаптивные сайты используют горизонтальное меню на больших экранах и выпадающие меню — на маленьких. Сегодня мы попробуем сделать адаптивное меню (не без помощи JavaScript), которое изменяется в зависимости от ширины экрана.

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

  Страница авторизации при помощи html5

  HTML5 дает много возможностей и улучшений для веб-форм, появились новые атрибуты и типы полей, которые были введены, главным образом, чтобы сделать жизнь веб-разработчикам проще, а работу с формами более удобной для веб-пользователей. Сегодня мы будем делать страницу авторизации при помощи html5. Если вы не знакомы с новыми «полезностями» для форм, этот урок вам поможет.

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