Loading video...

Video Failed to Load

Go Home

💡 DevTools tip: You can make your console.log stand out by adding some CSS to it! 🎨

boltdotnew's profile picture

bolt.new

84,650 subscribers

32,471 views • 2 years ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔
0:11

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,209 views • 3 years ago

We're adding some new default worlds to our preview demo, check it out at Make sure to prompt your own world as well, anything you imagine is possible.
0:18

We're adding some new default worlds to our preview demo, check it out at Make sure to prompt your own world as well, anything you imagine is possible.

Bryce Schmidtchen

11,662,827 views • 22 days ago

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().
0:10

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

CSS by T. Afif

22,497 views • 1 month ago

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan
0:16

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,617 views • 1 year ago

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,769 views • 8 months ago

Amazing How to Train Your Dragon lamp! 🐉💡🎨 by sazunecreations
0:15

Amazing How to Train Your Dragon lamp! 🐉💡🎨 by sazunecreations

DDSTAR

901,187 views • 1 month ago

Tip 25: With some code, you can make particles "Always On Top" by abusing their ZOffset property and a call to WorldToViewportPoint. See here: #robloxdev
0:10

Tip 25: With some code, you can make particles "Always On Top" by abusing their ZOffset property and a call to WorldToViewportPoint. See here: #robloxdev

Peter McNeill

47,731 views • 2 years ago

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,341 views • 3 years ago

Didn't make it to Worlds 2025? But you can still win some Riot Points by showing us your League inspired nail designs under GXNailArt hashtag.
0:19

Didn't make it to Worlds 2025? But you can still win some Riot Points by showing us your League inspired nail designs under GXNailArt hashtag.

Opera GX

1,215,748 views • 6 months ago

You can lead a horse to water, but you can't make it drink. Likewise, you can take your bro to the gym and show him some exercises, but you can't make him suck your dick. 🍆💦
0:19

You can lead a horse to water, but you can't make it drink. Likewise, you can take your bro to the gym and show him some exercises, but you can't make him suck your dick. 🍆💦

Padre

22,638 views • 3 months ago

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.
0:14

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.

Addy Osmani

47,297 views • 2 years ago

facepainting pro tip: you can make pixel faces by drawing using a 1 px brush and then resizing it up!!!!
0:11

facepainting pro tip: you can make pixel faces by drawing using a 1 px brush and then resizing it up!!!!

colin!!!

537,131 views • 5 months ago

border-radius can actually take up to eight values, like: `10% 5% 5% 10% / 5% 10% 10% 5%` that lets you create all kinds of organic shapes in pure css! add blur + some layering and you can make it into a fancy glowing loader
0:16

border-radius can actually take up to eight values, like: `10% 5% 5% 10% / 5% 10% 10% 5%` that lets you create all kinds of organic shapes in pure css! add blur + some layering and you can make it into a fancy glowing loader

daniel petho

44,373 views • 2 months ago

Here's another tip for painting in . You can split the viewport and use different cameras if you want to paint around a model without rotating your view 🎨
0:13

Here's another tip for painting in . You can split the viewport and use different cameras if you want to paint around a model without rotating your view 🎨

Jordan Cain

16,068 views • 6 months ago

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.
0:10

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.

Duncan

53,999 views • 6 months ago

Two things make this video stand out as fake. Can you spot them?
0:15

Two things make this video stand out as fake. Can you spot them?

Arojinle

26,454 views • 2 months ago

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.
0:10

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Chrome for Developers

61,080 views • 1 year ago

Starting today, you can now tip streamers in ANY token in your Abstract wallet. As long as you own that token, you will be able to tip your favorite streamers using it.
0:11

Starting today, you can now tip streamers in ANY token in your Abstract wallet. As long as you own that token, you will be able to tip your favorite streamers using it.

cygaar

45,165 views • 4 months ago

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.
0:19

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.

CSS by T. Afif

82,668 views • 5 months ago