Htmlcss

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 1

You just entered html & css, you understood html very well.

Guys who made a public service that makes learning and practicing in css fun with
games, so I compiled them;

1. flexbox (http://www.flexboxdefense.com/) defense explains the basics of flex


theme with 12 different levels.
2. flexbox froggy teaches flex theme in a very entertaining way with 24 different
levels. (https://flexboxfroggy.com/)
3. grid garden teaches grid layouts with 28 different themes
https://cssgridgarden.com/
4. css diner css selectors to learn by choosing food or what else?
http://flukeout.github.io/
5. explains unfold 3d transforms, it may seem a bit boring compared to others, but
when you think about what you can do with just css, it is so surprising
https://rupl.github.io/unfold
6. Roadmap handles themes such as clip-path, transform and animation with
keyframes. http://victordarras.fr/cssgame
7. A target shooting game with carnival checkbox and animations.
https://codepen.io/una/pen/NxZaNr
8. css tic-tac-toe classic x-o-x. https://codepen.io/alvaromontoro/pen/BexWOw
9. css flexbox playground is a great site where you can see the changes in the code
and changing the flexbox in an interactive way.
https://the-echoplex.net/flexyboxes/

Now, the games are very good, should we search for content one by one, I leave
various resources in it;

css tricks It's a great website with more than 8300 articles + 200 videos and many
guides, I definitely recommend you to take a look at it, promise you won't leave
the site :) https://css-tricks.com/
html & css html and css tutorials. https://www.internetingishard.com/html-and-css/
Introduction to css teaches the fundamentals of css as an interactive lesson.
https://scrimba.com/g/gintrotocss
advanced css selectors https://www.smashingmagazine.com/2009/08...selectors/
css must watch A github repository that collects css related video content.
https://github.com/AllThingsSmitty/must-...css#readme
css guidlines There are plenty of examples for writing clean and readable css.
https://cssguidelin.es/
maintainable css https://maintainablecss.com/
css modules A lot of things you can do with css are compiled. (media queries,
modules, filters etc.) https://glenmaddern.com/articles
css e-book The handbook for css has covered everything from beginner to advanced.
https://books.goalkicker.com/CSSBook/

Now that you've looked at most of them, I'll leave some resources to help you take
your css skills to the next level;

css prototypes is a content that will create a preliminary idea about advanced css
topics. https://github.com/AllThingsSmitty/css-protips#readme
svg (scalable vector graphics) A collection of resources where you can find as much
content as you want about svg. https://github.com/willianjusten/awesome-svg#readme
toolbox that you can use to optimize your website at an advanced and professional
level. https://github.com/addyosmani/critical-p...ols#readme
awesome css Another repository that compiles css contents.
https://github.com/awesome-css-group/awesome-css#readme

You might also like