modular-html-css-workshop
flexboxfroggy
modular-html-css-workshop | flexboxfroggy | |
---|---|---|
24 | 476 | |
34 | 6,726 | |
- | - | |
0.0 | 6.7 | |
almost 10 years ago | 27 days ago | |
CSS | JavaScript | |
- | 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.
modular-html-css-workshop
-
Ask HN: Best books to learn web development?
I recently started doing this as well. I searched HN and landed on https://learn.shayhowe.com/ . Very useful link
- Learn for free:
-
[HTML/CSS] Please ELI5: Why do we use div/class elements instead of structural elements?
Shay's website is a great resource. It's a little outdated but has valuable information. You could also look into MDN's website, which is actually THE best resource for web development.
-
pls read this
I liked Shay Howe's Learn to Code HTML & CSS series. Lesson 5 has some examples of using floats for layout.
- I’m learning HTML all on my own and I have no idea how I’m supposed to apply the knowledge.
- I feel so stupid. I can’t even make a simple navbar without copying code.
- How do i learn about responsive web design
-
HTML & CSS
Both the Coursera HTML5 course and 100devs use the Learn to Code HTML & CSS by Shay Howe book as reference material.
- Is codeacademy.com a good place to start learning HTML?
-
I was learning HTML and CSS from w3schools. Now I see that they skipped some things. How to learn everything they skipped?
I also really like http://learn.shayhowe.com
flexboxfroggy
-
React Native’s Flexbox: A Visual Guide
Flexbox Froggy: A game that teaches Flexbox concepts by positioning frogs on lily pads.
-
100+ FREE Resources Every Web Developer Must Try
Flexbox Froggy: Learn CSS Flexbox by playing this game.
-
21 Resources to Learn And Practice Your CSS Skills
Flexbox is an important topic of CSS and you can learn it by playing a game called Flexbox Froggy. You can easily learn the properties of Flexbox 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
-
Best Resources For Web Developers 💻 [HTML + CSS + JavaScript]
Flexbox Froggy - An interactive game to learn and practice CSS Flexbox. Website: https://flexboxfroggy.com/
-
The cutest tools to practice CSS 🧃
Flexbox Froggy
- Hi, could anyone help me wrap my head around flexbox? I'm trying to get a layout like this but I just can't seem to understand how to properly use flexbox.
-
CSS Is, in Fact, Awesome
This started improving for me recently when I spent more time really learning flexbox and flexgrid. They are part of CSS so no installs needed. It’s a different way of thinking but I’m finally good enough with flexbox that I can tell when I need it and make productive use of it. Knowing these patterns makes a difference for me, since now I can assemble the blocks better than before when I’d just try mostly random css without any guiding principles.
Flexbox froggy helped a lot with some practical experience that translated fairly well to my regular work.
https://flexboxfroggy.com/
There are other games like this that I haven’t gotten to yet, including one for flexgrid. Once I clear all the levels in flexbox froggy I’m going to try the flexgrid game.
Then after that I’m going to spend time with bootstrap and tailwind since the last time I really used them was back in my more junior days when I barely knew anything at all about css.
-
Day 64: CSS layouts
Flexbox Froggy is an excellent resource for interactive learning.
What are some alternatives?
php-the-right-way - An easy-to-read, quick reference for PHP best practices, accepted coding standards, and links to authoritative tutorials around the Web
missing-semester - The Missing Semester of Your CS Education 📚
littleosbook - Source for the little book about OS development
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
docker-jumpstart - A quick introduction to Docker
Python-Robocode - A Fork of Robocode for python programming
cssbook - The book "Learn CSS layout the pedantic way"
materials - Bonus materials, exercises, and example projects for our Python tutorials
card - :credit_card: make your credit card form better in one line of code
learnxinyminutes-docs - Code documentation written as code! How novel and totally my idea!
humane-js - A simple, modern, browser notification system
canvas-tetris - A 2D tetris game in HTML5 canvas