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

▶ Check out my product: Inkdrop - Markdown note-taking app
• How to take notes in M...
▶ Source code
github.com/craftzdog/link-in-bio
▶ My dotfiles
github.com/craftzdog/dotfiles...
▶ My Neovim setup
• How to set up Neovim 0...
▶ My equipment
* Video editing: Final Cut Pro X
* Camera: Fujifilm X-T4 - amzn.to/3MVuPBV
* Tripod: PeakDesign TT-CB-5-150-CF-1 - amzn.to/3NCqN2c
* Mic: Zoom H1n - amzn.to/38VAwkx
* Browser: Min - minbrowser.org/
* Keystroke visualizer: KeyCastr - github.com/keycastr/keycastr
* Cursor effect: Cursor Pro - apple.co/3rlWOBA?at=11l7AK
Follow me online here:
▶ Twitter / inkdrop_app
▶ Blog blog.inkdrop.app/
▶ Instagram / craftzdog
▶ Subscribe to my Newsletter 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 - www.vantajs.com/
#CodeWithMe #ASMR #CodingTutorial

[@devaslife]

Check out my Markdown note-taking app designed for developers 👉 www.inkdrop.app/?HOyvBp0

[@sunraiii]

Your content is like a breath of fresh air in the dev community. Usually, everyone is so headstrong about the best tools, the best IDE, the best jobs, and how to beat interviews. But this? This just focuses on what coding is about. Creating. Creating things that people use and enjoy, as we enjoy making it. Can't wait to see more of your videos!

[@lifeascoder6291]

Bro I am so suprised to see your video suddenly because It was UNEXPECTED! You usually take 1-2 months for a video. Thank you Sir for teaching us.

[@chillydoog]

For me it 1-0 month for a video, bro. Suprises are everywhere, if you know where to look, and where to not look. Think about it. instagram & hashing tag functions are everywehre.

[@UsedYourName]

Y’all weird asl lol

[@QWERTY-gp8fd]

@@UsedYourName its bot.

[@royersegura5991]

AMAZING! I watched this from start to finish. As someone who is currently learning programming in school it was great seeing how you implement your knowledge and what I can take from this video and use in the future for my projects as well. You are amazing!

[@userasd360]

the way you record it and the locations you choose to code both are amazing.

[@izyo8146]

I love your works, you're the core essence of being indie developer, your work is amazing and so is you. love and support.♥

[@jayadky5983]

Thanks for this video Takuya-san!! Beginner content like this will help new web devs like me to learn and practice a lot!!

[@HarisKhan-bh6uj]

honestly you the my biggest inspiration that keeps me intersted in programming in general these days !! thanks for doing what you are doing !

[@bafana_mhlamvu]

Your React Native series has helped me write a bit more cleaner code since I first started learning the framework, thank you...

[@dannywen3218]

It's really happy to see all the videos you made, really helps a lot no matter using framework or basic, thank you

[@MoZenLen]

Even though I know what you are doing, by watching your videos helps me stop procrastinating. I really like your video, the sound of the keyboard, the ambience in the background, the look of neovim or vim, your video editing. Everything is so perfectly edited. Thank you so much! Please upload more often.

[@ghxstyn]

i'm so grateful for this video. i watched it and started messing around about a month ago, while i was on vacation. now that my classes are back, and we started studying web development, our teacher told us to mess around with html and css and do something for our next class. i worked on this yesterday and today, made some changes, and loved the end product. thank you :)

[@funnymanhaha8386]

these videos are great! hope you upload more beginner friendly tutorials such as this one as they're seriously awesome!

[@Zero-xl7ly]

I’ve been terrified to put my head down and get into development for the past 4 years now. You’re the first person out of countless interactions with friends and developers online to have inspired me to actually start. Your content is concise, informative, and screams encouragement, and for that I can’t thank you enough. I’m starting small with the link page, then plan on creating a digital design portfolio, and finally hope to build an app with swift that I’ll launch on the App Store!

[@pirax8787]

One tip to not loose your interest in programming. For the beginning; stay at one language or at least stick to one topic. Like web developement, app developer, game developer

[@ko-Daegu]

I wouldn't really recommend going with Web dev then hoping to do IOS dev by launching an app you wouldn't be market ready if it's a hobby that's great but if it's for work no As @pirax stated stick to one thing and hammer it down

[@LeRoiAdibou]

hey I'm curious on how it's going for you, did you succeed to achieve your goals ?

[@nguyentuenhan179]

Finally, your vids came out btw love the scene at the beach in Japan also the nature too

[@pratiksrivastava1508]

your videos are so satisfying that i can watch it whole day without getting bored

[@thetr1xik]

oh man, i really so enjoy ur tutorials. thats rly so cool. this switching locations so great idea! plz continue continue!

[@jonmultimedia]

This is so good, as usual an amazing job. Been using flex boxes for ages and I didn't know about that "gap" attribute. That could have spared me so much trouble before ahaha. Great job, keep it coming ❤

[@RealEngineer]

Your videos are chill. Playing it in the background so I have the feeling of being back at office and not stuck at home office 😄

[@jamespogg]

I'm also a dev content creator and your videos are amazing. They are such high quality, keep up the great work!

[@annusingh4694]

Always excited to see your video notification 💯

[@acarahmetfaruk]

Content is truely brilliant in every aspect. Appreciated!

[@nathansmalley8433]

I dig the production style and creativity. Good stuff

[@Zyhru]

I been getting into web development and I started going to the full stack route where I’m learning Spring and using my minimal knowledge on HTML, CSS and JS for the frontend. This video helped realize that I should get more familiar with HTML and CSS since my foundation is pretty strong in backend languages.

[@shessgggamingguys1jutatahu956]

i like C++ and NodeJS

[@mythicends6932]

That's awesome I wish I started with backend first, but I didn't even know the difference between a markup language and programming language at the time. If you continue learning HTML & CSS I would recommend checking out, flex box, css grid, keyframes, relative units, and pseudo-classes.

[@duldulatori3123]

Great ! Beginner and intermediate creative projects will definitely boost up channel , keep it up !

[@ryangause6443]

Your content was already great, with that said, these follow along videos (this, the nvim setup, macbook setup) are really, really helpful. It’s a niche that hasn’t been done as well as you’re doing it

[@noi.d609]

Favorite KZbin channel. Keep up the work we love it

[@lainauser1961]

You're definitely the best outdoor programming channel

[@z0x]

bro, that tent setup is so cozy. just wow! i need to try that haha.

[@ivangregortabalno6254]

More content to come 💓 i love this kind content that you don't need any framework or library, i know there are many of us that newbie here on your channel, that can't use yet any kind of framework, we appreciate this kind of content

[@fauzanlubis23]

Great, really like it! Simple, nature, no music!

[@nikob381]

Thank you for another wonderful video Takuya!

[@thedailydev2366]

You are such an delicate programmer. Thank you very much, I have learnt a lot from the way you demonstrating things that is encouraging me alot.

[@cesaralavila9043]

Thanks Takuya, i am a beginner but your videos inspire me to keep learning, greetings from Argentina!

[@hariskhan804]

i was exhausted by coding but your video gave me boost again, as a coder i believe we can build what ever we want by coding. Love your content. ♥️❤️

[@lomeat]

yes, you can. But it requires a lot of resources to create whatever you want. So, you need many many personal power to"work on" yourself everyday. And this is exhausting for long period. I feel myself too lazy, because I am tired of all of it. After several years in development you often no motivation to create anything for your personal needs. Much simpler to pay $5-15 for similar decision (like using Notion for keeping knowledge) and do not torment self.

[@lomeat]

but i agree with "his calm and quite videos are great for inspiration"

[@dhineshbabu9376]

Technology without compromising mother nature. Awesome combo ❤️❤️❤️

[@SownJevan]

Another brilliant video. Your videos make my day Takuya

[@HaiNguyen-fx2tx]

The way u edit the video is truly marvellous

[@paulbennetjoshua]

31:56 .. Yep! that's the feeling you get when you completed something great. Thanks! Keep inspiring!

[@grahamvp]

This was a fun little project to build and customize… thanks! Lovely vibe as well

[@claudioguimaraes5682]

i really love this mix of nature and technology, it almost make me cry

[@michazaremba897]

Yay finally a new video :D Still I hope you enjoyed the trip and your free time (hopefully with your family).

[@juanmacias5922]

Such an elegant design!

[@thiagorocha1335]

WTH ... Amazing edit.. amazing tips.... u are a goooood storytelling bro. Congratz from Rio de Janeiro, Brazil. :) U are amazing.

[@DouglasFlautistaCCB]

Very nice, man! It's a beautyful work with simple!

[@yuchihchou7679]

Amazing content as always! ありがとうございました！

[@bls512]

Everything about this is beautiful and inspiring.

[@nedalturas]

Bro its is just too easy for you, love the video and I even started creating my own biolink even if I don't need it XD.

[@gionnipo]

Awesome! The ambience is really nice. 🌅🍃 Thank you for sharing. 🙂

[@withdevv]

this is so pleasant to watch coding videos like this ), like the concept

[@eliasmelesse4998]

Thanks for sharing this really relaxing helpful educational video. I am a fan of your contents! Keep going!

[@Pra2wins]

Coolest presentation technique, loved it ❤️

[@BestURLShortenerBioPageQRCode]

Thank you for this tutorial! This is exactly what I have been looking for. Best link is me: simple and free!

[@sarimmalik3127]

Great video. So much information packed in 32 minutes. Would have loved if you also deployed it to the web at the end.

[@eliasmelesse4998]

Can't wait for the next one!!

[@AVNGwebdev]

Your content inspired me to restart and return to coding. thank you

[@li.techtalk]

The wave sound was sooooo satisfying haha

[@jocelynnsa9316]

My youtuber whose videos soothe me 🤗

[@decoder8758]

your work is just incredible, i want to be a dev just like you, thank you bro

[@frontendhari6038]

Legendary developer and legendary editor

[@trevhore5504]

I love this beginner stuff ! ThankS!!!!

[@ignite4888]

Thank you for this Takuya. I hope you and your family are doing well!

[@anupamkumarkhamrai8924]

Your video is always very helpful both in learning and in relaxing way.. also got to learn when relaxing keep posting such videos

[@resurrexi]

Love it! Back to basics!

[@mossabDiae]

The moment I enjoyed most was when you started debugging and fixing the errors from vanta library 23:10 Thanks for making such great content ありがとうございます

[@santchev1326]

Thank you Takuya, this is amazing 👍

[@_mannyponce]

great vid takuya! did you build the fan for the xt-4?! so cool

[@MichelVersianiDev]

Definitely a masterpiece! , informative and relaxing :D

[@sleepingburger4254]

Just finished this tutorial, thank you so much sir.

[@onequy6648]

Love it. You always make my day.

[@sabinhogui]

I can't believe I watched 32 minutes of someone typing on front of a shore without dying of anxiety because of the sea air on the laptop, congratulations Takuya

[@way2ml]

Your videos inspired me. Thank you, Takuya.

[@Kyle_hughes10]

Phenomenal video! You inspire me!

[@codewang4251]

Amazing Job, I really love it. Best wishes!!!

[@onsighter]

awesome video, thank you devaslife, hope you will do more simple projects as this one in the future.

[@Rejich89]

You're a legend. ありがとうごさいます。

[@touri202]

Nice summer view!

[@jeffersonorj]

Amazing. Thanks, Takuya!!

[@Indiesclan]

Thankyou sir, for this amazing chilling video, appreciate your every work and inspired. Respect from India ♥️

[@oriandev8732]

Thanks for this new video, congrats, it’s great work.

[@johnwickey4179]

best programming youtuber

[@mmaximov]

Amazing tutorial, thank you!

[@metallidraw]

very nice work, good job & nice place !

[@rickpala_]

now this is art

[@michaelsalas5106]

I love your videos, greetings from Chile😁

[@Ushjsuuhensb]

Awesome as usual!

[@uzumakiuchiha7678]

Please create some more "For Beginners" tutorials out of your busy schedule. You are very inspiring and that would mean a lot to us

[@Ahmad859]

impressive man ♥️

[@ZaiditaTheBest]

your videos are just stunning and beautiful

[@rafaelrocha4177]

Amazing, such an inspiration

[@universecode1101]

Nice to see your video, I love Html and Css ✌🏻

[@akashdeepsharma9339]

really good content keep up the hard work :)

[@naingwinaung419]

this video is so amazing. you should make more video like this for beginners.

[@erionimuca1936]

I love this bro keep it up nice job

[@novedekne]

This is a really neat video, and I love your dev environment. How is debugging in the Min browser working for you/how do you deal with the lack of React dev-tools?

[@devkasunlakshitha]

Amazing inspirable video. Keep it up!

[@skyoder4487]

Tu me motive à m'améliorer encore plus ! Merci

[@Devanshukoli]

Hey ! Thanks for this video I learned new things thanks to you in my summer vacation bruh... GAMBARE OJI-SAN.....

[@pecora31]

How peaceful it is!

[@AngelGift-ih8hd]

❤❤❤ Nice bio 🎉🎉🎉