https://github.com/rhyuen/discards

Where I put one off HTML/CSS projects.
https://github.com/rhyuen/discards

Last synced: about 2 months 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 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-17T06:38:39.000Z (9 months ago)
• Last Synced: 2024-04-17T09:58:17.386Z (9 months ago)
• Language: HTML
• Size: 49.9 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)