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

• 

  Создаем круговые и эллиптические градиенты с использованием CSS3

  В этом уроке мы расскажем о градиентах CSS3. Раньше мы уже рассказывали, как создать линейные градиенты. На этот раз речь пойдет о круговых и эллиптических градиентах.

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

  Знакомство со структурным селектором CSS3 :first-of-type

  Как хорошо что в CSS3 добавились новые селекторы, позволяющие обращаться к определенным элементам, не используя классы, идентификаторы или другие свойства элемента! В этом уроке мы расскажем о селекторе :first-of-type.

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

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

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

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

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

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

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

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

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

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

  Советы по проектированию сайтов в браузере

  Если вы занимаетесь дизайном и версткой, эта статья для вас! Ниже вы найдете секреты и подсказки по созданию веб-дизайна непосредственно в браузере. Также автор статьи поделится собственным опытом и подскажет несколько полезных онлайн-инструментов.

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

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

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

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

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

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

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

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

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

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