Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «readitnow»
Делаем css-спрайты отзывчивее на retina-дисплеях и не только [less] 2013-10-01 22:03:47
+ развернуть текст сохранённая копия
Зачем нам вообще нужны спрайты?
Напишу лишь вкратце зачем это нужно, так как на хабре уже много раз описывали преимущества и недостатки css-спрайтов.
- Во-первых, используя спрайты, мы ускоряем загрузку страницы; в случае использования иконок, можно создать универсальное средство для применения в проектах;
- Во-вторых, не все устройства с высоким ppi (например, Windows Phone 7.5-7.8, Android до 4 версии на стоковом браузере) поддерживают использование webfonts.
- Легкая интеграция, используя специальные сервисы генерации спрайтов
Постановка проблемы или чтобы жизнь малиной не казалась
Используя css-спрайты со множеством элементов встает проблема о создании css-свойств с background-position ; Их нужно писать много, иногда очень много. Конечно, нам помогают многие сервисы по генерации спрайтов — они выдают вместе со спрайтом еще и css/less/sass — файл с координатами. Но практически всегда все жестко завязано на пикселях:
- Изменяя размер (например, для retina-экранов) исходного файла-спрайта все «едет»;
- Мы не можем изменять размер элемента-контейнера, куда хотим вставить, допустим, иконку, чтобы эта иконка смасштабировалась: свойства
background-size: cover/contain/100% не работают по понятным причинам;
Используя спрайты, подготовленные для 72ppi, на телефонах, планшетах и новых retina-ноутбуках вызывает размытие изображений, и выглядят некрасиво...
Читать дальше →
Тэги: css, css-sprites, less, retina, sprites, адаптивная, веб-дизайн, веб-разработка, верстка, мобильная, спрайты
AMD представила видеокарты следующего покаления 2013-09-26 21:54:47
Вчера, на презентации на Гавайях, компания AMD, представила новые серии видеокарт Radeon R9 и R7. ...
+ развернуть текст сохранённая копия
Вчера, на презентации на Гавайях, компания AMD, представила новые серии видеокарт Radeon R9 и R7. Если подробнее, то это модели среднего уровня AMD Radeon R7 250, R7 260X и высокого – R9 270X, R9 280X, R9 290 и флагман R9 290X. И в первую очередь о новом флагмане. Это модель AMD Radeon R9 290X. Графический процессор – ...читать дальше
Тэги: amd, hawaii, radeon, железо
Toshiba Satellite Click – гибридный планшет на AMD Temash 2013-09-10 14:25:42
Хотя компания AMD представила однокристальную систему Temash еще в мае, мобильные компьютеры на ее ...
+ развернуть текст сохранённая копия
Хотя компания AMD представила однокристальную систему Temash еще в мае, мобильные компьютеры на ее основе анонсируются не часто, поэтому и слышно о этой системе достаточно редко. Но все же устройство на этом APU выпускаются, и компания Toshiba представила устройство Satellite Click. Новинка является ноутбуком-трансформером (или всё же планшетом) с 13,3-дюймовым сенсорным дисплеем IPS, который работает под ...читать дальше
Тэги: amd, intel, radeon, toshiba, windows, гибрид, ноутбук, планшет, планшеты, сенсор
Грязные гнилые ведьмы 2013-09-08 22:24:28
Мюзикл по "Отпетым мошенникам" будет поставлен в Лондоне?
+ развернуть текст сохранённая копия
Мюзикл по "Отпетым мошенникам" будет поставлен в Лондоне?
Тэги: dirty, eastwick, rotten, scoundrels, witches, бабка, земля, лорда, одна, сказала, сэров
Ультрабуки ThinkPad серий T, X и S от Lenovo 2013-09-03 23:37:24
Lenovo, лидер рынка ПК, на берлинской выставке IFA 2013 с 6 по 11 сентября покажет новые ультрабуки ...
+ развернуть текст сохранённая копия
Lenovo, лидер рынка ПК, на берлинской выставке IFA 2013 с 6 по 11 сентября покажет новые ультрабуки ThinkPad линеек T, X и S, с новыми процессорами Intel Core поколения Haswell. Всего для выставки подготовлено 5 моделей портативных ПК — X240, T440s, T440, S440 и S540. Ультрабук X240 рассчитан на бизнес-пользователей. Он оборудован 12,5-дюймовым, опционально ...читать дальше
Тэги: amd, haswell, intel, lenovo, radeon, ssd, wi-fi, ноутбук, ультрабук
Главная / Главные темы / Тэг «readitnow»
|
Взлеты Топ 5
Падения Топ 5
|