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

• 

  Создание веб-сайта, подходящего для любого экрана

  Интернет становится все более мобильным. Извечная проблема размера экрана преследовала веб-дизайнеров десятилетиями. Сейчас все больше людей выходят в интернет с мобильных телефонов, и проблема только усугубилась. Что же мы можем сделать с этой ситуацией? К счастью, участники W3C (Консорциум Всемирной паутины) заметили увеличение трафика с мобильных устройств и дали нам инструменты, нужные для создания подходящих сайтов. 

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

  Обзор единиц измерения CSS3 и их использования

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

  Далее... 1 Комментарий »
• 

  Цикл уроков о переходах CSS3. Часть 2: Основы свойств переходов

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

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

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

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

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

  Использование свойства CSS3 @font-face

  Хотя свойство @font-face поддерживается большинством браузеров, например, браузерами Internet Explorer, Firefox, Chrome и Safari, есть и исключения. И когда это свойство не поддерживается, то нестандартные шрифты могут испортить верстку или привести к другим нежелательным последствиям. В этом уроке мы расскажем о распространенных сложностях, возникающих при использовании нестандартных шрифтов и подборе запасных шрифтов, присутствующих во всех системах, [...]

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

  Цикл уроков о переходах CSS3, часть 1: Основы. Что такое переходы?

  Переходы — это наиболее часто используемый тип анимации CSS3. Несмотря на широкое распространение и относительно простой синтаксис, есть несколько подводных камней и возможностей, о которых не знают даже умудренные опытом разработчики. Это первый из четырех уроков в цикле о переходах CSS3, но каждый урок можно изучать отдельно или не по порядку. Давайте начнем с основ. 

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

  Использование простой сетки CSS

  Некоторым нравится использовать сеточную систему на 960 пикселей, они считают, что такая система соответствует золотому сечению, так как 960 — круглое число, но у дизайнеров, в отличие от ученых, есть мнение, что сеточная система на 960 пикселей устаревает. Зачем ограничивать разметку так, чтобы она влезла в сеточную систему на 960 пикселей? Сеточные системы должны помогать при [...]

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

  Использование media queries CSS3

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

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

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

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

  Далее... 1 Комментарий »