JQuery Infinite Carousel JQuery For Designers - Screencasts And Tutorials podcast

Artwork

Tech Screencast Code Video Remy Sharp JQuery For Designers JQuery JavaScript

Player FM - Internet Radio Done Right

تمت الإضافة منذ قبل nine عام

المحتوى المقدم من Remy Sharp and JQuery for Designers. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Remy Sharp and JQuery for Designers أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.

I

In Her Ellement

In Her Ellement podcast artwork

In Her Ellement podcast artwork

1
Throwback: Role Modelling Vulnerability with Kensho’s Bhavesh Dayalji 25:46

منذ 3 أيام25:46

التشغيل لاحقا

التشغيل لاحقا

25:46

What does allyship look like when you’re leading a company? For Bhavesh Dayalji, it often means being honest about the challenges of balancing work and family, and choosing to show up as a husband and father first. This is a throwback episode, but Bhavesh’s reflections on leadership and allyship remain just as powerful today. Bhavesh shares how vulnerability can build trust and create cultures where people feel safe bringing their full selves to work. It’s a principle that extends to how he approaches innovation in AI. Bhavesh is the CEO of Kensho Technologies, an AI solutions provider, and also serves as Chief AI Officer at S&P Global. 1:34 Meet Bhavesh 4:46 Seeing inequality in tech 6:17 AI at Kensho and S&P Global 9:21 Lessons from the CEO seat 11:26 Why diverse voices matter in AI 15:41 Being real at work 17:43 Advice for newcomers in AI 19:43 Family and balance Links: Bhavesh Diyalji on LinkedIn Suchi Srinivasan on LinkedIn Kamila Rakhimova on LinkedIn 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: 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. 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. Subscribe to In Her Ellement on your podcast app of choice to hear meaningful conversations with women in digital, business, and technology.…

jQuery for Designers - screencasts and tutorials « »
jQuery Infinite Carousel

منذ 16 عامًا 39:48

مشاركة

MP4•منزل الحلقة

المحتوى المقدم من Remy Sharp and JQuery for Designers. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Remy Sharp and JQuery for Designers أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.

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.

… continue reading

30 حلقات

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

Artwork

jQuery Infinite Carousel

jQuery for Designers - screencasts and tutorials

published منذ 16 عامًا

مشاركة

MP4•منزل الحلقة

المحتوى المقدم من Remy Sharp and JQuery for Designers. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Remy Sharp and JQuery for Designers أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.

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.

… continue reading

30 حلقات

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

كل الحلقات

×

Artwork

1
Populate Select Boxes 15:27

منذ 15 years15: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.

Artwork

1
Scroll Linked Navigation 12:48

منذ 15 years12: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.

Artwork

1
Debugging Tools 45:38

منذ 15 years45: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.

Artwork

1
Enabling the Back Button 16:47

منذ 15 years16: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.

Artwork

1
Adding Keyboard Navigation 13:35

منذ 16 years13: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.

Artwork

1
Fixed Floating Elements 14:02

منذ 16 years14: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.

Artwork

1
iPhone-like Sliding Headers 25:09

منذ 16 years25: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.

Artwork

1
Automatic Infinite Carousel 5:25

منذ 16 years5: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.

Artwork

1
Play School: Broken Repeating Animations 5:31

منذ 16 years5: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!

Artwork

1
API: queue and dequeue 5:39

منذ 16 years5:39

التشغيل لاحقا

التشغيل لاحقا

5:39

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

Artwork

1
jQuery Infinite Carousel 39:48

منذ 16 years39: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.

Artwork

1
SlideDown Animation Jump Revisited 8:35

منذ 16 years8: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.

Artwork

1
BBC Radio 1 Zoom Tabs 29:55

منذ 16 years29: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.

Artwork

1
API: map & grep 10:29

منذ 16 years10: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.…

Artwork

1
jQuery look: Tim Van Damme 33:01

منذ 17 years33: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.…

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
How to test if an Element Exists 7:53

منذ 17 years7:53

التشغيل لاحقا

التشغيل لاحقا

7:53

A common question for beginners coming to jQuery: "Is there a function to return true or false if an element exists?" Not really, but there is a (very simple) way to find out.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Ajax Spy 16:24

منذ 17 years16:24

التشغيل لاحقا

التشغيل لاحقا

16:24

Last month I showed you how to create a spy effect as seen on the first version of QuickSnapper (though they've since changed their site design with to release the release of Little Snapper). However I did promise I would demonstrate how to ajaxify the spy.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Play School: Easy Ajax - load 10:12

منذ 17 years10:12

التشغيل لاحقا

التشغيل لاحقا

10:12

Ajax is made incredibly simple with jQuery. There's a number of helper functions to get in to the nitty gritty of Ajax, but if you want something that's quick and simple to get going with the .load function is the best place to start.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
API: Filter and Find 10:29

منذ 17 years10:29

التشغيل لاحقا

التشغيل لاحقا

10:29

As the first in the series of API screencasts, but also as a good beginners tutorial, this short episode shows the difference between filter and find.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Simple jQuery Spy Effect 31:27

منذ 17 years31:27

التشغيل لاحقا

التشغيل لاحقا

31:27

A few years ago Digg released a very cool little visualisation tool they dubbed the Digg Spy (it's since been upgraded to the Big Spy). Recently Realmac Software released the site QuickSnapper to accompany LittleSnapper. It's the QuickSnapper site (the left hand side) that makes use of the similar spy technique that I'll explain how to produce.…

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Fun with Overflows - Part 2 16:49

منذ 17 years16:49

التشغيل لاحقا

التشغيل لاحقا

16:49

Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. So this episode of J4D demonstrates the same effect used in two completely different ways. The second was a request from Trevor Morris who's involved with/runs Geek in the Park. He asked whether the techniques I used in a jQuery marquee plugin I wrote recently could be used to smooth out CPU spikes that were occurring on his site when the header pattern flowed.…

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Animation Jump - quick tip 3:01

منذ 17 years3:01

التشغيل لاحقا

التشغيل لاحقا

3:01

jQuery has got good base level support for effects out of the box. Setting them up and using them to reveal and hide elements is exceptionally easy. However, on more than one occasion I've found that after creating a sliding effect, the animation jumps on completion. Having found the cause, I thought it only fair to share and explain why it's happening and how to avoid it.…

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Image Fade Revisited 16:20

منذ 17 years16:20

التشغيل لاحقا

التشغيل لاحقا

16:20

This episode is revisiting the image cross fade effect , in particular Dragon Interactive has a beautiful little transition for their navigation that some readers have been requesting . Greg Johnson takes it one step further to implement this method using jQuery and the methods shown here.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Coda Slider Effect 32:56

منذ 17 years32:56

التشغيل لاحقا

التشغيل لاحقا

32:56

Although Panic didn't really invent the effect, the sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Image Cross Fade Transition 19:26

منذ 17 years19:26

التشغيل لاحقا

التشغيل لاحقا

19:26

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!

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Coda Popup Bubbles 16:19

منذ 17 years16:19

التشغيل لاحقا

التشغيل لاحقا

16:19

Coda is one of the new web development tools for the Mac - and it's popular amongst designers and developers I know. Panic (the developers of Coda) are also known for their sharp design. In particular, Jorge Mesa writes to ask how to re-create their 'puff' popup bubble shown when you mouse over the download image. In essence the effect is just a simple combination of effect, but there's a few nuances to be wary of.…

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Slider Gallery 12:17

منذ 18 years12:17

التشغيل لاحقا

التشغيل لاحقا

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.…

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
Image Loading 7:11

منذ 18 years7:11

التشغيل لاحقا

التشغيل لاحقا

7:11

This tutorial will show how to load images in the background, and once loaded handle the event and create your own response. This is similar to the lightbox effect, except we have full control of the load event.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
jQuery Tabs - part 2 11:14

منذ 18 years11:14

التشغيل لاحقا

التشغيل لاحقا

11:14

Part 1 of a 2 part tutorial demonstrating how to implement tabbing using jQuery. The first demo shows basic markup as tabs, the second takes a real world problem and applies the tabbing functionality to non-conventional markup.

j

jQuery for Designers - screencasts and tutorials

jQuery for Designers - screencasts and tutorials podcast artwork

1
jQuery Tabs - part 1 7:31

منذ 18 years7:31

التشغيل لاحقا

التشغيل لاحقا

7:31

Part 1 of a 2 part tutorial demonstrating how to implement tabbing using jQuery. The first demo shows basic markup as tabs, the second takes a real world problem and applies the tabbing functionality to non-conventional markup.

مرحبًا بك في مشغل أف ام!

يقوم برنامج مشغل أف أم بمسح الويب للحصول على بودكاست عالية الجودة لتستمتع بها الآن. إنه أفضل تطبيق بودكاست ويعمل على أجهزة اندرويد والأيفون والويب. قم بالتسجيل لمزامنة الاشتراكات عبر الأجهزة.

الاستماع إلى +500 موضوع

دليل مرجعي سريع

أعلى المدونة الصوتية

SciDose بودكاست

Quizeculo كويزيكيلو

فكر فيها

Alkshkool بودكاست الكشكول

ترند بودكاست

المحور الثاني

بودكاست دبي المستقبل

KBS WORLD Radio نشرة الأخبار

Arabic News - NHK WORLD RADIO JAPAN

بزنس بالعربي (Business بالعربى )

Science Quickly

بودكاست علمي جدا

بداية الحكاية

Damiri | داميري

mishbilshibshib | مش بالشبشب

مساعدة / أسئلة شائعة | ترقية | يعلن

فنون|اعمال|كوميديا|اقتصاد|ترفيه|أخبار|سياسة|دين

علم|كرة القدم|رياضات|سرد القصص|تقنية|جريمة حقيقية

حقوق الطبع والنشر 2025 | سياسة الخصوصية | شروط الخدمة | | حقوق النشر

استمع إلى هذا العرض أثناء الاستكشاف