Sam Croft

Full-stack developer

Creating a lightweight and semantic jQuery tabs plugin

  • 7 comments

Filed in: css, jQuery, plugin

Earlier this year I wrote a tiny jQuery accordion plugin, for mobile projects, because I was sick of using non-semantic code snippets to create a very simple ui component. While writing it I realised that it would be reasonably straightforward to create a tabs version using the same principles.

(more…)

Using a teeny-weeny bit of jQuery to add CSS inline backgrounds for blocks of text

  • 27 comments

Filed in: css, jQuery, plugin

For as long as I can remember I’ve always used a particular style of typography design when working with print based material. It’s nothing groundbreaking, and I’m sure you have used it as well.

It goes something like this:

Mos Eisley spaceport: You will never find a more wretched hive of scum and villainy. We must be cautious.
A print-based approach to text backgrounds. Simples.

(more…)

Introducing Mini-Map, a document visualisation jQuery plugin

  • 0 comments

Filed in: jQuery, mini-map, plugin

I love the iPad, it’s flipping awesome! I love browsing the Internet with my fingers, it’s a far nicer and casual experience than sat infront of the same screen, in the same place, in the same room. And it’s brilliant to see that designers are now taking into consideration how their sites work on tablets and large screen mobile devices. The advent of the media query makes it a doddle to create a responsive design, that changes according to the device/screen.

But, and this may be a pre-emptive ‘but’, as web designers we still feel compelled to design sites that scroll vertically. We fear the horizontal scroll. We’re terrified of it. Well most of us—there are some brave designers out there that don’t feel intimidated by the horizontal scroll though, the likes of Dom Goodrum, an old friend from University, and Teehan+Lax with their new TweetMag app are more than happy to explore the X axis.

(more…)