This one took me a little while to understand what the demo was really doing. It definitely is a nice little bit of polish and attention to details — making for a subtle, but nice effect in a slider gallery.
Funny enough, I like the little CSS-based gradient effect to make sure light text shows up on whatever background is utilized. I’ll actually utilize that a lot more than the tutorial as a whole.
Slider with Sliding Backgrounds
Ah, isn’t it cool to see how far we’ve come? While there are still a fair amount of restrictions and browser compatibility, there are some cool things that can be done by combining some CSS with good ol’ jQuery.
Check this jQuery plugin out that allows a simple way to have curved text that’s actual text — and not a graphical representation of text. Love it — as long as it’s used sparingly and appropriately.
How to Curve Your Text Using CSS3 and jQuery – Arctext.js Responsive jQuery Plugin
Friend and co-worker asked me this morning if I knew of a way to make text scale to always fill the width of its parent element. I was pretty sure it couldn’t be done with just CSS, and especially be cross-browser compatible.
Read the rest of this entry »
Love this effect and have to see about implementing it in a future project. Basically, it detects when content below “the fold” appears and animates it up via jQuery. The included video gives you a good view/demo:
Slide In (as You Scroll Down) Boxes
This is one of those things I always have to look up whenever I utilize it, and it’s changed slightly in newer jQuery cores. Came across this article this morning that documents all the various ways to test whether a form’s checkbox is checked:
jQuery: Test/Check if Checkbox is Checked
On top of jQuery 1.9 being the last version that will offer support for legacy browsers, there’s quite a few things that were previously deprecated that 1.9 removed — partially to combat file size creeping up.
Three of these I’ve used in the past, but my current IDE is pretty good about noting deprecations, and I can’t recall any of these coming up in recent projects.
8+ Methods That Will Not Work in jQuery 1.9
Man jQuery has come a long way since its first introduction in about this time back in 2006. 2.0 is on the horizon — a faster and leaner jQuery that drops support for crappy older browser.
Sadly, for the foreseeable future, most of us will be stuck on utilizing jQuery 1.9.x to continue support of those older browsers. Regardless, it’s great to see where jQuery started and where it’s come.
It’s very impressive that over half of the top 100,000 web sites utilize jQuery in some way shape or form.
The State of jQuery 2013
Came across this last week and it seems like the jQuery-based UI Toolkit tackles a lot of the things we do as web designers and developers
When we don’t have the time or need/want to make the effort to do something custom (and maybe even sometimes when we do),
jQUery jKit UI Toolkit
Includes some nice stuff like charts, sorting, parallax and a bunch of others. Seems like it’s pretty customizable. Already playing around and prototyping with it.
Wish I had know about this earlier. While tables aren’t used all the time, they still do have their place — tabular data instances. In those cases, this plugin is great for making tables responsive.
FooTable: a jQuery Plugin for Responsive Data Tables
Yesterday, jQuery 1.9′s first beta was released. While a new version of jQuery’s core is always a welcome thing, this one removes a bunch of stuff that was deprecated in earlier versions. Kudos to the jQuery development team for including a migration script to help make the adjustments, and to work as a stopgap for older code.
jQuery 1.9 Beta 1 Released