Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing @​renoun/screenshot 📸 Capture any HTML element as an image with pixel-perfect accuracy, including modern CSS features.

souporserious's profile picture

Travis Arnold

4,631 subscribers

58,450 görüntüleme • 8 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Introducing Same.​dev Clone any website with pixel perfect accuracy One-shots Nike, Apple TV, Minecraft, and more!
0:33

Introducing Same.​dev Clone any website with pixel perfect accuracy One-shots Nike, Apple TV, Minecraft, and more!

Aiden Bai

7,238,689 görüntüleme • 1 yıl önce

🔥 CSS: Use gradients with mask-image to fade out parts of an element
0:51

🔥 CSS: Use gradients with mask-image to fade out parts of an element

Wes Bos

86,100 görüntüleme • 3 yıl önce

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.
0:26

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Visual Studio Code

75,563 görüntüleme • 1 yıl önce

This CSS Backlight Effect is sooooo damn cool! I've taken it a step further with SVG Filters Makes it work with any element - including video!
3:17

This CSS Backlight Effect is sooooo damn cool! I've taken it a step further with SVG Filters Makes it work with any element - including video!

Wes Bos

232,041 görüntüleme • 1 yıl önce

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.
0:59

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Pietro Schirano

117,974 görüntüleme • 10 ay önce

Chinese AI lab just killed Photoshop with its opensource AI image editing model. Qwen Image can perfectly edit any image while keeping everything else pixel-perfect. 100% free, local and Opensource.
0:39

Chinese AI lab just killed Photoshop with its opensource AI image editing model. Qwen Image can perfectly edit any image while keeping everything else pixel-perfect. 100% free, local and Opensource.

Shubham Saboo

101,849 görüntüleme • 1 yıl önce

Introducing Screenshot-kit ⚡️ Fastest way to get website screenshots & videos with one API call. No browser automation hell. Features: ✅ Screenshot any website. ✅Capture full-page screenshots (entire scrollable page) ✅ Record scrolling videos for landing pages ✅ Multi resolution support. Use for Free on replicate, Check it out below ⬇️
1:01

Introducing Screenshot-kit ⚡️ Fastest way to get website screenshots & videos with one API call. No browser automation hell. Features: ✅ Screenshot any website. ✅Capture full-page screenshots (entire scrollable page) ✅ Record scrolling videos for landing pages ✅ Multi resolution support. Use for Free on replicate, Check it out below ⬇️

Ayush Yadav

21,803 görüntüleme • 8 ay önce

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.
0:34

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

Soren

184,850 görüntüleme • 10 ay önce

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩
0:36

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,202,160 görüntüleme • 7 ay önce

Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.
0:26

Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.

How To Prompt

235,877 görüntüleme • 2 ay önce

Introducing Atlas: The world's first multimodal world model that generates image and video frames with pixel-perfect camera control and reconstructs them in 3D. Model the world, move the camera, and simulate space & time.
1:25

Introducing Atlas: The world's first multimodal world model that generates image and video frames with pixel-perfect camera control and reconstructs them in 3D. Model the world, move the camera, and simulate space & time.

World Labs

10,729,166 görüntüleme • 17 gün önce

WANGYUE – New City Exploration Gameplay An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Testing begins Q4 2026 Android, iOS & PC.
1:05

WANGYUE – New City Exploration Gameplay An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Testing begins Q4 2026 Android, iOS & PC.

Ninjago

57,241 görüntüleme • 2 ay önce

WANGYUE New Gameplay Revealed! An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Platforms: Android, iOS & PC Release Date: TBA
0:53

WANGYUE New Gameplay Revealed! An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Platforms: Android, iOS & PC Release Date: TBA

Ninjago

101,111 görüntüleme • 3 ay önce

The free major 'Thank You' update is live now!! ❤️🌹 Bringing you a number of new features - including PHOTO MODE 📸 Access at any time from the pause menu and capture your favourite moments (even mid cutscene) !!
0:37

The free major 'Thank You' update is live now!! ❤️🌹 Bringing you a number of new features - including PHOTO MODE 📸 Access at any time from the pause menu and capture your favourite moments (even mid cutscene) !!

Clair Obscur: Expedition 33

719,695 görüntüleme • 9 ay önce

Introducing Higgsfield Canvas: a state-of-the-art image editing model. Paint products directly onto your image with pixel-perfect control. Say hi to your new go-to for product placement, editing, and layout! 👋🏻 Comment Canvas to get the full guide in the DM.
0:26

Introducing Higgsfield Canvas: a state-of-the-art image editing model. Paint products directly onto your image with pixel-perfect control. Say hi to your new go-to for product placement, editing, and layout! 👋🏻 Comment Canvas to get the full guide in the DM.

Higgsfield AI 🧩

2,627,572 görüntüleme • 1 yıl önce

Introducing Pixel To Poly, transform any 2D image into a stunning 3D game-ready avatar with ease, all for a simple flat fee of $199 USD. Orders can now be placed via: For more details, visit our Documentation:
0:24

Introducing Pixel To Poly, transform any 2D image into a stunning 3D game-ready avatar with ease, all for a simple flat fee of $199 USD. Orders can now be placed via: For more details, visit our Documentation:

Pixel To Poly

852,651 görüntüleme • 2 yıl önce

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.
0:20

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.

elvis

58,698 görüntüleme • 3 ay önce

Google Stitch just killed the old way of redesigning websites. You won’t believe how fast this actually works. Here’s the workflow everyone needs to steal → 1. Upload any screenshot 2. Tell Stitch “redesign this in modern dark mode” 3. AI rebuilds the entire UI 4. Export working HTML + CSS 5. Send straight to AI Studio You just collapsed a full designer → developer → revision cycle into minutes. Screenshot → UI → Code → Deployable. No friction. No handoffs. Save this video, you’ll rebuild your site in an afternoon. Want the SOP? DM me.
9:02

Google Stitch just killed the old way of redesigning websites. You won’t believe how fast this actually works. Here’s the workflow everyone needs to steal → 1. Upload any screenshot 2. Tell Stitch “redesign this in modern dark mode” 3. AI rebuilds the entire UI 4. Export working HTML + CSS 5. Send straight to AI Studio You just collapsed a full designer → developer → revision cycle into minutes. Screenshot → UI → Code → Deployable. No friction. No handoffs. Save this video, you’ll rebuild your site in an afternoon. Want the SOP? DM me.

Julian Goldie SEO

83,420 görüntüleme • 9 ay önce

Spent the last few weeks building a pixel effects tool. What started as a side project with just image filters kept growing into presets, effects and here we are. Some of the best outputs came from just hitting Remix. 19 filters & 6 pixel effects. Drop any image. Walk away with something that feels like art. Try it out.
0:34

Spent the last few weeks building a pixel effects tool. What started as a side project with just image filters kept growing into presets, effects and here we are. Some of the best outputs came from just hitting Remix. 19 filters & 6 pixel effects. Drop any image. Walk away with something that feels like art. Try it out.

Blurr

45,069 görüntüleme • 3 ay önce