Image Cross Fade Transition

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials

Player FM - Internet Radio Done Right

dokuz yıl önce eklendi

İçerik Remy Sharp and JQuery for Designers tarafından sağlanmıştır. Bölümler, grafikler ve podcast açıklamaları dahil tüm podcast içeriği doğrudan Remy Sharp and JQuery for Designers veya podcast platform ortağı tarafından yüklenir ve sağlanır. Birinin telif hakkıyla korunan çalışmanızı izniniz olmadan kullandığını düşünüyorsanız burada https://tr.player.fm/legal özetlenen süreci takip edebilirsiniz.

In Her Ellement

1
Navigating Career Pivots and Grit with Milo’s Avni Patel Thompson 26:18

25 gün önce26:18

Daha Sonra Çal

Listeler

Beğen

Beğenildi

26:18

How do you know when it’s time to make your next big career move? With International Women’s Day around the corner, we are excited to feature Avni Patel Thompson, Founder and CEO of Milo. Avni is building technology that directly supports the often overlooked emotional and logistical labor that falls on parents—especially women. Milo is an AI assistant designed to help families manage that invisible load more efficiently. In this episode, Avni shares her journey from studying chemistry to holding leadership roles at global brands like Adidas and Starbucks, to launching her own ventures. She discusses how she approaches career transitions, the importance of unpleasant experiences, and why she’s focused on making everyday life easier for parents. [01:26] Avni's University Days and Early Career [04:36] Non-Linear Career Paths [05:16] Pursuing Steep Learning Curves [11:51] Entrepreneurship and Safety Nets [15:22] Lived Experiences and Milo [19:55] Avni’s In Her Ellement Moment [20:03] Reflections Links: Avni Patel Thompson on LinkedIn Suchi Srinivasan on LinkedIn Kamila Rakhimova on LinkedIn Ipsos report on the future of parenting About In Her Ellement: In Her Ellement highlights the women and allies leading the charge in digital, business, and technology innovation. Through engaging conversations, the podcast explores their journeys—celebrating successes and acknowledging the balance between work and family. Most importantly, it asks: when was the moment you realized you hadn’t just arrived—you were truly in your element? About The Hosts: Suchi Srinivasan is an expert in AI and digital transformation. Originally from India, her career includes roles at trailblazing organizations like Bell Labs and Microsoft. In 2011, she co-founded the Cleanweb Hackathon, a global initiative driving IT-powered climate solutions with over 10,000 members across 25+ countries. She also advises Women in Cloud, aiming to create $1B in economic opportunities for women entrepreneurs by 2030. Kamila Rakhimova is a fintech leader whose journey took her from Tajikistan to the U.S., where she built a career on her own terms. Leveraging her English proficiency and international relations expertise, she discovered the power of microfinance and moved to the U.S., eventually leading Amazon's Alexa Fund to support underrepresented founders. Subscribe to In Her Ellement on your podcast app of choice to hear meaningful conversations with women in digital, business, and technology.…

17 yıl önce 19:26

MP4•Bölüm sayfası

A frequent query and request I receive (and have myself) as a developer is: "how can I fade one image in to another?".

In particular, image rollovers are so 90s - we want rollover transitions!

30 bölüm

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

jQuery for Designers - screencasts and tutorials

Image Cross Fade Transition

jQuery for Designers - screencasts and tutorials

published 17 yıl önce

Paylaş

MP4•Bölüm sayfası

A frequent query and request I receive (and have myself) as a developer is: "how can I fade one image in to another?".

In particular, image rollovers are so 90s - we want rollover transitions!

30 bölüm

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

Tüm bölümler

jQuery for Designers - screencasts and tutorials

1
Populate Select Boxes 15:27

14 years önce15: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 önce12: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 önce45: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 önce16: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 önce13: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 önce14: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 önce25: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 önce5: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 önce5: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 önce5: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 önce39: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 önce8: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 önce29: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 önce10: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 önce33:01

33:01

Jonathan Diba writes to ask how the effects are achieve on Tim Van Damme's portfolio site, referring to Tim's site as one of the most compelling site design he's seen. The two key effects Tim is using are a simplified accordion and a hover effect. It's worth noting that the hover effect only works in WebKit (Safari & Chrome), but I'll show you how to create the effect using jQuery too.…

Player FM'e Hoş Geldiniz!

Player FM şu anda sizin için internetteki yüksek kalitedeki podcast'leri arıyor. En iyi podcast uygulaması ve Android, iPhone ve internet üzerinde çalışıyor. Aboneliklerinizi cihazlar arasında eş zamanlamak için üye olun.

500+ konuyu dinleyin

jQuery for Designers - screencasts and tutorials benzeri

BIODANCE Bio-Collagen Real Deep Mask, Hydrating Overnight Hydrogel Mask, Pore Minimizing, Elasticity Improvement, 34g x4ea

Apple AirPods Pro 2 Wireless Earbuds, Bluetooth Headphones, Active Noise Cancellation, Hearing Aid Feature, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

Amazon Fire TV Stick HD (newest model), free and live TV, Alexa Voice Remote, smart home controls, HD streaming

Dinlemeye Değer Podcast'ler

jQuery for Designers - screencasts and tutorials « » Image Cross Fade Transition

Image Cross Fade Transition

Dinlemeye Değer Podcast'ler

Player FM'e Hoş Geldiniz!

Premier Protein Shake, Chocolate, 30g Protein 1g Sugar 24 Vitamins Minerals Nutrients to Support Immune Health, 11.5 fl oz (Pack of 12)

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

Amazon Fire TV Stick 4K (newest model) with AI-powered Fire TV Search, Wi-Fi 6, stream over 1.5 million movies and shows, free & live TV

Amazon eGift Card - Birthday Candles (Animated)

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

jQuery for Designers - screencasts and tutorials benzeri

Hızlı referans rehberi

jQuery for Designers - screencasts and tutorials « »
Image Cross Fade Transition