Retina Display, или знакомимся с ретиновыми дисплеями.

Экраны с повышенной плотностью пикселей и большими разрешениями продолжают захватывать рынок. Особенно преуспели в этом товарищи из Apple с их retina дисплеями. Однако то, что является наслаждением для глаз, в то же время добавляет головной боли веб-дизайнерам и фронт-енд разработчикам. Здесь я постарался собрать побольше информации о нюансах этих дисплеев с точки зрения веба и […]

Подружите мобильный дизайн с пальцами: идеальные размеры для тачскринов

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

Что такое Viewport, как он работает и для чего вообще нужен

Создадим простую страничку с минимальной разметкой: Теперь откроем эту страничку на мобильном устройстве. Открыв, увидим, что наша страница отобразится примерно таким образом: Как видно, текст слишком мелкий для чтения, есть куча пустого пространства, и для того, чтобы прочесть этот текст, нам нужно его увеличивать приближением. Почему же так происходит?

Полезные элементы в контейнере <HEAD>
для мобильных сайтов

Этим постом я закончу предыдущий и одновременно начну серию статей на тематику мобильного веба. Думаю, все в курсе, что мобильные девайсы в настоящий момент активно захватывают мир. Еще год назад по данным Stat Counter доля мобильного интернет-трафика в мире составляла 4%, на данный момент это значение уже равняется 8% с копейками, а это двукратный рост, […]