flexboxfroggy
beercss
flexboxfroggy | beercss | |
---|---|---|
488 | 38 | |
6,985 | 1,538 | |
0.5% | 4.9% | |
6.3 | 6.7 | |
7 days ago | 1 day ago | |
JavaScript | Vue | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flexboxfroggy
- Flexbox Froggy
-
TIL About Box Style
I also learned about flex and how children elements interact with their parent, as well as the different ways to align the content. I played quite a bit of Froggy Flexbox too! πΈ
-
Show HN: Struggle with CSS Flexbox? This Playground Is for You
I know others have already mentioned it, but i've recommended https://flexboxfroggy.com/ to others before and they quickly picked it up.
This is another good one for learning css grid https://cssgridgarden.com/
-
5 Websites Every CSS Developer Should Know
Flexbox Froggy
-
Flexbox Made Simple: Create Flexible Layouts with CSS
3. Play Flexbox Games Use interactive tools like Flexbox Froggy to sharpen your skills in a fun and engaging way.
-
CSS is Awesome!
Check out: https://flexboxfroggy.com Also: https://mastery.games/post/flexboxzombies2/ Now you can literally play with flexbox!
- CSS Grid Areas
- Ask HN: I can't grok front end development
- Show HN: I made a drag and drop CSS grid generator
- Books to Dive in into Fullstack Development
beercss
-
Htmx, Raku and Pico CSS
Hi Steve. Please include https://github.com/beercss/beercss in your exploration.
-
Beer CSS: the revolution in web performance and ergonomics
By visiting the Beer CSS website , you will discover these and many other real-world examples. They are a testament to its flexibility and ability to adapt to various visual styles and requirements. Whether for a personal blog or a complex e-commerce platform, Beer CSS offers a solid foundation that is simplified and adaptable to any context. Developers, prepare to be amazed by its exceptional modularity and ease of use, which will propel your projects to new heights.
-
Frontend Resources V2 π
Beer CSS: A semantic HTML CSS framework based on Material Design 3.
-
Beer CSS: The Secret Weapon for Material Design 3 UIs
Head over to the Beer CSS website (https://www.beercss.com) to explore the docs and see it in action. You can also grab it from Github (https://github.com/beercss/beercss) and get started building those sleek Material Design 3 UIs in no time.
-
List expansions - Beer CSS Tips #5
Beer CSS: https://www.beercss.com
About settings, elements and helpers used by Beer CSS: https://github.com/beercss/beercss/blob/main/docs/INDEX.md
- Beer CSS β Translates a modern UI into HTML semantic standard
- Beer CSS β Build material design in record time, without stress for devs
- π«π· Input Component avec RiotJS
- π«π· Utiliser RiotJS avec BeerCSS Material Design 3
What are some alternatives?
30-Days-Of-JavaScript - 30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
daisyui - πΌ πΌ πΌ πΌ πΌ βThe most popular, free and open-source Tailwind CSS component library
learnxinyminutes-docs - Code documentation written as code! How novel and totally my idea!
Propeller - Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
missing-semester - The Missing Semester of Your CS Education π
hello-world - Share Something useful related to Life and tech.
materials - Bonus materials, exercises, and example projects for our Python tutorials
yesvelte - YeSvelte UI component library for Svelte
Python-Robocode - A Fork of Robocode for python programming
book-tracker - A simple responsive web app to track your reading. Made using Vue, Google Books API and Firebase. Demo link below;
warriorjs - π° An exciting game of programming and Artificial Intelligence
rasam - A Privacy focused and Offline enabled Feed Reader PWA with Nuxt, Nuxt PWA, Dexie