Особенности: Разрешение экрана – 1024 на 768; Браузер – Safari; Помним, что палец должен попадать в кнопки/ссылки/строчки; Mouse over отсутствует. Полезные ссылки по теме: Проверить, как выглядит сайт в IPad можно этим сервисом: http://ipadpeek.com/ Полезная статья “Как оптимизировать Joomla под Ipad”. На самом деле статья не столько о Джумле, сколько об оптимизации любого сайта под [...]
Архив рубрики ‘CSS’
Верстка для IPad
Помещено в CSS, Features, Markup Май 8, 2012 | Оставьте комментарий »
Верстка для мобильных телефонов
Помещено в CSS, Features, Markup Май 8, 2012 | Оставьте комментарий »
<link media=”handheld”> handheld – наладонники, смартфоны, устройства с малой шириной экрана. Полезные сервисы: Список эмуляторов мобильных браузеров Полезные ссылки: Верстка для мобильных телефонов Замена файла css для мобильной версии сайта Адаптивный и мобильный дизайн с CSS3 Media Queries Как использовать медиа запросы CSS3 чтобы создать версию вашего сайта для мобильных устройств Требования к мобильным интерфейсам [...]
Улучшаем шрифты на сайте
Помещено в CSS, Design, отмечено Fonts Март 21, 2012 | Оставьте комментарий »
8 способов улучшить типографику: http://www.fortress-design.com/improve-typography/ Веб-типографика сегодня: http://habrahabr.ru/post/25827/ Инструмент подбора шрифтов и создания CSS стилей для текста http://texster.ru/
Our Solar System
Помещено в CSS, отмечено css3&html5 Февраль 29, 2012 | Оставьте комментарий »
Our Solar System – an experiment with CSS3 border-radius, transforms & animations.
jquery css variable
Помещено в CSS Февраль 21, 2012 | Оставьте комментарий »
there’s a new technique now where you can use variable in CSS using jquery and php scripts. try to google “jquery css variable”
IE6 и другие
Помещено в CSS, отмечено IE, IE6 Февраль 7, 2012 | Оставьте комментарий »
Задача: заверстать под киоск, на котором стоит IE6, макет с фиксированной шириной-высотой 1028х768 так, чтобы работало в будущем при развитии системы на других браузерах с другим расширением экрана. Решение: HTML: один раз сделать семантичную дивную верстку с типом документа IE6 doctype HTML 4.01 strict чтобы работало под IE6, 1028х768 не надо резиновости, нужна нормальная семантичная [...]
background-size
Помещено в CSS, отмечено css3&html5 Февраль 7, 2012 | Оставьте комментарий »
Почитать про свойство ccs3 поддерживает background-size: 2em 3em ccs3 поддерживается в IE9
Firefox 4 – увеличивает ширину текста при сглаживании шрифтов
Помещено в CSS, отмечено Fonts Март 28, 2011 | Оставьте комментарий »
CSS hack для FireFox 4 Как отключить сглаживание шрифта в Firefox 4?
CSS – мелочи
Помещено в CSS Март 22, 2011 | Оставьте комментарий »
1) object по умолчанию inline-block, как и images поэтому у него, как и у картинок, снизу отступ 3px (IE, Firefox) Это лечится объявлением display:block 2) z-index работает только для position: absolute, fixed или relative
Картинки, помещенные в бекграунд не отображаются в IE
Помещено в CSS Февраль 9, 2011 | Оставьте комментарий »
Проблема: не видны картинки в IE, картинки, помещенные в бекграунд элементов списка Решение: overflow: hidden для элемента в котором находится бекграунд-имидж
