CSS or JQuery

Darthmaul

Goldbergstein
Joined
Jul 28, 2009
Messages
11,173
Reaction score
4
FP$
6,302
Would you rather do something like a hover effect with JQuery or CSS?

In my opinion, it's a bit better to do it with JQuery or another JS solution, as some browsers(DIE IE DIE) won't support all your CSS effects.
 
The problem with jQuery/JS is that you can disable them.
Also some add blockers block JS so a lot of effects could be missing if you use JS/jQuery. CSS is the best bet because most if not all CSS is supported (not CSS3 dif type) in the top browsers.
 
Patrick S. said:
The problem with jQuery/JS is that you can disable them.
Also some add blockers block JS so a lot of effects could be missing if you use JS/jQuery. CSS is the best bet because most if not all CSS is supported (not CSS3 dif type) in the top browsers.
You make an excellent point, but depending on who you're designing for, you may have to code for not the "top browsers" but the "bottom browsers"
 
If you can get most major browsers to work with the CSS then go with that, it is much faster. But if you can't then go with jQuery. If someone turns javascript off then that is their own fault.

I'm working on something with a pinterest style layout, I coded it in CSS but it does not work in FF and Opera so I have to switch to jQuery masonry.
 
Hover effect is more or less CSS unless you want to do something pretty and with effects, that's all it really is.
 
el canadiano said:
Hover effect is more or less CSS unless you want to do something pretty and with effects, that's all it really is.
For instance: Easing of a dropdown menu, that could be accomplished with JS. Heck, even the simplest hover effect can be done with JS
 
Easing of a dropdown menu is pretty simple in CSS, too.
 
ShadyX said:
Easing of a dropdown menu is pretty simple in CSS, too.
I agree, but like I said, some browsers might have trouble with supporting it 🙁
 
Darthmaul said:
ShadyX said:
Easing of a dropdown menu is pretty simple in CSS, too.
I agree, but like I said, some browsers might have trouble with supporting it 🙁

Just IE, Most other browsers support it. 😉
 
ShadyX said:
Darthmaul said:
ShadyX said:
Easing of a dropdown menu is pretty simple in CSS, too.
I agree, but like I said, some browsers might have trouble with supporting it 🙁

Just IE, Most other browsers support it. 😉
Unfortunately that's where a lot of my traffic is coming in on designs right now :cry:
 
Its funny you getting all mad over IE... When IE8 and up can support almost all CSS tricks.

I personally find it best to combine Jquery and CSS. It typically works better.
 
NBK*Twitch said:
Its funny you getting all mad over IE... When IE8 and up can support almost all CSS tricks.

I personally find it best to combine Jquery and CSS. It typically works better.

What do you mean by "combine Jquery and CSS"?

I gave up on IE a long time ago, it sucked back then and I am pretty sure it sucks now too.
 
NBK*Twitch said:
Its funny you getting all mad over IE... When IE8 and up can support almost all CSS tricks.

I personally find it best to combine Jquery and CSS. It typically works better.
Rounded corners.
Text shadow.
Transition.
Animation.
Gradient.

None of that works in IE8.
 
Back
Top Bottom