Creating an Among Us Character with only HTML and CSS

Подписаться 351 тыс.

Просмотров 19 тыс.

50% 1

Learn how to create the red character from the famous mobile video game “Among Us” with only HTML and CSS.
Get the code:
codepen.io/iea...
Download all project files:
www.amazon.com...
Fancy Border Radius Tool:
9elements.gith...
The editor is called Visual Studio Code and is free. Look for the Live Share extension to share your environment with friends.
💻 code.visualstu...
I’m using Browsersync for live reloading. Every time you save the file it will automatically reload. Go here to learn more.
browsersync.io/
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 RU-vid channel, IEatWebsites:
🌊 / ieatwebsites
DevTips has a discord server called Keep On Hacking, check it out!
❤️ / discord

Опубликовано:

28 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 66

@souhailkaoussi6415 3 года назад

I just want to see Travis neilson one more time

@Timooooooooooooooo 3 года назад

There's an interview with Travis on J's channel! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_MbYdVfZr6w.html

@jag5255 3 года назад

Same

@Wastefuldragon 3 года назад

Same miss travis's personality 🥺🥺

@OfficialDevTips 3 года назад

I interviewed him not too long ago. Timo just added the link. Maybe we can do another interview with him in the future.

@shanetravel 3 года назад

yeah i miss him too... its just not the same with out him. i have the "keep on hacking" poster still in my room from him back in the day :P

@davejs 3 года назад

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!

@OfficialDevTips 3 года назад

This is very true. Thank you so much David.

@Aly_Fahmy 3 года назад

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.

@OfficialDevTips 3 года назад

Good to know. Can you give me an example?

@mdshoaibAlamgcetts 3 года назад

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

@OfficialDevTips 3 года назад

That's a good idea. I'm planning to do a lot of CSS. Thank you!

@marcincirocki623 3 года назад

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

@OfficialDevTips 3 года назад

This is Jay. I will do everything I can! Join the discord, we need positive people.

@adityashinde3864 3 года назад

@@OfficialDevTips make more HTML CSS design videos.

@ruslangaliev5050 3 года назад

NBA, I LOVE THIS GAME!!! =)))

@OfficialDevTips 3 года назад

Yay!

@ValentinoJaurena Год назад

very good

@MrPDTaylor 3 года назад

What is going on?

@OfficialDevTips 3 года назад

Good things are going on!

@MrPDTaylor 3 года назад

Where did you get that hat?

@OfficialDevTips 3 года назад

whitealiens.com

@EiadKasem 3 года назад

WHAT !!!

@OfficialDevTips 3 года назад

What!

@subashmurugan8795 3 года назад

Can I have the discord link

@OfficialDevTips 3 года назад

Here you go: discord.gg/JNZH3A2

@prasinaloga 3 года назад

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.

@OfficialDevTips 3 года назад

This is great! Thank you.

@yathinipun3437 3 года назад

I'am new in this channel I want to learn app development so which is the best programming language for app development for beginners

@izaiah2549 3 года назад

How to get every pc mod on iOS with working links please.

@timehealthfit1891 3 года назад

Your perspective is refreshing, want to be youtube friends?

@ChristofFritz 3 года назад

Who is this guy?! This is not the DevTips-Guy I know >:(

@OfficialDevTips 3 года назад

Jay has been a long time community member since the beginning. He currently has his own RU-vid channel with ~30,000 subscribers. We're excited for the future with more content coming out on this channel.

@omthakkar87 3 года назад

@@OfficialDevTips bring back travis😭😭😭

@shanetravel 3 года назад

@@omthakkar87 yeah.... i agree but travis moved on. he couldnt do the channel anymore due to personal reasons.

@badcatdesign 3 года назад

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!

@OfficialDevTips 3 года назад

Yes! That's coming. More animations and how you can use it in any website or web app.

@JackPardungsin 3 года назад

Yay my fev channel! Love this tutorial!

@OfficialDevTips 3 года назад

Glad you enjoy it! Thank you.

@DineshkumarPuli 3 года назад

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

@OfficialDevTips 3 года назад

Thank you! A lot more to come.

@Timooooooooooooooo 3 года назад

Let's go Jay!

@OfficialDevTips 3 года назад

Thank you so much Timo! You always giving me love.

@bobbyd2968 3 года назад

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

@dhavalsavalia 3 года назад

You are a freaking madlad. Good luck!

@OfficialDevTips 3 года назад

Thank you!

@oliwiaanastazjahaja635 3 года назад

oh...okay

@abhayganti8662 3 года назад

Awesome CSS Animations (esp cards and landing page animations)

@OfficialDevTips 3 года назад

Yes. More Animations! Love it.

@himanshushukla6451 3 года назад

R u serious 1 year later

@OfficialDevTips 3 года назад

That's a lot of time. But we are back!

@abhayganti8662 3 года назад

Fullstack Applications !!!

@OfficialDevTips 3 года назад

Can you give me examples? Thanks!

@abhayganti8662 3 года назад

@@OfficialDevTips maybe some MERN stack applications if that’s also the focus of this channel

@AdamCanDoIt 3 года назад

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.

@OfficialDevTips 3 года назад

Don't worry. We will have a lot of more videos using CSS. But take a look at our past videos about CSS.