This is a resource that has been made available in our course curriculim. I feel it's worth giving it credit as an excellent resource for understanding Flex. The webpage starts off with a background of the Flex property which is a key function for versitility in various screen sizes. The site also has many graphics to help a student see what each property will create. The basic structure of the website is very easy to understand, follow, and engage with. I also like the section with "Flexbox tricks!", and I imagine I will visit this area often to wrap my mind around all the neat things that Flex can do.
This game resource still needs to be examined more thorougly, but so far it looks really promising for my style of learning. It's a little bit like the "Froggy" game but is laid out more like the Adobe Applications I have grown so comfortable with. I played with it a little bit and the general concept is to move the circles around the screen as directed. The only thing I don't like is that it doesn't give the user the actual written code to examine, but then again, I may not have found that function yet. The user can; however, see the properties by hovering over the toolbar options on the left. I believe Webflow is a web development platform and the game is a small piece of bait for it. Overall though, as far as the game is concerned, I can definately see playing on this site for fun and learning.
This is a pretty cool website overall. There is enough content here to get a thorough understanding of CSS as a whole. I landed on the "Flexbox" page while searching and was pretty amazed to see that there is even a CSS Podcast associated with this site. The creators of the Podcast are engaging and do a good job at making the topics interesting and fun. The content on the page tones down the tech lingo too which helps me to understand the concepts better.
On this Flex Layout page, there are interactive sections whereby a user can make CSS adjustments to see, in real–time, changes that are created with different properties and values. As the user scrolls down the page, they are met with an occasional quiz to "Check your understanding". The explaniations, as the rest of the website, are engaging and comprehensive. This is definiately a resource I will use in my CSS training.
The resources I have found here are all nicely tucked in my bookmarks for future reference. Although there are thousands of web resources available, these three are laid out and written in ways that resonate with my personal learning style. As I come closer to the end of this painfully stressful 8–week session, I find myself anticipating a smoother summer where I can immerse myself into these (and other) CSS resourses as I await the Fall Semester filled with more Web Design Courses.