Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «ccc»
Сравнение эффективности минимизаторов CSS- и JavaScript-кода (Сентябрь 2013) 2013-09-13 01:37:06
+ развернуть текст сохранённая копия
За прошедшие, с момента публикации предыдущего обзора, 3 месяца уже успели обновиться почти все рассмотренные алгоритмы минимизации (кроме, Packer`а). Кроме того в Bundle Transformer появился новый модуль-минимизатор на базе Clean-css — BundleTransformer.CleanCss.
При подготовке данного сравнительного обзора были учтены следующие пожелания читателей:
- В предыдущем обзоре в качестве исходных файлов использовались:
bootstrap.css и bootstrap.js из Twitter Bootstrap 2.3.2, из-за чего достоверность результатов была низкой. В новом же обзоре размер выборки был увеличен: для сравнения были отобраны 7 JS-файлов и 5 CSS-файлов из 10 популярных Open Source-проектов.
- Теперь в сравнении минимизаторов CSS-кода также участвуют встроенные средства минимизации препроцессоров LESS и Sass.
- Как известно, Bundle Transformer минимизирует каждый файл по отдельности и затем производит объединение минимизированного кода в один файл. Данный механизм сделан для того, чтобы предотвратить повторную минимизацию предварительно минимизированных файлов. Другие аналогичные библиотеки сначала объединяют код файлов, а затем минимизируют этот объединенный файл. Поэтому для полноты картины мы произведем 2 сравнения: сначала сравним эффективность минимизаторов на файлах, полученных путем объединения минимизированного кода, а затем на файлах, полученных путем минимизации объединенного кода файлов.
Как и в предыдущем обзоре, для минимизации файлов мы будем использовать модули Bundle Transformer, а для измерения размеров полученных файлов – расширение YSlow.
Читать дальше →
Тэги: ajax, bundle, clean-css, closure, compiler, compressor, css, csso, javascript, jsmin, less, microsoft, minifier, sass, semantic, transformer, uglifyjs, webgrease, yui, веб-разработка, клиентская, минимизация, оптимизация
Shade: длинные тени трендового плоского дизайна на CSS 2013-09-11 13:50:38
Доброго времени суток уважаемые хабражители. Недавно я нашел очень интересный пример на SCSS и решил ...
+ развернуть текст сохранённая копия
Доброго времени суток уважаемые хабражители. Недавно я нашел очень интересный пример на SCSS и решил реализовать его на LESS да я люблю LESS больше:
Пример работает на LESS 1.5.0, поэтому нет возможности разместить его на codepen или jsfiddle.
.shade(@type, @color, @depth, @angle, @long, @fade);
- type: значения box/text — box-shadow/text-shadow
- color: цвет тени
- depth:длина тени
- angle: угол наклона
- long: boolean, по умолчанию true — длинные Flat тени
- fade: boolean, по умолчания false — затухание
Читать дальше →
Тэги: css, html, less, scss, shade, веб-разработка
[Из песочницы] DIV-ные колонки одинаковой высоты на CSS 2013-09-10 13:35:52
По роду занятий, сталкиваясь с потребностями начинающих вебмастеров сверстать каркас страницы ...
+ развернуть текст сохранённая копия
По роду занятий, сталкиваясь с потребностями начинающих вебмастеров сверстать каркас страницы интернет магазина строго по прихотям заказчика, приходится время от времени подсказывать какие-то мелочи и помогать в нахождении лёгких решений нетипичных задач.
Одна из таких — используя только обожаемую заказчиком DIV-ную вёрстку и вообще не привлекая JavaScript, дать колонкам сайта автоматическое выравнивание высоты по наиболее заполненной колонке, подобно тому как это происходило бы в нелюбимой табличной вёрстке.
Ниже предлагаю элементарное решение на основе всего двух объявлений в стилях сайта и одного обёрточного контейнера в теле страницы. Решение валидно для множества браузеров, кроме IE6 — IE7, и при удалении одного свойства из стилей, привнесённых этим решением, может быть преобразовано под браузеры без поддержки CSS3.
Читать дальше →
Тэги: css, html, веб-разработка, высоты, колонки, одинаковой, равной
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 73 (1—7 сентября 2013) 2013-09-07 22:38:56
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Читать дальше →
Тэги: android, css, css3, gear, group, html, html5, jquery, kit-kat, microsoft, nokia, samsung, smart, watch, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, интересное, компании, новости, ресурсы, сми, ссылки
Новое для веб-дизайнера #8 за август 2013 2013-09-07 11:47:43
Новые полезные штуки для веб-дизайнеров и веб-разработчиков за август 2013. Остальные подборки ...
+ развернуть текст сохранённая копия
Новые полезные штуки для веб-дизайнеров и веб-разработчиков за август 2013. Остальные подборки доступны по тегу "новое для веб-дизайнера". Отобраны только самые интересные экземпляры!
Сервисы
Prototypo — достаточно функциональный онлайн-инструмент для создания собственных шрифтов.
 Читать дальше →
Тэги: css, веб-дизайн, веб-дизайнера, веб-разработка, новое
Главная / Главные темы / Тэг «ccc»
|
Взлеты Топ 5
Падения Топ 5
|
