Side Navigation in JavaScript
Some side navigation in JavaScript before you go to bed:
Author: Geeks out of the Box
This is a blog about Simon, a young mathematician and programmer, and his little sister Neva. We write this blog together, share their projects and thoughts on their journey towards self-dicovery. They’re growing up in a supportive non-coercive learning environment. We deeply believe in interest-based, self-paced education and have had to move countries to make this possible as a family.
Visit Simon’s website at https://simontiger.com/
We are a family from Amsterdam who moved to Antwerp because homeschooling is illegal in The Netherlands.
This blog started as https://antwerpenhomeschooling.wordpress.com in March 2016. Over the years, most of our entries have gravitated towards exploring together with Simon as he has developed an insatiable passion for programming, math and science. His sister Neva is treading on his heals. We changed or name to Geeks of the Box in May 2021.
Flexbox Essentials
Simon has been following Flexbox Essentials tutorial with DevTips and built a website:
Come on, let’s slide again!
Had great fun at an indoors playground this Sunday After an hour of fun Simon said it was time to study again
CSS Units, relative and absolute
Simon was studying CSS units with DevTips tutorial and gave this whiteboard presentation about what he learned today:
Centering text with HTML box model
Simon says he has invented a way to center text vertically without Flexbox:
Scratch Pad for the math class
For his math class Simon programmed a scratch pad (well, he didn’t actually invent the code, but found it in Daniel Shiffman’s coding challenges and built the scratch pad on … Continue reading Scratch Pad for the math class
Whiteboard!
Simon loves the new whiteboard. Below are a table of C languages he made up and a functions object to draw an ellipse:
Cat Animation
Simon spent a couple of hours building this cat animation with LearnWebCode yesterday. The cat can change eye colour and mood. It can also move around!
Word Interactor and Word Counter
Another attempt with the Word Interactor Coding Challenge: Word Counter: Here the results are placed in alphabetical order:
Simon’s Search Engine, Sort Table and Self-Made Arrows
Simon is a big fan of w3schools.com and has been using their w3.js library for these exercises. In the first video he shows a sort table he made. By pressing … Continue reading Simon’s Search Engine, Sort Table and Self-Made Arrows
Responsive Demo Website with Bootstrap
Simon built this responsive demo website with LearnWebCode using Bootstrap, the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Needless to say, he … Continue reading Responsive Demo Website with Bootstrap
Geeks out of the box 