ID Software, по случаю двадцатилетия игры-первопроходца жанра 3D-action, дала всем желающим бесплатно поиграть в версии для iPhone и iPad. Как приятное дополнение — можно поиграть прямо в браузере. Решив посмотреть, что же внутри этой версии, я был немного удивлён тому, что построена она на спрайтах и div-ах.
Все заметки с тегом «CSS»
-
20 лет Wolfenstein
10 мая 2012
-
Шпаргалка easing-функций
30 марта 2012
Отличная наглядная шпаргалка по easing-функциям. Это те, что определяют изменение скорости анимации и используются в jQuery, SASS и CSS transition.
-
Least, конвертер CSS в SCSS, LESS и Stylus
11 марта 2012
Попалась полезная штука для перевода старого доброго CSS в синтаксис SCSS, LESS или Stylus. Конечно, инструмент не сделает вам идеально структурированного кода, но с первым шагом поможет.
UPD: и ещё один конвертер CSS→LESS.
-
Префиксы, вебкит и вебстандарты
15 февраля 2012
Последнее время мои RSS наполнились кучей постов про ситуацию с префиксами CSS. Ситуация истерично-паничная, посты эмоциональные. Что на самом деле происходит хорошо описал Юрий Артюх.
Я в последнее время больше занимаюсь serverside, чем клиентом, поэтому проблемы кроссбраузерности либо решаются кем-то ещё, либо об этом заботится compass.
-
Twitter Bootstrap 2.0
3 февраля 2012
Обновился один из лучших UI-фреймворков на сегодняшний день. Позволяет до поры до времени забыть про UI приложения и сфокусироваться на его функционале. При этом стандартный UI выглядит лучше, чем многие завершённые проекты.
В комплекте сетка, базовый CSS для текста, таблиц, форм и кнопок, набор значков, отдельные элементы интерфейса и даже JavaScript-плагины. Всё это кроссбраузерно и кроссдевайсово. Можно использовать LESS, так что работать с набором довольно удобно.
-
Opera 11.60
6 декабря 2011
Вышел релиз «оперы» за номером 11.60. С точки зрения пользователя всё стало ещё шустрее, чуть подрихтовали интерфейс… и ничего не испортили. Ну или, по крайней мере, я не пока не заметил.
С точки зрения разработчика тоже всё неплохо: добавили CSS-градиенты, честный HTML5-парсер и ещё кучу всяких штук.
Самое приятное во всём этом, что Opera обновляется автоматически, а это означает, что ориентироваться можно на последнюю версию. Ходят слухи, что следующий релиз IE будет вести себя так же.
-
CSSO 1.2
13 сентября 2011
Вышла новая версия многообещающего минимизатора CSS. Как и в любом ПО появились некоторые регрессии… с кем не бывает. По идее, прошло достаточно времени, чтобы самые страшные вещи уже были поправлены.
Ксати, именно первой паблик-версией CSSO я пользовался, когда готовил дизайн для CSS1K. Рекомендую.
- Официальный анонс
- Код на GitHub (для запуска требуется node.js)
- Онлайн-версия
-
Запретить выделение текста средствами браузера
25 июля 2011
Иногда полезно запретить выделение какого-либо текста. Например, когда этот текст располагается на элементе, выполняющем функции скроллбара.
Пример:
Попробуйте выделить и скопировать этот текст.Для основных браузеров достаточно следующих стилей:
-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
IE приходится обучать отдельно:
<div unselectable="on">текст</div>
-
CSS1K
29 июня 2011
С сегодняшними мощностями и каналами всё больше разработчиков не обращают внимания на размер JavaScript и CSS. Не так давно прошёл третий JS1K, призванный показать, что в один килобайт можно при желании вместить очень многое. Jacob Rask запустил похожий проект, но про CSS: CSS1K. Смысл — уложиться в один килобайт и превратить стандартную разметку в нечто красивое или необычное.
-
Sprite Cow
25 июня 2011
Отличный инструмент, позволяющий легко работать с изображениями-спрайтами. Загружаем картинку, щёлкаем на область, получаем CSS со смещением, высотой и шириной.
Очень удобно, меня даже затянуло и я загнал все изображения этого блога в пару спрайтов. Единственный минус — не работает в Opera.