Slider Gallery

jQuery for Designers - screencasts and tutorials

MP4•Pagina principale dell'episodio

28:39

For centuries, members of the B’doul Bedouin tribe lived in the caves around the ancient city of Petra, Jordan. Then, in the 1980s, the government forced the tribe to move in the name of preserving the geological site for tourists. But if the residents are forced to leave, and if their heritage has been permanently changed, then what exactly is being preserved? SHOW NOTES: Meet The Man Living in The Lost City Carved in Stone Jordan: Petra's tourism authority cracks down on Bedouin cave dwellers The tribes paying the brutal price of conservation “There is no future for Umm Sayhoun” Jordan’s Young Bedouins Are Documenting Their Traditions on TikTok Check out Sami's company Jordan Inspiration Tours Learn about your ad choices: dovetail.prx.org/ad-choices…

17 anni fa 12:17

The Apple web site 'product slider' is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

jQuery already has the plugins to create these effects so we don't have to go about creating them ourselves from scratch.

30 episodi

#Tech #Screencast #Code #Video #Remy Sharp #JQuery For Designers #JQuery #JavaScript

jQuery for Designers - screencasts and tutorials

Slider Gallery

jQuery for Designers - screencasts and tutorials

published 17 anni fa

MP4•Pagina principale dell'episodio

The Apple web site 'product slider' is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

jQuery already has the plugins to create these effects so we don't have to go about creating them ourselves from scratch.

30 episodi

#Tech #Screencast #Code #Video #Remy Sharp #JQuery For Designers #JQuery #JavaScript

Tutti gli episodi

jQuery for Designers - screencasts and tutorials

1
Populate Select Boxes 15:27

14 years fa15:27

15:27

It’s the age old (well, in webby terms) issue of how to populate one select box based on another’s selection. It’s actually quite easy compared with the bad old days, and incredibly easy with jQuery and a dash of Ajax.

jQuery for Designers - screencasts and tutorials

1
Scroll Linked Navigation 12:48

15 years fa12:48

12:48

There are a few websites I’ve seen lately that have a left hand navigation automatically updates it’s selection based on where you’ve scrolled to on the page. This tutorial will show you exactly how to achieve just that.

jQuery for Designers - screencasts and tutorials

1
Debugging Tools 45:38

15 years fa45:38

45:38

Most of us have to make our web pages work in The Big Five browsers, so I thought it was about time I introduce you to the debugging tools for each of those browsers with a couple of tips thrown in to the mix.

jQuery for Designers - screencasts and tutorials

1
Enabling the Back Button 16:47

15 years fa16:47

16:47

As we build more and more Ajaxy applications, and our apps reside on a single page, the browser’s native back button can get more and more broken. This episode will show you how to re-enable the back button on your apps.

jQuery for Designers - screencasts and tutorials

1
Adding Keyboard Navigation 13:35

15 years fa13:35

13:35

I was recently asked how keyboard navigation could be supported to move a slider backwards and forwards. I've created a few tutorials on how to create sliders and carousels but not mentioned keyboard supported navigation yet.

jQuery for Designers - screencasts and tutorials

1
Fixed Floating Elements 14:02

15 years fa14:02

14:02

On visiting Apple’s web site an putting items in my shopping basket, I noticed (an old effect) where the shopping basket would follow me down the page. We’ll look at how to replicate the fixed floating sidebars or elements with very little jQuery.

jQuery for Designers - screencasts and tutorials

1
iPhone-like Sliding Headers 25:09

16 years fa25:09

25:09

The iPhone has a few unique UI features, one in particular are the static headings when you’re scrolling through a list, so you know the context of the content. We’ll see how to create this effect using jQuery.

jQuery for Designers - screencasts and tutorials

1
Automatic Infinite Carousel 5:25

16 years fa5:25

5:25

Following on from the infinite carousel, there have been a number of requests asking how to make the scrolling action automatic, so I’ve gone ahead to explain how to achieve this.

jQuery for Designers - screencasts and tutorials

1
Play School: Broken Repeating Animations 5:31

16 years fa5:31

5:31

jQuery makes it incredibly easy to add effects to your web sites, but there’s some effects you just don’t want: the hover repeatedly to make the effect go wild!

jQuery for Designers - screencasts and tutorials

1
API: queue and dequeue 5:39

16 years fa5:39

5:39

queue & dequeue are a pair of core data utilities that help you to add your own bespoke to animations.

jQuery for Designers - screencasts and tutorials

1
jQuery Infinite Carousel 39:48

16 years fa39:48

39:48

With jQuery for Designer 's redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page . This tutorial will walk through the fundamentals of the effect and how to recreate it.

jQuery for Designers - screencasts and tutorials

1
SlideDown Animation Jump Revisited 8:35

16 years fa8:35

8:35

When using slideDown depending on the layout of your page, you could still see the jumping effect, regardless of whether you fix the padding around the element.

jQuery for Designers - screencasts and tutorials

1
BBC Radio 1 Zoom Tabs 29:55

16 years fa29:55

29:55

Gareth Rogers asked how to achieve the effect on the latest BBC Radio 1 website, where the mouse rolls over the image block, tabs slide up and the image zooms a little to reveal more of the picture.

jQuery for Designers - screencasts and tutorials

1
API: map & grep 10:29

16 years fa10:29

10:29

map and grep are two utilities that are extremely useful if you know how to use them, but more often that not, I see more convoluted code written to achieve the effect of these functions. Historically, I believe that John Resig was inspired by the Perl functions of the same name - which are basic building blocks of the Perl programming language. Let’s look at how you can use these functions.…

jQuery for Designers - screencasts and tutorials

1
jQuery look: Tim Van Damme 33:01

16 years fa33:01