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

• 

  Используем адаптивную типографику в веб-дизайне

  Типографика — важнейшая часть веб-дизайна. Если с изменением размера экрана, текст начинает плясать и «ломаться», это провал и дизайнера и разработчика. Адаптивная типографика позволяет избежать таких ситуаций, и отображать текст корректно на любом экране. В этом случае вы можете быть уверены, что пользователь увидит нужный контент в задуманном вами виде, с какого устройства не зашел бы.

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

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

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

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

  Адаптивный веб-дизайн с использованием CSS3

  Революция смартфонов привнесла новые особенности в веб-разработку, пришло время преобразовать дизайн вашего веб-сайта в адаптивный дизайн вместо того, чтобы поддерживать отдельную мобильную версию. Адаптивный дизайн автоматически подстроится, основываясь на размере экрана используемого устройства. Этот урок объясняет, как использовать свойство CSS3 @media и работать с Internet Explorer, используя библиотеку JavaScript Modernizr.

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

  Создаем адаптивное резюме при помощи HTML5/CSS3

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

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