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

Рет қаралды 277,844

Күн бұрын

▶ 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

Пікірлер: 352

@devaslife 7 ай бұрын

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 2 жыл бұрын

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 2 жыл бұрын

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 2 жыл бұрын

Y’all weird asl lol

@QWERTY-gp8fd 2 жыл бұрын

@@UsedYourName its bot.

@royersegura5991 2 жыл бұрын

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 2 жыл бұрын

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

@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 ?

@izyo8146 2 жыл бұрын

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

@bafana_mhlamvu 2 жыл бұрын

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

@jayadky5983 2 жыл бұрын

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

@Zyhru 2 жыл бұрын

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.

@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 :)

@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.

@HarisKhan-bh6uj 2 жыл бұрын

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

@dannywen3218 2 жыл бұрын

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

@hariskhan804 2 жыл бұрын

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 2 жыл бұрын

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 2 жыл бұрын

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

@funnymanhaha8386 2 жыл бұрын

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

@nguyentuenhan179 2 жыл бұрын

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

@RealEngineer 2 жыл бұрын

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 2 жыл бұрын

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

@paulbennetjoshua 2 жыл бұрын

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

@ryangause6443 2 жыл бұрын

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

@annusingh4694 2 жыл бұрын

Always excited to see your video notification 💯

@pratiksrivastava1508 2 жыл бұрын

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

@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 ❤

@eliasmelesse4998 2 жыл бұрын

Can't wait for the next one!!

@fauzanlubis23 2 жыл бұрын

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

@nikob381 2 жыл бұрын

Thank you for another wonderful video Takuya!

@thetr1xik 2 жыл бұрын

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

@claudioguimaraes5682 2 жыл бұрын

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

@z0x 2 жыл бұрын

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

@acarahmetfaruk Жыл бұрын

Content is truely brilliant in every aspect. Appreciated!

@grahamvp 2 жыл бұрын

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

@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

@resurrexi 2 жыл бұрын

Love it! Back to basics!

@lainauser1961 2 жыл бұрын

You're definitely the best outdoor programming channel

@noi.d609 2 жыл бұрын

Favorite KZfaq channel. Keep up the work we love it

@dhineshbabu9376 2 жыл бұрын

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

@Rejich89 2 жыл бұрын

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

@nathansmalley8433 2 жыл бұрын

I dig the production style and creativity. Good stuff

@michazaremba897 2 жыл бұрын

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

@juanmacias5922 2 жыл бұрын

Such an elegant design!

@duldulatori3123 2 жыл бұрын

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

@yuchihchou7679 2 жыл бұрын

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

@jeffersonorj 2 жыл бұрын

Amazing. Thanks, Takuya!!

@DouglasFlautistaCCB Жыл бұрын

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

@cesaralavila9043 2 жыл бұрын

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

@SownJevan 2 жыл бұрын

Another brilliant video. Your videos make my day Takuya

@thedailydev2366 2 жыл бұрын

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.

@trevhore5504 2 жыл бұрын

I love this beginner stuff ! ThankS!!!!

@smsp1838 2 жыл бұрын

love it!!!

@nedalturas 2 жыл бұрын

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.

@rickpala_ 2 жыл бұрын

now this is art

@sarimmalik3127 2 жыл бұрын

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

@bls512 Жыл бұрын

Everything about this is beautiful and inspiring.

@gionnipo 2 жыл бұрын

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

@thiagorocha1335 Жыл бұрын

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

@touri202 2 жыл бұрын

Nice summer view!

@frontendhari6038 2 жыл бұрын

Legendary developer and legendary editor

@withdevv 2 жыл бұрын

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

@HaiNguyen-fx2tx 2 жыл бұрын

The way u edit the video is truly marvellous

@Kyle_hughes10 6 ай бұрын

Phenomenal video! You inspire me!

@santchev1326 2 жыл бұрын

Thank you Takuya, this is amazing 👍

@Ushjsuuhensb 2 жыл бұрын

Awesome as usual!

@BestURLShortenerBioPageQRCode 10 ай бұрын

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

@AngelGift-ih8hd 4 ай бұрын

❤❤❤ Nice bio 🎉🎉🎉

@li.techtalk 2 жыл бұрын

The wave sound was sooooo satisfying haha

@sabinhogui 2 жыл бұрын

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

@Pra2wins 2 жыл бұрын

Coolest presentation technique, loved it ❤️

@jocelynnsa9316 2 жыл бұрын

My youtuber whose videos soothe me 🤗

@Ahmad859 Жыл бұрын

impressive man ♥️

@johnwickey4179 2 жыл бұрын

best programming youtuber

@eliasmelesse4998 2 жыл бұрын

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

@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 ありがとうございます

@sleepingburger4254 Жыл бұрын

Just finished this tutorial, thank you so much sir.

@billiardo 2 жыл бұрын

Let's go!! Thankyou!

@MichelVersianiDev 2 жыл бұрын

Definitely a masterpiece! , informative and relaxing :D

@AVNGwebdev Жыл бұрын

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

@metallidraw 2 жыл бұрын

very nice work, good job & nice place !

@hicat9923 2 жыл бұрын

yeaaay, i enjoyed your video bro

@ignite4888 2 жыл бұрын

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

@oriandev8732 2 жыл бұрын

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

@onequy6648 2 жыл бұрын

Love it. You always make my day.

@way2ml 2 жыл бұрын

Your videos inspired me. Thank you, Takuya.

@mmaximov 2 жыл бұрын

Amazing tutorial, thank you!

@decoder8758 2 жыл бұрын

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

@codewang4251 2 жыл бұрын

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

@senshimak 2 жыл бұрын

This was amazing!

@universecode1101 2 жыл бұрын

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

@rafaelrocha4177 2 жыл бұрын

Amazing, such an inspiration

@anupamkumarkhamrai8924 2 жыл бұрын

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

@pecora31 2 жыл бұрын

How peaceful it is!

@JustinJean07 Жыл бұрын

So COOL!!

@michaelsalas5106 2 жыл бұрын

I love your videos, greetings from Chile😁

@leninicordeiro1578 Жыл бұрын

Amazing!

@erionimuca1936 2 жыл бұрын

I love this bro keep it up nice job

@ZaiditaTheBest Жыл бұрын

your videos are just stunning and beautiful

@akashdeepsharma9339 2 жыл бұрын

really good content keep up the hard work :)

@onsighter 2 жыл бұрын

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

@rafrivera4371 2 жыл бұрын

I love this!

@SebastiandAnconia 2 жыл бұрын

outstanding content here