Статья является переводом отличного, вдохновляющего, хоть и небольшого поста Mixing Responsive Design and Mobile Templates от одного из создателей CodePen, Криса Койера.
Итак, вы заняты стратегической проработкой поведения своего сайта для мобильных устройств. По идее вам надо бы выбрать что-то одно — или адаптивный дизайн, или создание отдельного сайта для мобильных. Что ж, возможно, это не так. Может быть, вам удастся сочетать сразу несколько стратегий. Читать полностью »
CSS-свойство position:fixed в Mobile Safari сносно работает начиная c iOS 5. В Android родной браузер частично понимает это свойство начиная с версии системы 2.1, адекватно — с 2.2, полная поддержка — с 3.0. Подробнее: таблица поддержки position:fixed.
HTML:
<div id="topbar">Fixed Title</div>
<div id="content">
<h2>Start</h2>
<p>Main content text </p>
...
<p>Main content text </p>
<h2>End</h2>
</div>
<div id="bottombar">Fixed footer</div>
CSS:
#content{
padding: 50px 0; /* отбиваем высоту баров, чтобы не перекрывать контент вверху и внизу страницы */
}
#topbar,
#bottombar {
position: fixed;
left: 0;
width:100%;
height: 50px; /* фиксируем высоту для простоты */
line-height:50px;
background:#eee;
text-align: center;
}
#topbar {top: 0;}
#bottombar {bottom: 0;}
Теперь в современных смартах у нас topbar и bottombar «прибиты» соответственно к верху и к низу окна. Проблема позицонирования при первом скролле в iOS решается мини-Javacript'ом:
window.scrollBy(0);
На пленарном докладе конференции WebProfessionals, крупнейшей региональной конференции Microsoft, посвященной теме веб-разработки, которая сегодня, 3 апреля, проходит в городе Самара, анонсированы доклады веб-трека конференции DevCon'12.
Скотт Хансельман, главный архитектор по проектам с сообществами в команде создающей веб-технологии, прочитает 3 доклада:
Также Скотт ответит на вопросы участников конференции DevCon'12 на специальной сессии вопросов и ответов.
Евгений Чигиринский, руководитель команды разработчиков Microsoft поделится своим опытом создания высоконагруженных приложений в докладе: Повышение производительности веб-решений, оптимизация клиента и сервера, обслуживание и мониторинг на примере Microsoft Network (MSN). В совём втором докладе в веб-треке, Евгений расскажет о новых возможностях ASP.NET MVC 4, их практическом применении и сценарии использования.
Читать полностью »