Creating an Among Us Character with only HTML and CSS

Показать описание

Learn how to create the red character from the famous mobile video game “Among Us” with only HTML and CSS.

Get the code:

Download all project files:

Fancy Border Radius Tool:

The editor is called Visual Studio Code and is free. Look for the Live Share extension to share your environment with friends.

I’m using Browsersync for live reloading. Every time you save the file it will automatically reload. Go here to learn more.

Prefer to skip to the tutorial? Go to timestamp 2:30.

DevTips is a show for YOU who want to be inspired 👍 and learn 🖖 about programming. Hosted by David and MPJ - two notorious bug generators 💖 and teachers 🤗, and Guest Hosted by Jay from IEatWebsites during MPJ's long term hiatus from video creation. Exploring code together and learning programming along the way - yay!

Follow along with Jay on his other YouTube channel, IEatWebsites:

DevTips has a discord server called Keep On Hacking, check it out!

Рекомендации по теме

Комментарии

I just want to see Travis neilson one more time

souhailkaoussi

I liked the full on tutorials, like creating a website from start to finish. Seeing how it all ties together and not specific stuff like create a slider, carousel or whatever. Preferably it would be pure html and css. Like learning the underlying theory and then when you use a framework you know what is going on under the hood. Those were the tutorials I enjoyed the most from Travis.

prasinaloga

I liked how Travis was more than just a code tutor. His personality was part of what made the channel great. He would share his perspective and values with us and talk about why he was passionate about his work. He focused on showing us "how" to do something but always kept in sight "why". His mission was to teach people code but he also wanted to meet people and talk with people and naturally grow relationships. There wasn't a sense that Travis was ever forcing a community to form, and that's what allowed it to be something special. I think when you make content that really connects with people, that could happen again. This is all vague and wishy-washy, but hopefully, it's somewhat helpful!

Good luck, and keep on hacking!

davejs

Thank you for reviving the channel! Wish you the best Jay! I would love to see more of front end (pure JS with css/sass etc) and awesome design videos on this channel. Additional topic could be on testing with libraries like sinonjs etc

DineshkumarPuli

I personally like videos about building real life applications (or anything cool really) focusing on the front-end, specifically js. And tutorials here and there definitely help.

Aly_Fahmy

Good to see devTips . Thanks for taking the responsibility . It would be nice if you continue on CSS specially a full website without any external library

mdshoaibAlamgcetts

Great work J, I learnt alot thank you. Good luck with DevTips

bobbyd

Devtips channel is like an unwanted baby being passed from one to the other, and no one has time to look after him. So sad... I hope this time it will come closer to the level, when Travis put his heart and soul into this channel. Fingers crossed :D

marcincirocki

Yay my fev channel! Love this tutorial!

JackPardungsin

These diversions with HTML and CSS are fun! I wish there was more of a point to "drawing" with CSS than to just say you accomplished it. To me, it's far more useful to create the drawings in SVG so you can use them more consistently anywhere on the page. Maybe a tut on how you can use this HTML/CSS only version beyond just being centered in the viewport. Make it animate? Some next level user interaction? etc.. thanks!

badcatdesign

Awesome CSS Animations (esp cards and landing page animations)

abhayganti

I wanted to learn this for a long time

kumarvishalben

Your videos are so good! I am getting into web development, but the hardest part for me so far is CSS. I don't know how to make my websites look nice/appealing, and even if I had an idea, I would have trouble coding it with CSS. So I would love it if you could do more CSS tutorials like this one.

AdamCanDoIt