This file has been truncated, but you can view the full file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "city": "New York", | |
| "cityAscii": "New York", | |
| "stateId": "NY", | |
| "stateName": "New York", | |
| "countyFips": "36081", | |
| "countyName": "Queens", | |
| "lat": "40.6943", | |
| "lng": "-73.9249", |
alanbsmith
/ structuring-our-styled-components-example-file-structure-2
Last active
August 21, 2023 06:29
structuring-our-styled-components-example-file-structure-2
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ├ src/ | |
| ├── blocks/ | |
| | ├── Card/ | |
| | | ├── Header.js // <- Element | |
| | | ├── Image.js // <- Element | |
| | | ├── Text.js // <- Element | |
| | | ├── Title.js // <- Element | |
| | | └── index.js // <- Block | |
| ├── elements/ | |
| | ├── A.js // <- Element |
alanbsmith
/ Data Visualization Resources.md
Last active
March 4, 2023 18:33
A WIP of helpful data go resources as I find them
alanbsmith
/ ck-consumer-version-usage.csv
Created
January 11, 2023 06:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Date | V8 | V7 | V6 | V5 | V4 | |
|---|---|---|---|---|---|---|
| 2022-05-24 | 0 | 3 | 71 | 12 | 25 | |
| 2022-07-12 | 0 | 25 | 44 | 10 | 23 | |
| 2022-07-25 | 0 | 31 | 41 | 9 | 21 | |
| 2022-08-25 | 0 | 50 | 30 | 9 | 19 | |
| 2022-10-19 | 0 | 65 | 17 | 6 | 15 | |
| 2022-11-01 | 0 | 68 | 15 | 6 | 16 | |
| 2022-12-15 | 18 | 59 | 8 | 5 | 13 | |
| 2023-01-10 | 22 | 51 | 7 | 5 | 12 |
This is not an argument for or against any particular library or solution for styling UI. Instead I’d like to bring a bit of context and nuance to the conversation in a way that doesn’t add to the ongoing flame war.
There are some things Emotion and Styled Components do very well, especially considering the styling landscape when they was created.
alanbsmith
/ Design Systems Resources.md
Last active
October 13, 2022 19:11
Design Systems Resources | A Primer
- [Design Systems][1] by Alla Kholmatova - the canonical design systems book, in my opinion
- [Expressive Design Systems][2] by Yesenia Perez-Cruz - a great follow-up to Kholmatova's book
- [Atomic Design][3] by Brad Frost - written before we were using the term 'design system' for web interfaces, but many popular ideas extend from these ideas
alanbsmith
/ Cupcakes.md
Created
September 18, 2022 14:57
alanbsmith
/ emotion-styled-ck-imports.md
Last active
August 23, 2022 21:45
v5 Emotion styled imports in CK
alanbsmith
/ structuring-our-styled-components-an-example-block.js
Last active
March 30, 2022 13:46
structuring-our-styled-components-an-example-block
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // src/blocks/Card/index.js | |
| import styled from 'styled-components'; | |
| import Header from './Header'; | |
| import Image from './Image'; | |
| import Text from './Text'; | |
| import Title from './Title'; | |
| const Card = styled.div` |
alanbsmith
/ uncheck-twitter-interests.md
Created
March 25, 2022 16:55
Uncheck all Twitter interests
- Vist https://twitter.com/settings/your_twitter_data/twitter_interests
- Open the JS console
- Run the script
let checkedInterests = [...document.querySelectorAll("input:checked")];
checkedInterests.forEach((input, index) => {NewerOlder