search

DominikGuzei / flawless.css

A full stack html5 and css3 framework that uses less.js as it's core to provide a truly modular system with addons and other cute stuff ;-D
MIT License
184 stars 11 forks source link

Dealing with Browser Cache #1

Closed raeldc closed 14 years ago

raeldc commented 14 years ago

Hi Dominik.

You're really on to something with this framework. It's really a great idea!

It's actually my first time to work with Less.js and this might just be an old issue that can easily be avoided if I know what to do.

I'm trying to play around with it, but I hit an immediate roadblock. I think the browser caches everything. I tried to change values here and there to see what happens, but the changes are not reflected. I tried to rename some mixin functions which I'd expect to mess everything up, but I still don't see the changes.

I disabled Firefox's cache totally, and in Safari 5, I also disabled caching. I restarted my browsers and the changes are still not reflected. When I visit starter.html for the first time using Chrome, that's when the changes are reflected.

This might be a common issue in less.js but I'm googling around for answers but found none. Do you have any tips to avoid this issue?

Edit: I found the same issue here: http://github.com/cloudhead/less.js/issues#issue/47

Maybe you have included an older version of less.js?

Regards, Israel

DominikGuzei commented 14 years ago

Hi Israel!

Thank you for the positive feedback, i appreciate that!

I am very sorry about your problem with caching - I tried to reconstruct what you explained but for me I does not happen ;-/ it's certainly a problem with Less.js because the framework itself is just a big less.js project with many @imports and so on. I would recommend to ask cloudhead at http://github.com/cloudhead/less.js maybe he knows a solution or at least knows what the cause of this error is!

Kind regards, Dominik

raeldc commented 14 years ago

Hi Dominik,

I'm using your work on some major project. I'm sure your work will be very very popular soon!

Here's how to duplicate the problem.

Go to starter.html. The page is rendered perfectly.

Try editing /addons/nav/nav_theme_flawless.less. I changed the mixin name to .nav_theme_flawlesss(), save it.

Try to refresh starter.html. In my computer(OSX 10.6.4, Safari 5.01 -Cached Disabled), the page isn't ruined no matter how much I refresh or restart.

But if I access it from another browser for the first time, it ruined the page.

What I'm really trying to do is add a:visited under a:link so that the visited starter.html# will still have styling. (Currently when you click on it, it will ruin the style coz the style is only for a:link. When I did this, I noticed the problem.

All changes in starter.less are reflected right away so I really don't know what's going on here. Perhaps you're right, I should ask cloudhead.

Thanks for your work again! -Israel

DominikGuzei commented 14 years ago

I am glad you can already use the framework commercially ;-) I'm also building my first html5 drupal theme with it!

By the way - Thanks for pointing out the problems with navigation, I just spent some minutes on it, basically just for the starter.html as an example for an addon. I commited the changes into the code base and also changed css3_border_radius to take one value like 10px 0 10px 0 - this is more natural css style and enables you to form the navigation anyway you want (the border radius values)

kind regards! Dominik