Learn the best CSS framework since Bootstrap! If you want to take the interactive version of the course, visit this page: https://scrimba.com/g/gbulma
Bulma is the brainchild of CSS Guru Jeremy Thomas @jgthms. It’s a modern responsive CSS framework based on Flexbox. The framework makes scaffolding and designing websites a breeze with best-in-class documentation and well-designed, intuitive components and modifiers. ✨
Bulma is great not just for building but learning best HTML and CSS3 practices, too! It’s like having @jgthms👨🎨 there the whole time. 😍
In this course, you’ll learn to create not one, not two, but three beautiful, responsive websites bootstrapped with Bulma in less than an hour.
Have a question, comment, or feedback? Feel free to reach out to the course creator Zaydek on Twitter: @username_zaydek.
Learn to code for free and get a developer job: https://www.freecodecamp.com
Read hundreds of articles on programming: https://medium.freecodecamp.com
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
This Post Has 26 Comments
Great tutorial. very informative and covers the most important concepts of bulma. Good job mr.
How can I add a transition onto the mobile nav? Thanks. I just made a full-screen version.
Why is Bulma based on flexbox and not css grid?
Can you show us how to make the navbar interactive?
Share a git project please. You are pretty good at this. Am not good with UI I have done APIs only.
2 spaces > 1 tab
That mouse movements is driving me crazy!
i dont understand why would i ever pick this over bootstrap or just any other thing? it even has a lame name 'bulma'
Thats my Bulmaaaaaa
You have to understand css very well to be able to create these effects because the details require a lot of css knowledge.
Could you share your debug.css file?
This needs re-editing with the presenter speaking at 60-70% of the speed and zero unnecessary mouse movements. It's like the whole video is on speed at present
Please slow down a bit. I understand the material but I'm going to have a seizure from the mouse movements and the screen jerks
I never thought a mouse cursor would give me so much anxiety
Hi, where can I get "debug.css" that you used?
This is great! But where can i get that debugger css?
Need to play this video back at 50% speed to follow it.
why your voice is so….
freecodecamp, it's about time for an updated Bulma tutorial. This wasn't good.
Seriously I feel sea-sick watching that mouse bounce around and flicking between screens
How can I get this super awesome and super dope CSS debugger??? 🙂 pretty please??? 😉
my center class doens't work
Unable to follow because th images files are not linked for download
confusing and useless for me.
Nice, but what is wrong with your mouse?
It made me crazy.