Discover and read the best of Twitter Threads about #webplatform
Most recents (2)
[DAY 1 - Learn more about the @CaiCommunity]
The objective of the CAI community is to develop and share #pedagogical and #technological tools to support the emergence of a community of #computer science #teachers
The objective of the CAI community is to develop and share #pedagogical and #technological tools to support the emergence of a community of #computer science #teachers
The targeted participants are primarily teachers of French-speaking pupils at the end of primary and secondary school (K5-12 i.e. 10-18 years old).
The project is providing a #webplatform and digital tools, to facilitate the #discovery of #computer #science to be used in the #STEAM #classroom
This year for #merryCSSmas I'll be covering some of the most requested styling features and how they can be used with CSS. This will be a month-long series showing ways that simple, valid CSS, and simple JavaScript functions can work together to style anything you can imagine!
Dec 1: Parent Selector šš Though CSS doesn't have a :parent selector, you can create your own with a small JavaScript function and use a selector like [--parent] in your CSS stylesheets today!
demo: codepen.io/tomhodgins/penā¦
code: npmjs.com/package/jsincsā¦
#css #javascript![Supporting your own parent selector in CSS with [--parent]](/images/1px.png)
demo: codepen.io/tomhodgins/penā¦
code: npmjs.com/package/jsincsā¦
#css #javascript
![Supporting your own parent selector in CSS with [--parent]](https://pbs.twimg.com/media/DtXaDW7VAAALAgA.png)
Dec 2: The :has() Selector āļøāØ Even though this selector has been specced in CSS for years, no browsers support it yet. Thankfully it's easy for us to support with a selector like [--has] in our CSS
demo: codepen.io/tomhodgins/penā¦
code: github.com/tomhodgins/jsiā¦
#rwd #webdesign
demo: codepen.io/tomhodgins/penā¦
code: github.com/tomhodgins/jsiā¦
#rwd #webdesign
