For beginners: How to create a 'link in bio' page for Instagram (No frameworks)

Опубликовано: 12 Октябрь 2024
на канале: devaslife

280,579

9.2k

▶ Check out my product: Inkdrop - Markdown note-taking app
   • How to take notes in Markdown efficie...
▶ Source code
https://github.com/craftzdog/link-in-bio
▶ My dotfiles
https://github.com/craftzdog/dotfiles...
▶ My Neovim setup
   • How to set up Neovim 0.5 (LSP, Treesi...
▶ My equipment
Video editing: Final Cut Pro X
Camera: Fujifilm X-T4 - https://amzn.to/3MVuPBV
Tripod: PeakDesign TT-CB-5-150-CF-1 - https://amzn.to/3NCqN2c
Mic: Zoom H1n - https://amzn.to/38VAwkx
Browser: Min - https://minbrowser.org/
Keystroke visualizer: KeyCastr - https://github.com/keycastr/keycastr
Cursor effect: Cursor Pro - https://apple.co/3rlWOBA?at=11l7AK

Follow me online here:
▶ Twitter   / inkdrop_app
▶ Blog https://blog.inkdrop.app/
▶ Instagram   / craftzdog
▶ Subscribe to my Newsletter https://www.devas.life/

00:00 Intro
00:50 What I'm gonna build
02:43 Create a html file
04:15 Create page content
07:28 Add CSS
09:16 Style the header content
13:46 Change the page background
14:33 Style the link list
16:16 Style the links
18:58 Add a background video
21:33 Add an animated background
26:31 Make an overlay background with birds
29:17 Add a blur transition
31:40 Test it on iPhone
31:58 Thank you for watching

▶ Ingredients
Vanta.js - https://www.vantajs.com/

#CodeWithMe #ASMR #CodingTutorial