1. Paralles Flat Corporate Responsive 2. Travel Media Travel Guide 3. Vebo Flat Layout 4. Escape Velocity 5. Urbanic 6. Brushed Template 7. Best Responsive Photography Template 8. zBusiness Free Responsive HTML5 9. Flat Design Portfolio Template 10. Runkeeper Mobile App Responsive web Template ...
Когда вы хотите использовать видео на вашем сайте, то обычно вы имеете дело с HTML5 видео с Flash резервом. Давайте сделаем наше видео отзывчивым, как и наш сайт. Существует несколько способов сделать это, ни один из которых не является идеальным. Идут огромные дебаты об адаптивности изображений и иметь что-то схожее для видео и аудиофайлов было бы идеально. Так как нет такого на данный момент решения, нам нужно искать альтернативные. Медиа запросы Если вы читали об отзывчивом веб-дизайне, то вы наверняка слышали о медиа запросах и вероятно вы уже их используете. Те, кто этого ещё не делал позволяет нам определить определённые CSS правила для различных устройств вывода без изменения реального содержимого (для подробной информации смотрите CSS медиа запросы.) ...
В статье даны примеры отзывчивых (адаптивных) CSS-фреймворков, которые можно использовать для разработки сайта на MODX Revolution или другом удобном для вас фреймворке. Как вы можете заметить все современные CSS-фреймворки разработаны под влиянием других, наиболее популярных CSS-фреймворков, таких как Bootstrap, Foundation и Gumby, и поэтому содержат сразу же много дополнений, включая многоразовые компоненты и виджеты (иконки, модальные окна, пагинацию, хлебные крошки, навигацию…). Конечно же, не все из них таковы, некоторые просто содержат базис, от которого можно оттолкнуться при создании своих стилей. ...
Перевод статьи How to build a modern website in 2011, которую считаю очень полезной для прочтения и осознания для каждого, кто занимается веб-дизайном. За прошедшие 12 месяцев я прошёл добровольный квест за знанием. Сейчас мы стоим на пороге больших изменений – почти революционных – dot web, как я начал об этом писать 1го ноября 2011. И вот почему: Неопределённость Мы - вебдизайнеры пытались наложить ограничения на постоянно-изменчивую и необределённую сеть на протяжении многих лет. Я говорю про фиксированную ширину, флеш и пиксели. И мы не могли от этого избавится… до сегодняшнего момента. Поворотная точка (не совсем недавняя) - это распространение разнообразных браузерных устройств, которые проложили свою дорогу в сеть. Несколько лет назад, когда мы наконец-то перестали ссорится и договорились по поводу «оптимального» (читайте как «безопасного») разрешения экрана 1280 x 940, мы начали работу над нашей сеткой 960.gs и никогда не оглядывались назад. Много разработок для сети пришло от традиционного прошлого печати, но также многое было получено в поисках людьми, не имевших никакой формальной подготовки или дизайнерского образования. Кто может винить вебдизайнера-любителя, который хочет установить некоторую стабильность, взамен получая седые волосы в результате работы и получения профессии, основа которой неопределенность, поддержка всех предыдущих и последующих браузеров и тому подобное. Теперь наконец-то мы скинули гниющий труп IE6 с наших плеч, спасибо, в частности, нашим самым лучшим лидерам в этом соревновании: Ethan Marcotte, Andy Clarke, Paul Irish, которые проходят испытание создания лучшей сети будущего (и, я уверен, легче их собственных жизней) упорно толкая вебиндустрию вперед, не останавливаясь на месте, впервые за много лет. Я чувствую нужду в таком фашизме (в положительном смысле) на пути, в направлении которого мы строим сеть сегодня – в той же манере движение веб стандартов начало своё эфективное и нужное дело, когда ударило по «мейнстриму» в 2003. ...