https://github.com/rhyuen/discards
Where I put one off HTML/CSS projects.
https://github.com/rhyuen/discards
Last synced: about 1 month ago
JSON representation
Where I put one off HTML/CSS projects.
- Host: GitHub
- URL: https://github.com/rhyuen/discards
- Owner: rhyuen
- Created: 2022-07-17T03:26:44.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-05-22T00:34:19.000Z (6 months ago)
- Last Synced: 2025-05-22T01:28:58.939Z (6 months ago)
- Language: HTML
- Homepage: https://robert-discards.vercel.app
- Size: 50 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# About
Where css goes to die.
## What I learned / Got metaphorically punched in the face by
### October 9, 2021
```css
li{
aspect-ratio: 1;
}
/*above can replace below*/
li:after {
display: block;
padding-bottom: 100%;
content: "";
}
```
### December 2, 2021
```html
```
`loading="lazy` only loads the image content if the image in the element is visible to the user (in the viewport).
[web.dev](https://web.dev/building-a-media-scroller-component/)
### December 16, 2021
When using translateY/X and wanting a smooth transition, use the 'transform' property.
[Stack Overflow](https://stackoverflow.com/a/22043021)