正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Revamped my personal GitHub profile readme! 🎉 I’ve made a fully responsive website inside an SVG, loaded as an image, using HTML, inside markdown, inside a readme.md. Not only is it interactive and supports light/dark mode, but it also includes a fallback for Firefox😂#github

Terkel 𓀒

3,597 subscribers

395,314 次观看 • 2 年前 •via X (Twitter)

教育科学技术喜剧 #github

Anya Rossi• Live Now

Private livecam show

10 条评论

Terkel Gjervig 的头像

Terkel Gjervig2 年前

The animated contribution graph reflects actual data and is updated twice daily with GitHub Actions.

Terkel Gjervig 的头像

Terkel Gjervig2 年前

It even works in the GitHub iOS app 🤷

Terkel Gjervig 的头像

Terkel Gjervig2 年前

I love undertaking these kinds of absurd projects as they are an exercise in finding creative solutions to technical limitations.

Terkel Gjervig 的头像

Terkel Gjervig2 年前

Take a peek at the project and grab the source code from my GitHub: Heads up, though – no promises it'll play nice with every browser or device out there!

Neil Pullman 的头像

Neil Pullman2 年前

webdev is over. I’m strictly readmedev in 2024

Terkel Gjervig 的头像

Terkel Gjervig2 年前

Haha 😂

andrew‏ 的头像

andrew‏2 年前

GitHub final boss

Terkel Gjervig 的头像

Terkel Gjervig2 年前

😂

EGOIST 的头像

EGOIST2 年前

When is this SVG based frontend framework gonna be released 🤤

Terkel Gjervig 的头像

Terkel Gjervig2 年前

Hold my beer ....

相关视频

Made entirely inside Wonder! Here's how we did it: We used the SVG generation model from QuiverAI for the lettering, added a shader effect from the shaders library, and turned it into an interactive poster.

Made entirely inside Wonder! Here's how we did it: We used the SVG generation model from QuiverAI for the lettering, added a shader effect from the shaders library, and turned it into an interactive poster.

Wonder

14,887 次观看 • 20 天前

I will be gone all day but I put together an air conditioning system for Bruiser. He also has a fully covered patio and a couch blanket fort cave with ice blocks inside it.

I will be gone all day but I put together an air conditioning system for Bruiser. He also has a fully covered patio and a couch blanket fort cave with ice blocks inside it.

Jennifer 🟥🔴🧙‍♀️🦉🐈‍⬛ 🦖

15,809 次观看 • 19 天前

3. Project Starline is now Google Beam Originally a 3D video chat booth, it has been rebranded as Google Beam and will soon launch inside an HP-branded device, using a light field display and six cameras to create a 3D image of the person you’re chatting with on a video call.

3. Project Starline is now Google Beam Originally a 3D video chat booth, it has been rebranded as Google Beam and will soon launch inside an HP-branded device, using a light field display and six cameras to create a 3D image of the person you’re chatting with on a video call.

Gina Acosta

36,811 次观看 • 1 年前

SparseBox+ v0.1 is out now! Only for iOS 16.0 - 26.1. Download: I took Duy Tran's SparseBox and wrapped it in a much more proper UI! Also included are some extra QoL features. Please read the readme for an important disclaimer regarding StikDebug!

SparseBox+ v0.1 is out now! Only for iOS 16.0 - 26.1. Download: I took Duy Tran's SparseBox and wrapped it in a much more proper UI! Also included are some extra QoL features. Please read the readme for an important disclaimer regarding StikDebug!

lunginspector

40,433 次观看 • 6 个月前

The GitHub Copilot CLI is wild. I've never built an iOS app before, but I wanted something that would store my TODO's as GitHub Issues. A few minutes later built it and then talked me through getting it deployed to my phone - INCLUDING setting up oauth login 🤯

The GitHub Copilot CLI is wild. I've never built an iOS app before, but I wanted something that would store my TODO's as GitHub Issues. A few minutes later built it and then talked me through getting it deployed to my phone - INCLUDING setting up oauth login 🤯

Martin Woodward

120,336 次观看 • 6 个月前

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 次观看 • 6 个月前

This is my go-to squat routine. It supports the squat, but it’s also a full practice on its own. Everything happens inside the position. That’s where control, range, and options are built. Save it, practice it.

This is my go-to squat routine. It supports the squat, but it’s also a full practice on its own. Everything happens inside the position. That’s where control, range, and options are built. Save it, practice it.

Cardio Arena

106,069 次观看 • 6 个月前

"Reading is my biggest hobby." President Xi Jinping is known as an avid reader. He not only has a deep personal passion for reading but also actively encourages people to embrace it as well. #XiJinping #XiQuotes #WorldBookDay

"Reading is my biggest hobby." President Xi Jinping is known as an avid reader. He not only has a deep personal passion for reading but also actively encourages people to embrace it as well. #XiJinping #XiQuotes #WorldBookDay

Xi's Moments

106,614 次观看 • 3 个月前

007/100 Buttons. This button was way more complex than I first thought. I love the page transition on the Truus site that Dennis Snellenberg and Jordan Gilroy worked on. So I wanted to use that drawing SVG Path idea somehow and fit it into a button. In best case with a mask effect. The idea was to have an SVG path in the background that fills the button. At the same time, this path should also be used as a mask to reveal the differently colored text. The SVG should also be replaceable and work with other SVGs. For the path animation, I can use the DrawSVGPlugin from GSAP. Sounds like a solid plan. I built the button so far, and it worked great in Chrome and Firefox. In Safari, nope. I used an SVG mask that I referenced through CSS. But Safari can’t handle that properly when the path inside the mask is animated, so the animation lags. There was no simple solution for that. At least I didn’t find something. So I had to rebuild the button in another way. What I found was that the SVG mask animation works in Safari when the mask is placed on the desired element inside the SVG. That’s where foreignObject comes in, it allows you to use normal HTML elements inside an SVG. Using that, I rebuilt the hover text inside the SVG. I then referenced the mask on the foreignObject with a bit of JavaScript. And it worked! The button’s structure looks more complicated than I wanted it to be, but that happens quite often when you need to make something work across different browsers 😃 Crafting 100 Buttons with Osmo ⏳ Total time: 96h

007/100 Buttons. This button was way more complex than I first thought. I love the page transition on the Truus site that Dennis Snellenberg and Jordan Gilroy worked on. So I wanted to use that drawing SVG Path idea somehow and fit it into a button. In best case with a mask effect. The idea was to have an SVG path in the background that fills the button. At the same time, this path should also be used as a mask to reveal the differently colored text. The SVG should also be replaceable and work with other SVGs. For the path animation, I can use the DrawSVGPlugin from GSAP. Sounds like a solid plan. I built the button so far, and it worked great in Chrome and Firefox. In Safari, nope. I used an SVG mask that I referenced through CSS. But Safari can’t handle that properly when the path inside the mask is animated, so the animation lags. There was no simple solution for that. At least I didn’t find something. So I had to rebuild the button in another way. What I found was that the SVG mask animation works in Safari when the mask is placed on the desired element inside the SVG. That’s where foreignObject comes in, it allows you to use normal HTML elements inside an SVG. Using that, I rebuilt the hover text inside the SVG. I then referenced the mask on the foreignObject with a bit of JavaScript. And it worked! The button’s structure looks more complicated than I wanted it to be, but that happens quite often when you need to make something work across different browsers 😃 Crafting 100 Buttons with Osmo ⏳ Total time: 96h

Eduard Bodak

67,272 次观看 • 2 个月前

It's an engineering marvel that they RAISED the field by 14 inches with the entire irrigation and drainage system inside the "box" over the old bottom. But the supports inside the box and grass top make it seem like you're not walking on a "box" at all.

It's an engineering marvel that they RAISED the field by 14 inches with the entire irrigation and drainage system inside the "box" over the old bottom. But the supports inside the box and grass top make it seem like you're not walking on a "box" at all.

Jackson Felts

88,786 次观看 • 1 个月前

Firstly, it was not a bomb. The pamphlets inside are still fully intact. This was purely for propaganda, and it has worked perfectly. Secondly, calling the PCB a “tiny and unknown party” is completely false. Here is a video of just a singular camp from an organ of the PCB.

Firstly, it was not a bomb. The pamphlets inside are still fully intact. This was purely for propaganda, and it has worked perfectly. Secondly, calling the PCB a “tiny and unknown party” is completely false. Here is a video of just a singular camp from an organ of the PCB.

Chunqiao Publications

87,596 次观看 • 1 年前

🌐 Build a TCP Server in C Join me in this relaxing ASMR video as I build a simple TCP server in C that serves HTML files. Perfect for anyone curious about low-level programming! 📂 GitHub Repository: 🚀 What’s inside: - Setting up a TCP server. - Handling HTTP requests. - Serving an index.html file. Watch, code along, and enjoy✨ #CProgramming #CodingASMR #Programming

🌐 Build a TCP Server in C Join me in this relaxing ASMR video as I build a simple TCP server in C that serves HTML files. Perfect for anyone curious about low-level programming! 📂 GitHub Repository: 🚀 What’s inside: - Setting up a TCP server. - Handling HTTP requests. - Serving an index.html file. Watch, code along, and enjoy✨ #CProgramming #CodingASMR #Programming

trish

78,308 次观看 • 1 年前

It was a ride to have it finished, but the SLIDE REEL IS HERE, and ummm... quite with something more actually because I made for it a whole stand as the one we insert it into, with the lantern inside of it! 🔥 ⬇️Photos and additional info below! Annapurna Interactive Mobius Digital Games #OuterWilds

It was a ride to have it finished, but the SLIDE REEL IS HERE, and ummm... quite with something more actually because I made for it a whole stand as the one we insert it into, with the lantern inside of it! 🔥 ⬇️Photos and additional info below! Annapurna Interactive Mobius Digital Games #OuterWilds

Mallow 🌈

171,816 次观看 • 2 年前

This metal thing was inside a piece of chicken and it sat sideways in my throat. My throat hurts to badly I’ve literally had to try relax my throat and relax for it to come out cos coughing only made it worse. WHAT THE IS THIS ??? PizzaInnKe ?????

This metal thing was inside a piece of chicken and it sat sideways in my throat. My throat hurts to badly I’ve literally had to try relax my throat and relax for it to come out cos coughing only made it worse. WHAT THE IS THIS ??? PizzaInnKe ?????

ba sing slay 💅🏽

110,696 次观看 • 1 年前

Open Design 0.8.0 now works inside Cursor Composer 2.5. Composer 2.5 is built for this: long tasks, tool use, and iteration in one run. So we asked Composer to control Open Design through chat and build an animated HTML website. What happened 2.5 minutes later is insane: - landing page - smooth motion via GSAP gsap-skills - responsive HTML - ready to iterate Here is a quick demo:

Open Design 0.8.0 now works inside Cursor Composer 2.5. Composer 2.5 is built for this: long tasks, tool use, and iteration in one run. So we asked Composer to control Open Design through chat and build an animated HTML website. What happened 2.5 minutes later is insane: - landing page - smooth motion via GSAP gsap-skills - responsive HTML - ready to iterate Here is a quick demo:

Open Design

16,926 次观看 • 2 个月前

Pope Leo is receiving massive criticism after appearing to promote an “alliance” between Muslims and Catholics during his trip to Algeria, not only going shoeless and signing the Golden Book inside Algeria’s Grand Mosque, but also declaring it a “space prosper to God.”

Pope Leo is receiving massive criticism after appearing to promote an “alliance” between Muslims and Catholics during his trip to Algeria, not only going shoeless and signing the Golden Book inside Algeria’s Grand Mosque, but also declaring it a “space prosper to God.”

Right Angle News Network

260,567 次观看 • 3 个月前

Ultraman killing “Godzilla” was probably just an inside joke and a cost-cutting measure. But it also works as a perfect symbol of TV eclipsing cinema, and Ultraman overtaking Godzilla as the face of kaiju media during the Monster Boom.

Ultraman killing “Godzilla” was probably just an inside joke and a cost-cutting measure. But it also works as a perfect symbol of TV eclipsing cinema, and Ultraman overtaking Godzilla as the face of kaiju media during the Monster Boom.

ブルー

65,879 次观看 • 4 个月前

In the era of long-context LLMs, I needed a way to quickly convert a GitHub repo into a text file to feed as a prompt. Introducing RepoToTextForLLMs 📖 Not only does it return the full repo in one file, but it also appends a super prompt for analysis and understanding 👇

In the era of long-context LLMs, I needed a way to quickly convert a GitHub repo into a text file to feed as a prompt. Introducing RepoToTextForLLMs 📖 Not only does it return the full repo in one file, but it also appends a super prompt for analysis and understanding 👇

Pietro Schirano

104,906 次观看 • 2 年前