Online Web Development tools. All free, all provide an API. Simple Quick and Fast!
Finally, I've updated the design of javascript-minifier.com to the latest version of Bootstrap, v3.0.3 to be precise.
I'd been meaning to do this for a while and finally found some time. I think the site looks a bit cleaner now than before so I hope you like it.
As well as changing the Bootstrap version, I also took the opportunity to link to files on the
jsdelivr site. This is both the Bootstrap css and js files but also the version of jQuery
too. If you're using IE<9, then it'll also link to the same place for the html5shiv.js and respond.js, so you'll
get an even better speedup. The site loads fast anyway but hopefully this will make it even faster.
Tags: site-update
Posted: 8 years ago
Finally, I've updated the design of the following sites to the latest version of Bootstrap, v3.0.3 to be precise:
I'd been meaning to do this for a while and finally found some time. I think the sites look a bit cleaner now than before so I hope you like it.
As well as changing the Bootstrap version, I also took the opportunity to link to files on the
jsdelivr site. This is both the Bootstrap css and js files but also the version of jQuery
too. If you're using IE<9, then it'll also link to the same place for the html5shiv.js and respond.js, so you'll
get an even better speedup. The sites load fast anyway but hopefully this will make them even faster.
Tags: site-update design
Posted: 8 years ago
Django Helper
Gustavo Vargas has written a Django helper (plugin?) which allows you to use both CSSMinifier and JavaScript Minifier from within your projects. Cool aye?
The GitHub repo is here and named js-css-min-django. It describes itself as "JS and CSS automated merge and minifier. Optionally can parse django template tags in css and js files.". Let's face it, anything that is automated is a win!
Thanks Gustavo!
Posted: 8 years ago
Just a short note to say that uglify-js has been upgraded from the v2.4.x series.
Have fun and happy scripting.
Tags: uglify-js site-update javascript
Posted: 8 years ago
Just a short note to say that clean-css has been upgraded from the v1.1.x series to the v2.x.x series.
It looks like this release is pretty big, including changing the code over to a more Object Oriented interface. For cssminifier.com of course, this doesn't affect you so just keep doing what you're doing with the same API as before.
Other things which look nice are the changeover to a token parser so that clean-css can perform more optimisations, so it looks like they're doing amazing things. Thanks (as always) to GoalSmashers for an amazing library.
Tags: clean-css site-update
Posted: 9 years ago
Many people search for many things when it comes to minifying CSS. I originally bought this domain since I thought cssminifier.com was a good one. It turns out that many people search for "css minify" or "css minifier".
However, not everyone thinks like me. It turns out that people search for a number of things. Let's take a look at this table which contains the past month's worth of queries in which cssminifier.com appeared in the top ten results, what position it appeared at and how many people clicked through.
As you can see, for some queries the CTR is quite high, but on others it's a lot lower - mainly because the user
searched for "css
I'm not going to analyse this too closely though but I'll leave the table here if you're interested.
| Query | Impressions | Clicks | CTR | Avg. Position |
|---|---|---|---|---|
| css minify | 5,500 | 3,500 | 64% | 1.1 |
| minify css | 6,500 | 3,000 | 46% | 2.3 |
| css minifier | 3,000 | 2,500 | 83% | 1.0 |
| minify css online | 600 | 200 | 33% | 2.9 |
| css min | 400 | 200 | 50% | 1.8 |
| minified css | 400 | 200 | 50% | 1.3 |
| css minify online | 400 | 170 | 42% | 2.1 |
| compress css | 1,600 | 110 | 7% | 6.6 |
| minifier | 900 | 110 | 12% | 3.4 |
| minimize css | 700 | 110 | 16% | 4.1 |
| how to minify css | 200 | 90 | 45% | 1.8 |
| css minifier online | 200 | 90 | 45% | 2.5 |
| min css | 150 | 90 | 60% | 1.5 |
| css compressor | 1,300 | 70 | 5% | 8.2 |
| css minification | 170 | 70 | 41% | 1.9 |
| css minified | 110 | 70 | 64% | 1.1 |
| css compress | 900 | 50 | 6% | 7.3 |
| minifier css | 70 | 50 | 71% | 1.1 |
| cssminifier | 60 | 50 | 83% | 1.0 |
| cssmin | 600 | 35 | 6% | 5.8 |
| compress css online | 150 | 35 | 23% | 3.4 |
| online css minifier | 150 | 35 | 23% | 3.0 |
| minificar css | 70 | 35 | 50% | 2.3 |
| online css compressor | 150 | 30 | 20% | 4.8 |
| minifycss | 70 | 30 | 43% | 3.0 |
| minimise css | 50 | 30 | 60% | 2.6 |
| cssminify | 50 | 30 | 60% | 1.8 |
| css minifer | 35 | 30 | 86% | 1.0 |
| css minimize | 110 | 22 | 20% | 3.8 |
| minifying css | 70 | 22 | 31% | 2.4 |
| min.css | 60 | 22 | 37% | 1.4 |
| css mini | 50 | 22 | 44% | 1.3 |
| online minify css | 35 | 22 | 63% | 2.1 |
| compress css files | 110 | 16 | 15% | 3.3 |
| css minify tool | 30 | 16 | 53% | 1.4 |
| minfy css | 30 | 16 | 53% | 2.2 |
| css minifyer | 22 | 16 | 73% | 1.0 |
| minify | 600 | 12 | 2% | 11 |
| css compressor online | 90 | 12 | 13% | 4.8 |
| deminify css | 70 | 12 | 17% | 3.7 |
| css | 500 | <10 | - | 69 |
| javascript minifier | 200 | <10 | - | 10 |
| javascript minify | 200 | <10 | - | 10 |
| minify online | 110 | <10 | - | 5.8 |
| css compression | 110 | <10 | - | 8.5 |
| js minify | 90 | <10 | - | 11 |
| online minify | 90 | <10 | - | 5.7 |
| mincss | 90 | <10 | - | 8.3 |
| minification | 70 | <10 | - | 4.9 |
| online minifier | 70 | <10 | - | 6.2 |
(Ends)
Tags: seo
Posted: 9 years ago
I've just added a new examples page so that I could get more in depth on how to use cssminifier.com from various programming languages. Currently there are examples of using curl, node.js, PHP and LWP Request with more to come.
This also minimises the stuff that it at the bottom of the homepage and just focuses on the main function of the site.
I'd love to get more examples in a language of your choice so send me something and I'll put it up. Toni Almeida sent me a link to a project he wrote called PHP JS CSS Minifier which is a PHP library which uses CSS Minifier and JavaScript Minifier to automatically minimise assets. He uses it prior to releasing to production. I have also linked to this project from the examples page.
Thanks for using CSS Minfiier and send any suggestions to @andychilton (and follow me too!). I'll keep trying to update the site with more stuff as time goes on, as well as more up to date code.
Have fun and happy CSS'ing!
Tags: site-update examples
Posted: 9 years ago
Just a short note to say that clean-css has been upgraded from the v1.0.x series to the v1.1.x series.
Have fun and happy CSS'ing!
Tags: clean-css site-update css
Posted: 9 years ago
Prior to today's release, any @import statements were being processed but deleted in the final minified output. This is because
clean-css presumes files are being processed locally and the @import file exists on the filesystem too.
However, when minifying on the web, only one file is minified at a time, therefore any file referenced via the @import statement won't exist
and the statement was replaced with nothing - it was essentially deleted.
Luckily, clean-css has a config option for processImport : false which means that @import statements
are now not processed and are therefore left intact. Which is exactly what we need here.
Thanks to @Vicrry for reporting this issue.
Have fun and happy CSS'ing!
Tags: site-update css
Posted: 9 years ago
Today I have just released a new version of cssminifier.com which uses a different minifier in the backend.
Prior to today I was using the JavaScript version of the YUI compressor but I realised that the JavaScript version was no longer in the repository. I guess it is no longer supported. In the past, I had to update the code for this manually since it wasn't in npm and whilst it was okay, it was slightly painful.
To ease this manual procedure I decided to use something straight out of the box from npm. After installing a few different packages and trying them out, I settled on using clean-css by GoalSmashers. It's a very well written library and it has lots of tests. But the most important thing is that it's a library that is supported and frequently updated - which is great news! Thanks to the GoalSmashers team for producing such an awesome library and an important part of the npm and node.js ecosystem.
Another improvement is that clean-css also supports media queries so that's great news in today's mobile first world.
The difference between the old and new minifiers isn't much and whilst there might be a few bytes difference in the size, hopefully there won't be any major incompatibilites. clean-css tries to be faster but I didn't test it against the JS version of YUI Compressor.
Have fun and happy CSS'ing!
Tags: site-update css npm clean-css
Posted: 9 years ago
« Older Posts - Page of 2 - Newer Posts »
all (1) css-minifier (9) img-resize (1) javascript-minifier (4) pngcrush (1) postbin (1)
bug-fixes (1) clean-css (3) css (3) design (1) django (1) es2015 (1) es2016 (1) es2017 (1) es2018 (1) examples (2) image (1) javascript (1) leveldb (1) mongodb (1) npm (1) plugin (1) pngcrush (1) resize (1) seo (1) site (2) site-update (11) tailwindcss (1) uglify-js (1)