One word or two about minified JS/CSS code

Stagger Lee
1774 Posts
Stagger Lee posted this 04 April 2015

What to do about it ?
It makes manual coding literally impossible. Themler custom JS/CSS code in "Settings" cannot replace real code editor, no way.

What to do about it ? It makes manual coding literally impossible. Themler custom JS/CSS code in "Settings" cannot replace real code editor, no way.
Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 06 April 2015

Hello Lee,
I'm sorry but I'm not quite sure what you mean.
The *.min.css and *.min.js files are created in Themler theme, the custom CSS code added under Settings >> Additional CSS are added to style.css and style.min.css files.
So please elaborate the issue.

Regards,
Aileen

Hello Lee, I'm sorry but I'm not quite sure what you mean. The *.min.css and *.min.js files are created in Themler theme, the custom CSS code added under Settings >> Additional CSS are added to style.css and style.min.css files. So please elaborate the issue. Regards, Aileen
Stagger Lee
1774 Posts
Stagger Lee posted this 06 April 2015

  • When i download theme and use it in my WP installation,
  • Main CSS is minified,
  • If I want to make manual changes it is almost impossible, or very difficult.

Seems as you make Themler themes with mind that nobody will touch CSS after.

JS files are not so important here as they are never touched, but there is allways a lot ot manual work in main CSS.
We can use some other non-minified CSS file, they are all called globally, but sometimes we need to change existing code in minified CSS file too, not only add own new code.

- When i download theme and use it in my WP installation, - Main CSS is minified, - If I want to make manual changes it is almost impossible, or very difficult. Seems as you make Themler themes with mind that nobody will touch CSS after. JS files are not so important here as they are never touched, but there is allways a lot ot manual work in main CSS. We can use some other non-minified CSS file, they are all called globally, but sometimes we need to change existing code in minified CSS file too, not only add own new code.

Last edited 06 April 2015 by Stagger Lee

Support Team
Support Team posted this 06 April 2015

Hello Lee,
thank you for details, I see your idea.
Although WP admin area allows to edit the theme files the custom CSS code should be changed in both style.css and style.min.css files. Also please keep in mind that if you open the theme in Themler and save it or apply to CMS the changes made in .css files are lost.
That's why we'd recommend that you add all custom CSS code directly in Themler >> Settings >> Additional CSS.

Regards,
Aileen

Hello Lee, thank you for details, I see your idea. Although WP admin area allows to edit the theme files the custom CSS code should be changed in both style.css and style.min.css files. Also please keep in mind that if you open the theme in Themler and save it or apply to CMS the changes made in .css files are lost. That's why we'd recommend that you add all custom CSS code directly in Themler >> Settings >> Additional CSS. Regards, Aileen
Stagger Lee
1774 Posts
Stagger Lee posted this 06 April 2015

I know. I use Beyond Compare tool for comparing new code with old and adapt according.

Problem is nothing can replace real code editor. I use Dreamweaver for instance.
- Miss Undo function.
- Saving and exporting from Themler takes all from 10-60 seconds, export, etc up to 3 minutes. All to much long time just to change some small thing and preview results.

Have to say that i did not have single Artisteer theme where I did not heavy customized CSS manually. So take a second thought about how you will have Themler CSS formatted in the future.

I know file size is double less, but... You can minify JS and leave CSS alone.

Wish Dreamweaver had some extension for minify. Un-minify is easy done with Commands--Apply formatting, but not opposite so easy without changing preferences of software globally.

It could be some easy solving (Commands--Apply..) and keep it un-minified, but after Beyond Compare or similrar compare tools are useless.

I know. I use Beyond Compare tool for comparing new code with old and adapt according. Problem is nothing can replace real code editor. I use Dreamweaver for instance. - Miss Undo function. - Saving and exporting from Themler takes all from 10-60 seconds, export, etc up to 3 minutes. All to much long time just to change some small thing and preview results. Have to say that i did not have single Artisteer theme where I did not heavy customized CSS manually. So take a second thought about how you will have Themler CSS formatted in the future. I know file size is double less, but... You can minify JS and leave CSS alone. Wish Dreamweaver had some extension for minify. Un-minify is easy done with Commands--Apply formatting, but not opposite so easy without changing preferences of software globally. It could be some easy solving (Commands--Apply..) and keep it un-minified, but after Beyond Compare or similrar compare tools are useless.

Last edited 06 April 2015 by Stagger Lee

Support Team
Support Team posted this 06 April 2015

Hi,
I've added this request to our wish list for the future consideration.
If you're interested please vote for this feature.
We'll take into account each vote.

Regards,
Aileen

Hi, I've added this request to our wish list for the future consideration. If you're interested please **vote for this feature**. We'll take into account each vote. Regards, Aileen
Stagger Lee
1774 Posts
Stagger Lee posted this 06 April 2015

Honestly difficult to vote. 450 KB reduced to almost half its size. But I will vote for it, simply need manual tweaking CSS files.
Rest I fix with Expires Headers in .htaccess, so CSS files are pulled only once, rest is from visitors browser cache.

Honestly difficult to vote. 450 KB reduced to almost half its size. But I will vote for it, simply need manual tweaking CSS files. Rest I fix with Expires Headers in .htaccess, so CSS files are pulled only once, rest is from visitors browser cache.

Last edited 06 April 2015 by Stagger Lee

tonytong198
1 Posts
tonytong198 posted this 30 December 2015

i find a free online service to minify js and compress css , so it will reduce the size of web page.

i find a free online service to [minify js][1] and [compress css][2] , so it will reduce the size of web page. [1]: http://www.online-code.net/minify-js.html [2]: http://www.online-code.net/minify-css.html
You must log in or register to leave comments