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

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

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

  • Постоянная ссылка на Создание фонового изображения, закодированного в CSS

    Создание фонового изображения, закодированного в CSS

    Для дизайнеров привычно добавлять фоновое изображения через CSS. Обычно это делается, используя свойство background-image и ссылку прямо на файл изображения. Однако, каждая добавляемая таким способом ссылка на изображение создаст больше запросов от браузера. Другими словами, если у нас есть 10 разных ссылок, браузеру потребуется 10 HTTP-запросов для загрузки изображений.

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

    Обращения к файлу определенного типа при помощи селектора атрибутов CSS

    Селектор атрибутов очень удобен для выбора элементов без добавления излишних идентификаторов и классов. До тех пор, пока у элемента, к которому нужно обратиться, есть такие атрибуты, как href, src и type, нам не нужно добавлять лишнее. Селекторы атрибутов фактически присутствовали, начиная с CSS 2.1, и теперь, после добавления еще нескольких селекторов атрибутов в спецификации CSS3, мы можем [...]

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

    Создание отражения изображения с использованием CSS3

    Мы уже рассказывали о разных свойствах CSS3. Кроме этого есть еще свойства, которые пока что не включены в официальные спецификации CSS3, но которые стоит попробовать применить, и одно из таких свойств — box-reflect, которое введено для движка Webkit. Это свойство может создавать отражение указанных объектов.

    Далее... 2 Комментариев »
  • Постоянная ссылка на Разрыв страницы для печати с использованием CSS3

    Разрыв страницы для печати с использованием CSS3

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Интересная скользящая форма с использованием jQuery

    Интересная скользящая форма с использованием jQuery

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Интересный эффект кругового движения с использованием jQuery

    Интересный эффект кругового движения с использованием jQuery

    В этом уроке мы создадим интересный эффект кругового движения с помощью jQuery. Мы воспользуемся модулем jQuery.path, чтобы анимировать меню с круговым движением для примера в подборке работ. Основная задача в том, чтобы создать скругленную область содержимого с основным меню. При наведении указателя мыши на один из элементов меню появится элемент под-меню, двигающийся вокруг области содержимого. Давайте начнем!

    Далее... Нет комментариев »
  • Постоянная ссылка на Прокрутка изображений с объемной трансформацией на чистом CSS3

    Прокрутка изображений с объемной трансформацией на чистом CSS3

    Сегодня мы создадим интересную прокрутку изображений со стрелками и объемной трансформацией, используя только ранее существующие свойства СSS, а также новые свойства CSS3. Для этого мы используем несколько хитростей CSS.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Меню из маленьких блоков с использованием jQuery

    Меню из маленьких блоков с использованием jQuery

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

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

    Создание эффекта для ссылок с использованием CSS

    Ссылки или якоря очень важны для веб-дизайна и веб-разработки. С настройками по умолчанию, как в CSS, так и в браузерах, ссылка выглядит довольно некрасиво. Голубой подчеркнутый текст, который становится фиолетовым после посещения этого сайта. Вы точно уже видели эти цвета. К счастью, CSS может сильно помочь. Изменяя свойства color, :hover и :visited, вы можете легко сделать ссылки [...]

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