Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.08.2018, 00:14
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

Нужен фидбек по модулю
Хай!

https://github.com/everget/scancss

Это собиратор статистики по CSS стайлшитам. По типу cssstats, но помощнее.

Кто может потестить/опробовать/потыкать в деле - сделайте это, пожалуйста.

Best regards,
ваш Кориолан.
Ответить с цитированием
  #2 (permalink)  
Старый 09.08.2018, 02:13
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Ок, попробуем.
Ответить с цитированием
  #3 (permalink)  
Старый 09.08.2018, 14:30
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Проверял на одном CSS-файле, результаты выдаёт как и задумывалось автором модуля. Только насколько точны эти результаты? Этот вопрос возник после проверки более коротких стилей.

Вот с таким примером не ясно, оно не подчитывает определения специально(хотя определило, что используется ровно одно @font-face), или это ошибка? И даже функцию local не посчитало, хотя она используется только внутри блока @font-face.
@font-face {
	font-family: Ampersand;
	src: local("Baskerville"),
	     local("Goudy Old Style"),
	     local("Palatino"),
	     local("Book Antiqua");
	unicode-range: U+26;
}

h1 {
	font-family: Ampersand, Helvetica, sans-serif;
}


Решил проверить на простом примере...
.seconds-arrow {
	animation: move-seconds-arrow 60s infinite linear frames(60);
}


Получилось такое (показана часть результата):
...
		"invalidTimingFunctions": {
			"frames(60)": 1
		}
...


Интересно, отчего она неправильная? Решил проверить некоторые функции и значения, которые принимает animation-timing-function (https://www.w3.org/TR/css-timing-1/#timing-functions)

.box {
	animation-timing-function: frames(5);
	animation-timing-function: steps(5, end);
	animation-timing-function: steps(5, start);
	animation-timing-function: step-start;
	animation-timing-function: step-end;
	animation-timing-function: linear;
	animation-timing-function: ease;
	animation-timing-function: ease-in;
	animation-timing-function: ease-out;
	animation-timing-function: ease-in-out;
	animation-timing-function: cubic-bezier(0, .25, 0, .5);
}


Получилось...
...
		"timingFunctions": {
			"step-start": 1,
			"step-end": 1,
			"linear": 1,
			"ease": 1,
			"ease-in": 1,
			"ease-out": 1,
			"ease-in-out": 1,
			"cubic-bezier(0,.25,0,.5)": 1
		},
		"invalidTimingFunctions": {
			"frames(5)": 1,
			"steps(5, end)": 1,
			"steps(5, start)": 1,
			"cubic-bezier(0, .25, 0, .5)": 1
		}
...

Только не понятно, а cubic-bezier правильная «не правильная функция» или не правильная «правильная функция»?

Также может найти не все цвета
.box {
	color: #00000000;
	color: #fffa;
	color: rgb(128 0 60 / .1);
	color: rgb(50% 40% 30%);
	color: hsl(60deg 50% 35%);
	color: hsl(70deg, 40%, 25%);
	color: hsl(80deg 40% 30% / .1);
	color: deeppink;
}


Вот самый точный подсчёт этих цветов...
...
		"usage": {
			"#00000000": 1,
			"#ffffffaa": 1,
			"hsl(70deg,40%,25%)": 1,
			"deeppink": 1
		}
...


В следующем коде, оказывается, нету ни одного data-uri...
.chess-bg {
	background: #eee url('data:image/svg+xml,\
	<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill-opacity=".25">\
		<rect x="50" width="50" height="50" /> \
		<rect y="50" width="50" height="50" /> \
	</svg>');
}


Количество объявлении (и их группировка по значениям) display было посчитано правильно!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужен програмист который все знает про дизайн и продвижения сайта! alex7101 Работа 1 28.11.2016 17:59
Нужен JS кодер. Разовая задача. kkolorid Работа 1 03.12.2014 15:54
Нужен скрипт для счета времени с текущего момента Julius123 Javascript под браузер 9 05.11.2014 20:35
Очень нужен скрипт для лёгкого интернет магазина samael Общие вопросы Javascript 3 26.06.2012 10:35
Нужен скрипт онлайн редактора книг gustovskiy Работа 1 04.01.2011 01:48