A List Apart: Articles: CSS Sprites2 - It's JavaScript Time - The Diigo Meta page

• 21 Dec 12
  

  Gert du Toit

  jQuery Menus jQuery Nice Menus

• 02 May 12
  

  rice tseng

  Tutorial navigation jquery css3 menu

• 30 Apr 12
  

  Vernon Fowler

  css jquery javascript sprites webDesign navigation tutorial

• 09 Apr 12
  

  張 旭

  jquery tutorial css sprites javascript menu navigation

  • The most compact version of jQuery weighs in at 15k.
  • et the position value to absolute to change the positioning offset to the li, instead of the body element
  • identified with the current-(whatever) class we applied to the parent ul, and skip that one from our background image removal
  • jQuery allows us to chain multiple functions on a single object
  • apply the nav image to this new div using the same background-image rule we used for the a element inside the shared parent li
  • animation speeds of more than a few hundred milliseconds may be fun to begin with

  4 more annotations...

• 28 Sep 11
  

  ella C.

  animierte HOver-Effekte mit jquery

  for:DiabolicDevilX Javascript CSS

• 

  _ souloter

  CSS Spriteのメニューにアニメーションを付けるjQueryチュートリアル

  jquery menu animation tutorial

• 27 Sep 11
  

  alexgadea

  Home About Services Contact

  css

• 26 Aug 11
  

  yasuhiro nishioka

  webdev tutorials sprites tips web webdesign tutorial zootool_imported

• 14 Jun 11
  

  jquery webDesign menu

• 03 May 11
  

  Nicola Avery

  (+ http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/, and http://www.shopdev.co.uk/blog/animated-menus-using-jquery/), http://www.alistapart.com/articles/responsive-web-design/, ht

  web

• 15 Mar 11
  

  Juan Felipe Alvarez

  web_design css jquery javascript sprites tutorial navigation

• 16 Dec 10
  

  I K

  css jquery menu fade smooth

• 29 Nov 10
  

  Humprey Cogay

  JavaScript Jquery Navigation JavaScript​

• 18 Nov 10
  

  Sasch Sasch

  JQuery Hover

• 05 Nov 10
  

  Catalin Criveteanu

  css javascript jquery sprites webDesign webdev navigation web

• 31 Oct 10
  

  Taylor Davis

  Javascript AListApart

• 27 Sep 10
  

  jquery simple animation (fade in, or slide), for css sprites menu (images only, text hidden, one image for all links: normal, hover, active)

  jquery animation menu ***

• 09 Sep 10
  

  poklask

  css menu jquery javascript tutorial tutorials web webdesign

• 31 Aug 10
  

  maelstrom

  jquery css webdesign sprites javascript navigation tutorial menu

• 17 Aug 10
  

  Plasmosis Plasmosis

  css sprites

• 02 Aug 10
  

  Frank Johnson

  css jquery webdesign navigation menu tutorials tutorial sprites

• 08 Jul 10
  

  qnhrdiigo

  CSS Sprite + jQuery Animation
  

  jquery navigation menu

• 02 Jul 10
  

  Hyung-Joo Lim

  A List Apart: Articles: CSS Sprites2 - It’s JavaScript Time http://ow.ly/17YkuK
  – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/17568529648

  via:packrati.us

• 28 Jun 10
  

  adrian liem

  navigation menu jquery

• 18 Jun 10
  

  Rafa Garcia

  css jquery javascript webdesign sprites tutorial navigation menu

• 13 Jun 10
  

  A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user's interactions in a dynamic way that standards-based web sites haven't been able

  css jquery javascript tutorial tutorials webdesign navigation sprites menu

• 09 Jun 10
  

  Thom Henkel
• 05 May 10
  

  Ab Diro

  jquery javascript tutorial sprites _game

• 08 Apr 10
  

  Tina McGuire

  css sprites

• 11 Mar 10
  

  dummy 58

  jQuery_menu

• 09 Mar 10
  

  Dan Unknow
• 18 Feb 10
  

  haltersweb

  CSS animated sprites using jQuery

  sprites animated jQuery

  • jQuery works across most modern browsers, so everything you see here works in IE6+,
• 06 Feb 10
  

  Andrea Micheloni

  javascript css scripting sprites how-to

• 28 Jan 10
  

  jose man gomez

  delicious toread fromdelicious

• 

  Rob Mew

  css jquery sprites

• 10 Dec 09
  

  bozzano seu

  menus em css - menu css menus em css

  css tableless tutoriais javascript jquery

• 23 Nov 09
  

  Adrian Bengtson

  A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user's interactions in a dynamic way that standards-based web sites haven't been able to replicate.
  
  Lately that's been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that make it easy—libraries such as Prototype, Scriptaculous, Moo, YUI, MochiKit (and I could go on). It's high time to revisit the CSS Sprites technique from four years ago, and see if we can't interject a little bit of movement of our own.
  
  The examples below demonstrate inline CSS Sprites2, the technique we'll be covering in this article:
  
  Home About Services Contact
  Home About Services Contact
  Home About Services Contact
  Enter the jQuery
  So here's the first caveat: we're going to lean on jQuery to make this happen. jQuery is a maturing JavaScript library that does the same neat stuff as all the other JavaScript libraries, and it has an additional advantage that lends itself particularly well to extending CSS Sprites: jQuery allows us to select elements on a page using a CSS-like syntax that we already know.

  javascript jquery

• 10 Nov 09
  

  Jackson Couse

  web css javascript jquery sprites webdev webdesign graphics tutorial howto

• 04 Nov 09
  

  Narayan Pai

  css javascript jquery

• 02 Nov 09
  

  Maximiliano Martin

  css jquery sprites tutorial javascript delicious

• 30 Oct 09
  

  Gregg Watt

  jquery navigation menu tutorials

• 27 Sep 09
  

  alice blue

  javascript css jquery***

• 24 Sep 09
  

  css jquery javascript webdesign navigation

• 15 Sep 09
  

  Leonardo Rodrigues

  css jquery javascript webdesign tutorial menu navigation tutorials sprites for:@twitter

• 16 Aug 09
  

  davidmerrick

  jquery navigation navbar css sprites csssprites

• 27 Jul 09
  

  Zheng Y
• 14 Jul 09
  

  Gene Babon

  javascript

• 13 Jul 09
  

  "A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user's interactions in a dynamic way that standards-based web sites haven't been abl

  css menu jquery

• 09 Jul 09
  

  M Tschofen

  jquery effects

• 26 Jun 09
  

  dingodingo

  A List Apart: Articles:

  css code navigation html webdev javascript sprite stylesheet script tutorial

• 23 Jun 09
  

  mehmet kara
• 

  Andy Homan

  Concise tute for adding various nav states to menus using unobtrusive jQuery

  jquery menus webdesign alistapart

• 08 Jun 09
  

  Ady Gould

  A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user's interactions in a dynamic way that standards-based web sites haven't been able to replicate.

  CSS Sprites Javascript jQuery animation #delicious

• 10 May 09
  

  Michaël Massé

  CSS jQuery JavaScript WebDesign tutorial navigation menu sprites jobLinker

• 01 May 09
  

  Clint Bush

  web development css sprites tutorials

• 21 Apr 09
  

  iseevisions

  css javascript webdesign tutorials menu webdev sprites jquery

• 30 Mar 09
  

  greymalkin

  jquery

• 20 Mar 09
  

  Mark Struzinski

  css sprites

• 19 Mar 09
  

  Shaho Toofani

  jQuery tutorial Effect css menu navigation sprites

• 18 Mar 09
  

  Ronan McDonnell

  learning javascript

• 07 Mar 09
  

  LDZ integratore

  jquery menu css javascript

• 05 Mar 09
  

  jrgamow

  webdesign css navigation

• 04 Mar 09
  

  Deezer Deezer

  webdev css sprites sprite

• 20 Feb 09
  

  Richard Klein

  jquery sprite sprites animation

• 04 Feb 09
  
• 03 Feb 09
  

  Michael Montgomery

  imported Bookmarks css jquery javascript webdesign sprites tutorial navigation

• 31 Jan 09
  

  Nelson Narciso

  programming jquery CSS

• 30 Jan 09
  

  Sean Patterson

  Replace old-school image slicing with CSS

  css

• 

  Glendon Solsberry

  css javascript sprites

• 29 Jan 09
  

  Chrys R

  css javascript webdesign sprites

• 25 Jan 09
  

  Raman Singh

  webdev tutorials tutorial css dfree

• 

  Raman Singh

  importedfree webdev tutorials tutorial css jquery javascript webdesign sprites navigation

• 21 Jan 09
  

  botiko itxaso

  tutorial javascript ajax delicious

• 20 Jan 09
  

  design webdesign web inspiration css programming webdev development howto javascript tutorial cool ajax code html tutorials tips jquery js article animation menu navigation Effects menus alistapart rollover ala sprites sprite

• 25 Dec 08
  

  Nic Bri

  jquery webdesign js

• 18 Dec 08
  

  Jason Swadley

  css web design

• 11 Dec 08
  

  Mark Smithers

  alistapart css jquery

• 30 Nov 08
  

  Greg Linch

  (via CoPress)

  web code sprites navigation menu sprite alistapart menus js ajax article tips webdesign tutorial javascript howto animation webdev cool jquery tutorials design css programming html inspiration development

• 17 Nov 08
  

  Nuno Cardoso

  jquery

• 

  Bob Obringer

  css javascript icons

• 14 Nov 08
  

  Shaza Hakim

  jquery navigation ajax

• 09 Nov 08
  

  Sean Williams

  Design Javascript jQuery

• 03 Nov 08
  

  Marko Prljic

  css sprite jquery

• 26 Oct 08
  

  Zach Harkey

  jquery tutorials css webdesign howto

• 21 Oct 08
  

  Owen Blacker

  Dave Shea on some cool CSS hover effects that can be obtained using jQuery

  CSS DaveShea cool from:alistapart InterfaceDesign jQuery for:cennydd for:seldo for:the_ume from:delicious

• 13 Oct 08
  

  Jennifer Culp

  javascript html tutorial webdesign reference delicious

• 08 Oct 08
  

  Shane Graber

  Lately that's been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that make it easy—libraries such as Prototype, Scriptaculous, Moo, YUI, MochiKit (and I could go on). It's high time to revisit th

  webdev webdesign tutorials tutorial sprites sprite css jquery javascript menu

• 02 Oct 08
  

  Sven Wolfermann

  css sprites tutorial navigation webdesign

• 29 Sep 08
  

  Fiji Siv

  javascript css web dev

• 25 Sep 08
  

  Emlio Olivares

  webdesign javascript jquery

• 24 Sep 08
  

  koki nagasawa

  jquery menu tutorial 2008-9-25 2008

• 

  Shuntaro Edagawa

  Replace old-school image slicing with CSS

  CSS jQuery

• 23 Sep 08
  

  shinichi okada

  menu navigation jquery

• 

  krypton pc

  webdesign

• 22 Sep 08
  

  Harold Li

  Quoted: Replace old-school image slicing with CSS

  imported Bookmarks css webdesign delicious-import

• 19 Sep 08
  

  Lynsey Gwin

  A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites.

  jquery tutorials article javascript

• 18 Sep 08
  

  Marion Walton

  web sprites navigation jquery

• 16 Sep 08
  

  Sathyam Karyala
• 15 Sep 08
  

  Anastasia Chung

  various nav bar button styles

  webdesign javascript sprites tutorials

• 12 Sep 08
  

  Michael Gwyther

  webdesign_css

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.