Search posts, tags, users, and pages
Nelson Michael
Front-end Engineer | Technical Writer
A popular myth we might have stumbled upon is that positioning items is a Nightmare. However, while this might be true, the idea that it is a nightmare has been reduced drastically over time. Bootstrap was one technology that helped to position items...
Thanks for making this guide. I am learning JavaScript and css and came across your article after it was posted to reddit.
I have been working on a javascript page to demonstrate the use of floats and clears which is here:
j354374.github.io/fed-scripting/portfolio/floats-…
After seeing your post I have started expanding it to include positioning.
Please see:
web: j354374.github.io/fed-scripting/portfolio/element… source: github.com/j354374/fed-scripting/tree/master/port… codepen: codepen.io/j354374/pen/bGpdEyO
Next I am looking at adding a X,Y position input or picker and css variables. I could even make the boxes draggable .
Do you think I should remove floats from this version?
Christopher Caston
saving the world one line of Javascript at a time
wow, awesome work Christopher Caston, no I think you should leave the floats version, it shows different examples. And making it draggable would be a really nice idea.
Sabin Adams
Site Reliability Engineer
Good stuff, thanks! Definitely a good refresher on what each of those values actually does!
awesome, I'm glad it was helpful
Victoria Lo
A nerd in books, tea, games and software.
Thanks for writing this, a good revision for me :)
yaaay, I'm glad you found it helpful
Bolaji Ayodeji
Software Engineer, Teacher, and Developer Advocate.
Learn a lot from this, thanks for sharing!
awesome. Glad it was a good read, chief
Thanks for making this guide. I am learning JavaScript and css and came across your article after it was posted to reddit.
I have been working on a javascript page to demonstrate the use of floats and clears which is here:
j354374.github.io/fed-scripting/portfolio/floats-…
After seeing your post I have started expanding it to include positioning.
Please see:
web: j354374.github.io/fed-scripting/portfolio/element… source: github.com/j354374/fed-scripting/tree/master/port… codepen: codepen.io/j354374/pen/bGpdEyO
Next I am looking at adding a X,Y position input or picker and css variables. I could even make the boxes draggable .
Do you think I should remove floats from this version?