#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks

CSS-Tricks Screencasts

Player FM - Internet Radio Done Right

194 subscribers

הוסף לפני thirteen שנים

תוכן מסופק על ידי Chris Coyier. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Chris Coyier או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

On the Bus with Troy Vollhoffer

1
The Road Back to Country With Blake Shelton 25:13

לפני 10 ימים25:13

הפעל מאוחר יותר

רשימות

לייק

אהבתי

25:13

After taking a four year break on his Oklahoma ranch, Blake Shelton is back on the road and riding the high of his new album, For Recreational Use Only . After 29 number one hits, and a detour into Hollywood, Blake’s scorching hot single “Texas” proves he’s still got it. Country Thunder CEO Troy Vollhoffer recalls meeting Blake Shelton during a crazy storm that really put the “thunder” in Country Thunder. After 23 seasons on The Voice , Blake opens up about spreading himself thin and making the choice to be “a TV guy or a touring guy.” The two reminisce about Toby Keith and why being a road dog is the best way to learn how to entertain a crowd. Blake reveals how his worst on-stage “ass-kicking” taught him how to be himself in front of a crowd. After taking so much time away from the spotlight, Blake shares that it was Post Malone who reminded him that he’s still a country singer at heart.…

לפני 4 שנים 19:17

MPEG•בית הפרקים

How it works

You apply position: sticky; to an element along with a top, left, right, or bottom threshold and it will “stick” in that position when the threshold is passed, as long as there is room …

264 פרקים

#Tech #Web #Design #Chris Coyier #Video #CSS #HTML #Tutorials

#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks

CSS-Tricks Screencasts

194 subscribers

published לפני 4 שנים

שתפו

MPEG•בית הפרקים

How it works

264 פרקים

#Tech #Web #Design #Chris Coyier #Video #CSS #HTML #Tutorials

All episodes

1
#211: Building a Paid Subscription Newsletter with MailPoet + WooCommerce + WordPress 31:26

לפני 4 years31:26

31:26

With MailPoet and WooCommerce , we can build a paid subscription newsletter into a WordPress website. Our only costs are transaction fees, whatever WordPress hosting we might need, and a yearly fee for WooCommerce Subscriptions, making it a very cost-friendly …

1
#210: Yapping About Astro 26:28

לפני 4 years26:28

26:28

I think Astro is a pretty cool bit of technology for building websites! Should we call it a framework? We’ll get into that in the video. How can we call it a framework if it asks you to “bring your …

1
#209: A Netflix Clone with DataStax Astra and Netlify 50:53

לפני 4 years50:53

50:53

I paired up with David Jones-Gilardi of DataStax to go through one of the workshops they have put together (with Ania Kubów , who has a video you should watch as well) that does a good job of showcasing how …

1
#208: A CSS Grid Layout with Pictures Down One Side Matched Up with Paragraphs on the Other 21:17

לפני 4 years21:17

21:17

This is the video version of a blog post we did asking the question: How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side? It’s a satisfying answer because …

1
#207: Performance Testing CSS-Tricks with WebPageTest 1:13:22

לפני 4 years1:13:22

1:13:22

I get a hands-on performance review with Tim Kadlec of WebPageTest ! This is a real honor as Tim is a real performance guru who knows WebPageTest in and out. I’m all about getting a little free consulting helping y’all …

1
#206: Building a Data-Backed Next.js Site with Prisma & App Platform 42:07

לפני 4 years42:07

42:07

I’m joined by Chris Sev from Digital Ocean to talk about their new App Platform . We’re going to use it to build a little website. The site will be blog-like: posts with IDs, titles, content, and the more dynamic …

1
#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks 19:17

לפני 4 years19:17

19:17

How it works You apply position: sticky; to an element along with a top , left , right , or bottom threshold and it will “stick” in that position when the threshold is passed, as long as there is room …

1
#204: Using the axe DevTools Web Accessibility Testing Browser Plugin 31:40

לפני 4 years31:40

31:40

In this video, I’m joined by Preety Kumar of Deque to take a look at their DevTools plugin for axe . Short story: this is an amazing plugin that helps you quickly find accessibility problems on any website, then helps …

1
#203: A First Look at Cloudflare Pages 29:58

לפני 4 years29:58

29:58

Cloudflare Pages is Jamstack hosting, meaning it’s a static file host that runs your builds and lets you do dynamic things with JavaScript and services. You might normally think of Cloudflare as something you put in front of your site’s …

1
#202: Centered List Markers 10:13

לפני 4 years10:13

10:13

Like so many things CSS, there is all sorts of little stuff to know, even something as minuscule as centering a list marker. A reader wrote in with a screenshot of what they were trying to accomplish — basically an …

1
#201: Doing Booping 15:42

לפני 5 years15:42

15:42

Joshua Comeau crowd-coined the term “boop” (high five, Adam Kuhn ). These are sorta like hover/focus states, except that they aren’t. Your thingies — things like links, buttons, etc. — should still have those states. A “boop” is a more …

1
#200: Scroll to Zoom 10:05

לפני 5 years10:05

10:05

Fair warning: you aren’t going to need this every day! I just happened to be looking at a neat little SVG warping tool that had a feature where my mouse scroll wheel (or trackpad) could be used to zoom the …

1
#199: Messing with JSX 12:22

לפני 5 years12:22

12:22

I probably should have learned this long ago, but alas, here we are. Turns out you can tell what function you want JSX to use. Yep, JSX really only has one primary transformation that it does. It turns angle brackets …

1
#198: About the Position Property 13:56

לפני 5 years13:56

13:56

static : the default relative : allows you to nudge around with top / right / bottom / left , making z-index work, gives you a positioning context absolute : top / right / bottom / left moves the element …

1
#197: A Look at Stackbit and Stackbit Studio 40:11

לפני 5 years40:11

40:11

The Stackbit app helps you kick out a new Jamstack site very quickly. Pick a theme, a static site generator, and a CMS and it’ll get a repo going for you on the double. Stackbit has gotten much more powerful …

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.

תקשיבו ל-500+ נושאים

194 subscribers

דומה לCSS-Tricks Screencasts

Amazon Basics Dog and Puppy Pee Pads with Leak-Proof Quick-Dry Design for Potty Training, Standard Absorbency, Regular Size, 22 x 22 Inches, Pack of 100, Blue & White

Ailun 3 Pack Screen Protector for iPhone 16 Pro [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Case Friendly Tempered Glass Film,[9H Hardness] - HD

Bounty Paper Towels Quick Size, White, 16 Family Rolls = 40 Regular Rolls (Packaging May Vary)

פודקאסטים ששווה להאזין

CSS-Tricks Screencasts « » #205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks

#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks

פודקאסטים ששווה להאזין

ברוכים הבאים אל Player FM!

Apple AirTag. Keep Track of and find Your Keys, Wallet, Luggage, Backpack, and More. Simple one-tap Set up with iPhone or iPad

Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, Personalized Spatial Audio, Sweat and Water Resistant, USB-C Charging Case, H2 Chip, Up to 30 Hours of Battery Life, Effortless Setup for iPhone

everydrop® by Whirlpool Ice and Water Refrigerator Filter 1, EDR1RXD1, Single-Pack , Purple

Amazon Basics Dog Poop Leak Proof Bags with Dispenser and Leash Clip, Unscented, 300 Count, 20 Pack of 15, Black, 13 x 9 Inch

דומה לCSS-Tricks Screencasts

מדריך עזר מהיר

CSS-Tricks Screencasts « »
#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks