{"id":20715392,"url":"https://github.com/codler/jquery-css3-finalize","last_synced_at":"2025-04-23T10:44:17.741Z","repository":{"id":1145051,"uuid":"1026851","full_name":"codler/jQuery-Css3-Finalize","owner":"codler","description":"Tired of adding prefix for each browser when it comes to the new css3 attributes?","archived":false,"fork":false,"pushed_at":"2014-10-18T19:39:10.000Z","size":2052,"stargazers_count":165,"open_issues_count":0,"forks_count":19,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-12T19:19:35.878Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codler.png","metadata":{"files":{"readme":"README.markdown","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2010-10-26T21:26:12.000Z","updated_at":"2024-12-11T07:23:42.000Z","dependencies_parsed_at":"2022-08-16T12:15:20.028Z","dependency_job_id":null,"html_url":"https://github.com/codler/jQuery-Css3-Finalize","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codler%2FjQuery-Css3-Finalize","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codler%2FjQuery-Css3-Finalize/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codler%2FjQuery-Css3-Finalize/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codler%2FjQuery-Css3-Finalize/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codler","download_url":"https://codeload.github.com/codler/jQuery-Css3-Finalize/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250419390,"owners_count":21427593,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-17T02:38:19.833Z","updated_at":"2025-04-23T10:44:17.717Z","avatar_url":"https://github.com/codler.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CSS 3 Finalize\n\nWith this plugin you can write CSS without the vendor prefixes. The plugin takes care of it and will automatically add vendor prefixes. This will save time and the pain of rewriting same attribute many times.\n\nFor example the css3 attribute \u003ccode\u003etransform\u003c/code\u003e need to have the prefix \n\u003cul\u003e\n\u003cli\u003e\u003ccode\u003e-moz-\u003c/code\u003e in Firefox\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e-ms-\u003c/code\u003e in Internet explorer\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e-webkit-\u003c/code\u003e in Chrome, Safari\u003c/li\u003e\n\u003c/ul\u003e\n\n## How to use\n\nSimply add this line of code to your site\n\n\t\u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/css3finalize/4.0.1/jquery.css3finalize.min.js\"\u003e\u003c/script\u003e\n\nOnce the script is loaded it will search for style-tags and link-tags (within same domain) and parse them.\n\n#### Manual loading\nIf you don't want the script to automatically load and parse then you could set this code\n\n\t\u003cscript\u003e \n\t// Disable autoload\n\twindow.cssFinalize=false; \n\t// DOM is ready\n\tjQuery(function($) { \n\t\t// Start parse\n\t\t$('style, link').cssFinalize();\n\t});\n\t\u003c/script\u003e\n\n## Options\n\n\t// Which node CSS3 Finalize should read and add vendor prefixes\n\tnode : 'style,link',\n\t// If it should add the vendor prefixes\n\tappend : true,\n\t// This will be called for each nodes after vendor prefixes have been appended\n\tcallback : function(css) {}\n\n## Tests\n\nThis script has been tested in \u003ccode\u003eIE 10-11\u003c/code\u003e, \u003ccode\u003eFF\u003c/code\u003e, \u003ccode\u003eWebkit\u003c/code\u003e\n\n\u003chttp://jsfiddle.net/Q96Gc/\u003e\n\n#### Some notes\n* The script can only read link-tags where it source are from same domain.\n* Link-tags cannot be read on webkit and Opera on local files.\n\n## cssHooks\n\nYou can leave out the prefix when setting a style in jQuery css method.\n\nExample\n\n\u003ccode\u003e$('a').css({'width' : 'calc(100% - 80px)', 'column-width' : 10});\u003c/code\u003e\n\nIn normal case you would have needed to add a prefix\n\n\u003ccode\u003e$('a').css({'width' : '-webkit-calc(100% - 80px)', '-moz-column-width' : 10});\u003c/code\u003e\n\n## LESS\n\nExample using \u003ccode\u003eless.js\u003c/code\u003e post processing together with this script\n\n\tless = {\n\t\tpostProcessor: function(css) {\n\t\t\tvar processedCSS = css;\n\t\t\tif ($.cssFinalize) {\n\t\t\t\t$('\u003ctextarea\u003e').val(css).cssFinalize({\n\t\t\t\t\t'append' : false,\n\t\t\t\t\t'callback': function(css) {\n\t\t\t\t\t\tprocessedCSS += $.cssFinalize.cssObjToText(css);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn processedCSS;\n\t\t}\n\t};\n\n## Feedback\n\nI appreciate all feedback, thanks! If you would like to donate you can send to this Bitcoin address \u003ccode\u003e1FCT3xhLBRD1MUxnS1ppcLrbH9SCeZpu6D\u003c/code\u003e\n\n## Change log ##\n\n2014-10-18 - **v4.1.0**\n\n* Add Bower integration ([codler](https://github.com/codler) [#26](https://github.com/codler/jQuery-Css3-Finalize/issues/26))\n* Add CSS `@supports` support\n\n2014-08-16 - **v4.0.1**\n\n* Fix detect property flex in IE10 ([codler](https://github.com/codler) [#25](https://github.com/codler/jQuery-Css3-Finalize/issues/25))\n\n2014-05-24 - **v4.0.0**\n\nVersion 4 have been updated to support IE10+ and other modern browsers.\nCSS Flex fallback support\n\n([codler](https://github.com/codler))\n\n2013-03-29 - **v3.4.0**\n\n* Fix for jQuery 2.0b2 ([codler](https://github.com/codler))\n\n2013-02-23 - **v3.3**\n\n* Fix for jQuery 1.9 ([codler](https://github.com/codler) [#22](https://github.com/codler/jQuery-Css3-Finalize/issues/22))\n\n2012-11-30 - **v3.2**\n\n* Fix detect shorthand properties in webkit. ([codler](https://github.com/codler) [#20](https://github.com/codler/jQuery-Css3-Finalize/issues/20))\n* Fix flex for IE10 ([codler](https://github.com/codler))\n\n2012-09-06 - **v3.1**\n\n* Remove prefixing flex in cssHooks. ([codler](https://github.com/codler) [#18](https://github.com/codler/jQuery-Css3-Finalize/issues/18))\n\n2012-08-21 - **v3.0**\n\nThe time has come to drop support for older browser. \n\nVersion 3 have been updated to support IE9+ and latest version of Firefox, Chrome, Safari and Opera since they have auto update.\n\nThe minified version is alot smaller now.\n\nFixes old bugs\n\n([codler](https://github.com/codler))\n\n2012-08-19 - **v2.5**\n\n* Allow Array.prototype Augmenting ([mkantor](https://github.com/mkantor) [#16](https://github.com/codler/jQuery-Css3-Finalize/pull/16))\n\n2012-05-07 - **v2.4**\n* Replaced string indexing with call to .charAt() for IE7 compatibility. ([mkantor](https://github.com/mkantor) [#14](https://github.com/codler/jQuery-Css3-Finalize/pull/14))\n\n2012-02-14 - **v2.3**\n\n* Fix issue #12, prefix border-radius in FF3.6 and safari 4. ([codler](https://github.com/codler) [#12](https://github.com/codler/jQuery-Css3-Finalize/issues/12))\n\n2012-02-09 - **v2.2**\n\n* Fix valueRules in CSSHooks. ([codler](https://github.com/codler))\n\n**... See commit log ...**\n\n2011-08-08 - **v1.45**\n\n* Opacity shim only on \u003c=IE8. ([codler](https://github.com/codler))\n* Fix for a IE transparency/click bug. ([r3gis3r](https://github.com/r3gis3r) [#8](https://github.com/codler/jQuery-Css3-Finalize/pull/8))\n\n**... See commit log ...**\n\n2010-10-26 - **v1.0**\n\n* First commit. ([codler](https://github.com/codler))","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodler%2Fjquery-css3-finalize","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodler%2Fjquery-css3-finalize","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodler%2Fjquery-css3-finalize/lists"}