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

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

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

  • Постоянная ссылка на Сравнение сервисов шрифтов Google Font, Typekit и @font-face

    Сравнение сервисов шрифтов Google Font, Typekit и @font-face

    Вы уже могли читать об использовании особых шрифтов с помощью @font-face. Мы хотим рассказать и о других решениях, их плюсах и минусах. Цель этого урока — кратко осветить варианты использования особых шрифтов в веб-дизайне. Читайте о их недостатках и преимуществах и решайте каким вариантов будете пользоваться вы.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание улучшенного переключателя с использованием CSS3

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

    У нас возникли идеи, как улучшить переключатели, о которых мы рассказали в уроке «Создание переключателя с использованием CSS3». Мы поставили перед собой следующие вопросы. Как применить переключение к радиокнопкам? Как повысить удобство? Почему переключатели не работают в старых версиях мобильных браузеров на движке Webkit?

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

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

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

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

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

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Пять простых, но полезных свойств CSS

    Пять простых, но полезных свойств CSS

    В этом уроке мы расскажем о пяти полезных свойствах CSS, с которыми Вы скорее всего хорошо знакомы, но редко их используете. Мы говорим не о новых необычных свойствах CSS3, а о старых CSS2 свойствах, таких как: clip, min-height, white-space, cursor, и display, которые поддерживаются всеми браузерами. После прочтения этого урока Вы удивитесь, насколько полезны эти свойства.

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

    Создание выезжающего меню с использованием CSS3

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

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

    Создание интересной формы авторизации с использованием HTML5 и CSS3

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

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

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

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

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

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

    В этом уроке мы создадим интересную анимированную группу вкладок, которая покажет возможности селектора CSS3 :target, используя только HTML5 и CSS3. Нам не понадобится JavaScript или изображения, и все будет работать в браузерах Internet Explorer версии 9 и выше, Chrome, Firefox, Safari и Opera.

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