Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

terkelg's profile picture

Terkel 𓀒

3,593 subscribers

395,228 Aufrufe • vor 2 Jahren •via X (Twitter)

BildungWissenschaft & TechnologieComedy#github
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Terkel Gjervig
Terkel Gjervigvor 2 Jahren

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

Profilbild von Terkel Gjervig
Terkel Gjervigvor 2 Jahren

It even works in the GitHub iOS app 🤷

Profilbild von Terkel Gjervig
Terkel Gjervigvor 2 Jahren

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

Profilbild von Terkel Gjervig
Terkel Gjervigvor 2 Jahren

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!

Profilbild von Neil Pullman
Neil Pullmanvor 2 Jahren

webdev is over. I’m strictly readmedev in 2024

Profilbild von Terkel Gjervig
Terkel Gjervigvor 2 Jahren

Haha 😂

Profilbild von andrew‏
andrew‏vor 2 Jahren

GitHub final boss

Profilbild von Terkel Gjervig
Terkel Gjervigvor 2 Jahren

😂

Profilbild von EGOIST
EGOISTvor 2 Jahren

When is this SVG based frontend framework gonna be released 🤤

Profilbild von Terkel Gjervig
Terkel Gjervigvor 2 Jahren

Hold my beer ....

Ähnliche Videos

it's incredible what you can do with html/css inside of a <foreignobject> inside of a <svg> inside of a <picture> inside of a <img> inside of a markdown file inside of your gitHub readme
0:25

it's incredible what you can do with html/css inside of a <foreignobject> inside of a <svg> inside of a <picture> inside of a <img> inside of a markdown file inside of your gitHub readme

scalar

62,718 Aufrufe • vor 1 Jahr

FINALLY!!! Built this Exclusive Fully Responsive Animated Multifunctional Portfolio Website with Light/Dark mode using HTML, CSS & Javascript How's it? Drop your comments 😊 SOURCE CODE 👇
1:34

FINALLY!!! Built this Exclusive Fully Responsive Animated Multifunctional Portfolio Website with Light/Dark mode using HTML, CSS & Javascript How's it? Drop your comments 😊 SOURCE CODE 👇

Raja - impeccify.com 🚀

192,258 Aufrufe • vor 3 Jahren

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen
0:23

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen

𝘼𝙈𝘼𝙂𝙄

51,990 Aufrufe • vor 2 Monaten

Looking for your first job in tech? Your GitHub profile could help you stand out. ✨ Learn how to optimize your bio, profile README, and pinned projects to effectively showcase your skills and impress recruiters. 🚀 Here’s a guide to show you how. 💡
0:51

Looking for your first job in tech? Your GitHub profile could help you stand out. ✨ Learn how to optimize your bio, profile README, and pinned projects to effectively showcase your skills and impress recruiters. 🚀 Here’s a guide to show you how. 💡

GitHub

24,134 Aufrufe • vor 1 Jahr

You can now use Claude Code and GitHub CLI directly inside Perplexity Computer. We gave it an open issue on Openclaw. Computer: → Forked the repo → Wrote a plan to fix the bug → Opened Claude Code and implemented it → Submitted a PR via GitHub CLI
0:28

You can now use Claude Code and GitHub CLI directly inside Perplexity Computer. We gave it an open issue on Openclaw. Computer: → Forked the repo → Wrote a plan to fix the bug → Opened Claude Code and implemented it → Submitted a PR via GitHub CLI

Computer

416,314 Aufrufe • vor 3 Monaten

I got annoyed at how many steps it takes to save an SVG as an upscaled PNG, so I made a website that does it for free.
0:24

I got annoyed at how many steps it takes to save an SVG as an upscaled PNG, so I made a website that does it for free.

Theo - t3.gg

304,434 Aufrufe • vor 1 Jahr

we built pookie it's a helper that lives inside Slack it can search messages, generate memes, run code, and connect to your tools (Linear, GitHub, Stripe, even my bank!) fully open source and self hostable
1:05

we built pookie it's a helper that lives inside Slack it can search messages, generate memes, run code, and connect to your tools (Linear, GitHub, Stripe, even my bank!) fully open source and self hostable

Aiden Bai

45,831 Aufrufe • vor 1 Monat

I turned Thariq's article into an interactive HTML! I was a markdown boy but since I started working at Microsoft I'm using HTML more and more. Our engineers love to send AI-generated HTML to coordinate between SWE/PM on projects since it's easier to read than markdown.
0:45

I turned Thariq's article into an interactive HTML! I was a markdown boy but since I started working at Microsoft I'm using HTML more and more. Our engineers love to send AI-generated HTML to coordinate between SWE/PM on projects since it's easier to read than markdown.

Nicolas Bustamante

148,649 Aufrufe • vor 1 Monat

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.
1:22

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 Aufrufe • vor 1 Jahr

zWallet v0.0.1 is an onchain wallet. It is fully open-source. And so simple, it fits inside an html file on IPFS. Rooted on ens.eth, with all of its data sourced and guarded by smart contracts. It is more secure by default.
0:30

zWallet v0.0.1 is an onchain wallet. It is fully open-source. And so simple, it fits inside an html file on IPFS. Rooted on ens.eth, with all of its data sourced and guarded by smart contracts. It is more secure by default.

ross.wei

48,027 Aufrufe • vor 10 Monaten

inside is not only a beautiful game, it's also perfect for a relaxing break
1:35

inside is not only a beautiful game, it's also perfect for a relaxing break

Aurelien

61,575 Aufrufe • vor 1 Jahr

Using only a GIF, what’s it like inside your head.
0:37

Using only a GIF, what’s it like inside your head.

Ordnance Jay Packard Esq. (オードナンス・ジェイ・パッカード)

23,821 Aufrufe • vor 5 Monaten

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!
0:34

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,365 Aufrufe • vor 5 Monaten

Time for a skate break? Our GitHub skateboard is here! Not quite ready to take it out on the road? It also makes for the perfect wall art for your virtual meetings.
0:28

Time for a skate break? Our GitHub skateboard is here! Not quite ready to take it out on the road? It also makes for the perfect wall art for your virtual meetings.

GitHub

167,691 Aufrufe • vor 2 Jahren

The best agent is now open source. II-Agent is now live on GitHub. From a single prompt to a mobile app. From a research brief to an interactive website. From skills to real workflows. Fork it. Extend it. Show us what you build.
1:19

The best agent is now open source. II-Agent is now live on GitHub. From a single prompt to a mobile app. From a research brief to an interactive website. From skills to real workflows. Fork it. Extend it. Show us what you build.

Intelligent Internet

20,404 Aufrufe • vor 2 Monaten

Just remembered, I had made a #threejs html bridge last year using svg foreign object but didn't share Asked claude to finish and deploy it, it did, its now making a plugin for threepipe HTML rendering within a canvas with support for interaction and css animations. link...
0:48

Just remembered, I had made a #threejs html bridge last year using svg foreign object but didn't share Asked claude to finish and deploy it, it did, its now making a plugin for threepipe HTML rendering within a canvas with support for interaction and css animations. link...

Palash Bansal

14,436 Aufrufe • vor 5 Monaten

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!
0:57

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,793 Aufrufe • vor 5 Monaten

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 🤯
1:38

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,229 Aufrufe • vor 5 Monaten

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:
0:37

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:

Mckay Wrigley

98,113 Aufrufe • vor 3 Jahren