Flask Web Development with Python Tutorial - 5 - Static Files

[johnzawodniak]

I was able to complete this tutorial using the PyCharm Community addition 2018.1.2. To do so, I went back to File-Setting-Project: Flask-Demo-Project Interpreter and added CSS. Next, I created a new file in the static directory called style.css and populated per the tutorial. I followed the tutorial to completion with identical results to the video.


Just a side comment: I noticed some negative comments about the teaching. I could not disagree more with those comments. This guy is an absolutely fantastic teacher.

[joshualiley]

You're a lifesaver! I've been searching for this for 3 days for about 4-5 hours a day, got a computer science programming project due soon and I needed this so I could work on everything else

[goldtech]

Finally, someone who explains it clearly! Thank You!

[smokegamer]

For those who were unable to continue because css isnt supported in pycharm community version.You can just yse vs code and follow the steps.Itll work

[tymothylim]

Thank you very much for this video! It is very clear and educational for me :)

[BookOfSaints]

Hey Bucky, when I edit my css file, it doesn't change the style. It only keeps the css styles from the first time I run it, but no changes after.

[Jesus_Is_Lord]

Thank you for this video, finally I can connect to my scss. But I still have one problem:

When I write something in scss, it compiles it to css but when ich reload my page I'm working on, nothing happens. I always have to clear the cache to make it work once again.
The problem is on Safari and Chrome and Opera. I think it's not a problem with the browser.

Have You an idea?

[thisnyper]

You could only explain the "problem" about the browser cache control. I tried to change the color and I spent nearly 10 hours trying to find the reason it din't find the CSS. Flask sets cache control headers on static resources, and your browser will cache those files up to 12 hours.

[nocrodomus]

This is how i made the CSS work: i just right click on top of the static folder, hover the mouse on "New", click on the "File" icon(the one that dont have any extension, the first one), click on it and write the name of the file with the ".css" at the end. The name of the file has to be style.css.

[МаксимКузичев-кч]

I dont like use STATIC in my URL. I want URL starts with CSS for css files and IMG from my images. How to implement it?

[Viummm]

THAAAANKS AFTER SO FUCKING LONG TIME YOU THE ONLY WHO KNOWS MANN xD

[rabiashah]

what if we have another folder in static, how are we going to reference that?

[matthewyong]

I’m facing the same problem loading a CSS on PyCharm because I don’t have the pro edition. Is there an alternative IDE that can do this?

[almostworthy]

wait a minute!!! is the option to create new stylesheet available only in the professional version of pycharm??

[ilkeraykut]

new stylehseet does not appear in my dropdown list of file types.İs there anyone to help me?

[nehakarn]

I have added my CSS file and set the path as you did, but neither css file nor bootstrap is executing.Please tell some solution.

[vinzanity]

why does css have a variable location, but templates is fixed? why not fix the css location like templates?

[harshitagarwal]

why do we add type='text/css' even if it works without it ?

[bugsy]

Does anybody know why I get a pipe error when streaming a video on my site?

[petergirnus]

Just use SHIFT+ALT+DEL to clear the browser cache after you've made a CSS change ladies and gents