gridgarden
50projects50days
gridgarden | 50projects50days | |
---|---|---|
67 | 18 | |
3,094 | 34,516 | |
- | - | |
5.1 | 4.4 | |
25 days ago | about 2 months ago | |
JavaScript | CSS | |
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.
gridgarden
-
100+ FREE Resources Every Web Developer Must Try
Grid Garden: Master CSS Grid layout by playing this game.
- How to Center a Div in CSS
-
21 Resources to Learn And Practice Your CSS Skills
Grid Garden is another interactive way to learn the grid layout system while having some fun.
-
i need a help 2 fix my page of my neocities webzite
See https://flexboxfroggy.com/ https://cssgridgarden.com/ and maybe also https://flukeout.github.io/
-
An Interactive Guide to CSS Grid
Itβs also worth checking out Grid Garden[1] and its companion Flexbox Froggy[2]
[1] https://cssgridgarden.com/
-
Day 64: CSS layouts
For an engaging learning experience, check out Grid Garden, a game that teaches grid concepts.
- Grid Garden
-
Flexbox Froggy
Other interesting games for learning CSS,
https://cssgridgarden.com/ (basically Froggy for Grid)
https://cssbattle.dev/ (a platform for doing various challenges, huge community)
https://flukeout.github.io/ (learn about CSS selectors)
https://css-animations.io/ (practice CSS animations)
-
CSS Resources: The Best Places to Learn More About CSS
CSS Grid Garden
-
Go, HTMX, Tailwind, and Javascript | Single Page Applications for Backend Developers
There are some games which teach them quickly. http://flexboxfroggy.com/ http://flexboxdefense.com/ and https://cssgridgarden.com/ perhaps 1-2 hours to do all three and then layour is a breeze.
50projects50days
-
Good Projects to Add to A Portfolio
- https://github.com/bradtraversy/50projects50days
-
Site care sugereaza idei de proiecte
Nice, recomand si https://github.com/bradtraversy/50projects50days pentru front-end u/kojo_the_pagan
- Need flutter help for projects.
-
100+ Must Know Github Repositories For Any Programmer
10. 50 Projects 50 Days
-
10 GitHub Repositories to Become a CSS Master
View on GitHub
- Up
- Make website from scratch for free
- Mini web projects using HTML, CSS and JavaScript
-
The Odin Project VS FreeCodeCamp
Use both, odin project also directs you to fcc at the beginning. Js section at fcc is very good. I would suggest complete it first. https://github.com/bradtraversy/50projects50days this repo is also wonderful if you want to learn to use html - css - js together.
What are some alternatives?
HTML5b - An HTML5 port of Cary Huang's "BFDIA 5b" flash game.
Web-Dev-For-Beginners - 24 Lessons, 12 Weeks, Get Started as a Web Developer
warriorjs - π° An exciting game of programming and Artificial Intelligence
front-end-interview-handbook - β‘οΈ Front End interview preparation materials for busy engineers
guess-word-cli - CLI game - find out a source word which characters was shuffled and moreover an extra character was added to bring some complexity.
app-ideas - A Collection of application ideas which can be used to improve your coding skills.
flexboxfroggy - A game for learning CSS flexbox πΈ
Django - The Web framework for perfectionists with deadlines.
flank-steak
es6-features - ECMAScript 6: Feature Overview & Comparison
webdevamin - My freelance web agency website
node - Node.js JavaScript runtime β¨π’πβ¨