Posts Tagged ‘jQuery’

Slider with Sliding Backgrounds

CSS, How-Tos, jQuery | Posted by Keefr May 23rd, 2013

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

Curving Text Using CSS / jQuery

CSS, jQuery, Responsive Design | Posted by Keefr May 16th, 2013

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

Creating Web Text That Automatically Scales to the Width of its Parent Element

jQuery, Responsive Design | Posted by Keefr May 10th, 2013

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 »

Slide In (as You Scroll Down) Boxes

CSS, jQuery, Web Development | Posted by Keefr April 5th, 2013

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

jQuery: Test/Check if Checkbox is Checked

jQuery | Posted by Keefr February 7th, 2013

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

8+ Methods That Will Not Work in jQuery 1.9

jQuery | Posted by Keefr January 18th, 2013

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

The State of jQuery 2013

jQuery | Posted by Keefr January 17th, 2013

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

jQuery jKit – Full Featured UI Toolkit

jQuery, User Interface (UI) | Posted by Keefr January 10th, 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.

FooTable: a jQuery Plugin for Responsive Data Tables

jQuery | Posted by Keefr January 2nd, 2013

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

jQuery 1.9 Beta 1 Released

jQuery, Web Development | Posted by Keefr December 18th, 2012

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