Python Webdev #4 - CSS

Channel:
United States DaFluffyPotato
Subscribers:
102,000
Published on ● Video Link: https://www.youtube.com/watch?v=6m1qrU01KHM


Duration: 31:14
3,784 views
104

Now that we've got a basic HTML page, it's time to make things look fancy with CSS!

Project Code:
https://dafluffypotato.com/static/webdev/pt_4.zip

Discord:
https://discord.gg/9Qt2GxF

My Projects:
https://dafluffypotato.com/projects

Patreon:
https://www.patreon.com/dafluffypotato

Potato Tier Patrons:
Keill
Eivl

0:00 - intro
0:42 - using CSS with Flask using static
3:34 - basic CSS example
5:37 - adding a Google Font and updating the HTML
9:40 - adding a fancy bar to the top
13:13 - a bit about the margins and padding...
15:39 - finishing the fancy bar
17:16 - organizing page content
18:44 - overriding default HTML element rules
23:03 - :hover
24:14 - channels and messages
29:37 - final thoughts and outro

#python #webdev #css



Other Videos By DaFluffyPotato


2021-12-252021 Pygame Projects
2021-12-16Gamedev as a Business ft. Tim Beaudet
2021-11-25Why You Should Write Bad Code
2021-10-18Python Webdev #5 - JavaScript
2021-09-29I simulated 40K blades of realtime grass with Python
2021-08-21How to ACTUALLY get into Gamedev
2021-07-31Pygame's Performance - What You Need to Know
2021-07-05Kite vs. Tabnine: An Autocomplete Software Comparison
2021-06-17Pygame Performance Stress Test
2021-06-15Why I'm STILL Glad I Didn't Use a Game Engine
2021-05-25Python Webdev #4 - CSS
2021-05-13Python Webdev #3 - HTML
2021-04-24i make fast gaem
2021-04-083D Terrain Generation in Python/Pygame - Demo/Explanation
2021-03-16I Coded VTubing Software the DUMB Way
2021-03-09Controller Input - Pygame Tutorial
2021-03-03The Story Behind My 16 Hour Game
2021-02-18hello
2021-02-17I mapped my face to a cube. (python/pygame/node.js/face-api.js)
2021-02-10Python Webdev #2 - Cookies and Arguments (Flask)
2021-02-03Python Webdev #1 - Flask


Tags:
DaFluffyPotato
python
flask
webdev
web development
programming
computer science
software development
HTML
CSS
JavaScript
CSS tutorial
tutorial
python tutorial