Skip to main content

Play The Flex Box Adventure

 Coding Fantasy is a new platform for learning CSS, HTML and JavaScript by playing coding games. It already offers a free fun educational game for learning how to use the CSS Flex Box mode and here we look at what it entails.

Coding Fantasy's creator Nick Bull has provided a well thought out gamified approach for learning about web development. The first game, Flex Box Adventure, uses three simple sprites - the Knight, Mage and Rogue- who must defeat the evil forces. Defeating them means placing your heroes at the same position as the evil ones by using flexbox's instructions like flex-direction,justify-content and align-items.

Check the pictures below for an example of how it works:

Challenge

Solution

#field {
display: flex;
flex-direction: column;
justify-content: flex-end;
}


full article on i-programmer.info

Labels:

Comments

Post a Comment

Popular posts from this blog

The PaSh Project gives your POSIX script superpowers by utilizing parallelization in order to speed up execution times.

The PaSh Project gives your POSIX script superpowers by utilizing parallelization in order to speed up execution times. This leads to faster results for data scientists,  engineers,  biologists,  economists,  administrators,  and programmers. I remember the time when the saying was "Learn Perl so you don't have to learn the Shell and its hundreds of utilities". Fast forward some decades and the use of shell scripts still has not been eradicated. On the contrary, their use has increased due to the rise of containers, VM's, administering the cloud, and Linux itself. This also serves as a lesson to those who are quick to denounce technologies as 'dead'. There's a time where a new use case revitalizes an old technology. So what is meant by "Unix philosophy"?  full article on i-programmer: https://www.i-programmer.info/news/90-tools/14990-the-pash-project-advancing-the-unix-philosophy-one-step-further.html    
Post a Comment
Read more

Open Source Is Not Just About Software

  It's about infrastructure as well, something that although not attracting the limelight, is as important as the open source software it hosts. Today the stewards of the largest open source registries in the world have issued an open letter demanding urgent reform in how open source infrastructure is funded, maintained, and operated.  https://www.i-programmer.info/news/136-open-source/18334-open-source-is-not-just-about-software.html
Post a Comment
Read more

Turn Claude Into Your Personal Research Assistant

  Claude Scientific Skills give Claude super powers, not just on coding, but about any science. We try them out to see what's on offer. But first of all what are Claude Skills. If you're familiar with CustomGPTs then Skills is something similar. They both enable the LLM to access specialized agents. In the Skills case, they are shaped as plugins which comprise of a mix of instructions, scripts, and resources that Claude can load dynamically when trying to perform a task.  https://www.i-programmer.info/news/105-artificial-intelligence/18534-turn-claude-into-your-personal-research-assistant.html
Post a Comment
Read more