Archive for the ‘JavaScript’ Category

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 »

WebKit Releases New SunSpider 1.0 Benchmark to Chart the Future of JavaScript Performance

JavaScript, WebKit | Posted by Keefr May 2nd, 2013

Benchmarks are all over the place, but the interesting bit about this one is that this one is really spurred by Google forking the Webkit project, making its own spinoff called “Blink,” which allows it to separate itself from Apple’s Nitro JS processor, which Chrome doesn’t utilize.

Samsung (and others) end up as the odd men out though, as it uses the Apple WebKit Engine, but Chrome’s V8 JS engine. Things could get interesting going forward if these forks… well fork more.

WebKit Releases New SunSpider 1.0 Benchmark to Chart the Future of JavaScript Performance

Nice Notifications For the Web

JavaScript | Posted by Keefr April 28th, 2013

This is simple, but so nice: they’re animated subtly and inspired by desktop notifications using JavaScript.

Love this, and will be utilized as soon as I have a need for it.

Notify.js: browser dialogs never looked so good

Simple YouTube Menu Effect

JavaScript, Web Design, Web Development | Posted by Keefr April 25th, 2013

Really nice menu effect that mimics something seen on YouTube. It’s done mainly in HTML and CSS, with a touch of JavaScript.

Simple YouTube Menu Effect

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

Packery: Building on Masonry

JavaScript | Posted by Keefr February 15th, 2013

Love the Mansonry JavaScript plugins out there, but this is cool in that it addresses the biggest issue of Masonry: the gaps than can occur in layouts. Can’t wait to check it out.

Packery: Building on Masonry

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

JavaScript ‘this’ in Different Contexts

JavaScript | Posted by Keefr January 30th, 2013

The link below is a nice little primer/refresher on the JavaScript reserved keyword, “this” and its different contexts — illustrating what “this” would represent in each case.

JavaScript ‘this’ in Different Contexts

Jo: Simple App Framework for HTML5

CSS, JavaScript | Posted by Keefr January 29th, 2013

This really seems like a winner. I need to take a few hours in a coming weekend to give it a try, to have enough familiarity with it to have in the back of my mind for a project that it would work with. It really seems too good to be true.

Their web site’s home page does a good job of boiling it down:

Jo was made for apps, not websites.
Your HTML5 app lives in a single page and Jo helps you create a native-like app experience. Sure, there’s some DOM manipulation going on in there, but you don’t have to worry about it unless you want to. Build your app with JavaScript, tweak some CSS and call it a day.

Jo: Simple App Framework for HTML5