dmitriybarinov
Регистрация:
5 лет назад
Группы:
Испытатели
Последний визит:
3 года назад
Анкета
Возраст:
37 лет ()
Награды
Лента наградdmitriybarinov 4 года назад #
Полезные ссылки для верстальщика
Редакторы кода:
https://code.visualstudio.com/ - VS Code
http://www.sublimetext.com/ - Sublime text 3
Шрифты:
https://webfonts.pro/
https://fonts.google.com/
https://fontstorage.com
Конвертеры шрифтов:
https://everythingfonts.com/font-face
http://www.freefontconverter.com/
Иконки:
https://fontawesome.com/
https://www.flaticon.com/
Онлайн-песочницы:
https://codepen.io/
https://codesandbox.io/
https://repl.it/
Проверка кода:
https://caniuse.com/
https://validator.w3.org/
https://developers.google.com/speed/pagespeed/insights/?hl=ru
Работа с макетами:
https://assets.adobe.com/
https://avocode.com/
Сжатие изображений:
https://tinypng.com/
CSS-спрайты:
https://spritegen.website-performance.org/
Форматирование CSS:
http://www.lonniebest.com/FormatCSS/
Рисование треугольников на CSS:
http://apps.eky.hk/css-triangle-generator/
Онлайн-мокапы:
http://getcover.ru/
Оптимайзер svg:
https://sketchmaster.com/svg-optimizer/
Сервис для именования переменных-цветов:
http://chir.ag/projects/name-that-color/#6195ED
Редакторы кода:
https://code.visualstudio.com/ - VS Code
http://www.sublimetext.com/ - Sublime text 3
Шрифты:
https://webfonts.pro/
https://fonts.google.com/
https://fontstorage.com
Конвертеры шрифтов:
https://everythingfonts.com/font-face
http://www.freefontconverter.com/
Иконки:
https://fontawesome.com/
https://www.flaticon.com/
Онлайн-песочницы:
https://codepen.io/
https://codesandbox.io/
https://repl.it/
Проверка кода:
https://caniuse.com/
https://validator.w3.org/
https://developers.google.com/speed/pagespeed/insights/?hl=ru
Работа с макетами:
https://assets.adobe.com/
https://avocode.com/
Сжатие изображений:
https://tinypng.com/
CSS-спрайты:
https://spritegen.website-performance.org/
Форматирование CSS:
http://www.lonniebest.com/FormatCSS/
Рисование треугольников на CSS:
http://apps.eky.hk/css-triangle-generator/
Онлайн-мокапы:
http://getcover.ru/
Оптимайзер svg:
https://sketchmaster.com/svg-optimizer/
Сервис для именования переменных-цветов:
http://chir.ag/projects/name-that-color/#6195ED
dmitriybarinov 4 года назад #
Генерация документации по API
swagger.io
apiblueprint.org
apiary.io
apidocjs.com
mashape.com
cloud.google.com/apigee
miredot.com
apispark.com
raml.org
github.com/danielgtaylor/aglio
swagger.io
apiblueprint.org
apiary.io
apidocjs.com
mashape.com
cloud.google.com/apigee
miredot.com
apispark.com
raml.org
github.com/danielgtaylor/aglio
dmitriybarinov 4 года назад #
Web Developer Checklist
сайт
+
/webstore/
Analyses any web page for violations of best practices
For web developers who wants to make sure they follow best practices. This extension allows you to very easily discover problem areas in your website.
сайт
+
/webstore/
Analyses any web page for violations of best practices
For web developers who wants to make sure they follow best practices. This extension allows you to very easily discover problem areas in your website.
dmitriybarinov 4 года назад #
dmitriybarinov 4 года назад #
The font display timeline
Дескриптор определяет , как отображается "лицо" шрифта в зависимости от того, когда он будет полностью загружен.
пример
П.С. Устраняет/уменьшает мерцание шрифта.
Дескриптор определяет , как отображается "лицо" шрифта в зависимости от того, когда он будет полностью загружен.
пример
Код CSS:
Подробнее...
@font-face { font-family: ExampleFont; src: url(/path/to/fonts/examplefont.woff) format('woff'), url(/path/to/fonts/examplefont.eot) format('eot'); font-weight: 400; font-style: normal; font-display: fallback; }
П.С. Устраняет/уменьшает мерцание шрифта.