ccoenen / cheatsheets Goto Github PK
View Code? Open in Web Editor NEWCollection of Cheatsheets to give to my students
License: Creative Commons Attribution Share Alike 4.0 International
Collection of Cheatsheets to give to my students
License: Creative Commons Attribution Share Alike 4.0 International
Flexbox is hugely important in current css, so maybe this warrants getting it into a basic spreadsheet, too? Also grid could be added, but might also be better suited for their own cheatsheet.
The html isn’t the minimum, just the minimum useful, I would already call that a boilerplate
(friend of mine)
we could add a reference to even more css units to the cheatsheet:
https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units
html can be extended, which is an advanced topic, but the html cheatsheet could at least reference that.
https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
right now this misses even the most basic cascading stuff like
p span { }
or
:first
, :hover
we mention script tag at the end, is this still useful even with things like async
or deferred
?
This article could be mentioned, it is an approachable explanation of layout modes
https://www.joshwcomeau.com/css/understanding-layout-algorithms/
we could mention the most useful pseudo-classes: :hover
, :focus
... maybe :before
/:after
?
When looking at the pdfs from the github actions, for example this artifact: https://github.com/ccoenen/cheatsheets/actions/runs/1654795423 , you can see output like this:
One can clearly see how the code blocks somehow "bleed" into the \mintinline
calls on the next line. For my local compile this does not happen:
We should mention specificity with a simple example, and maybe point at a more in-depth resource like https://specificity.keegan.st/
Also, the em unit could be a bit confusing since it is based of the inherited font size of the element. This might lead to confusion if the concept of inheritance is unknown. On the other hand, maybe it helps to also add
rem
and describe the difference briefly with links to some resource
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.