Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imteekay/ui-challenges
UI Challenges - Training Lab
https://github.com/imteekay/ui-challenges
css css3 design design-system html html-css html5 ui ui-components user-experience user-interface
Last synced: 23 days ago
JSON representation
UI Challenges - Training Lab
- Host: GitHub
- URL: https://github.com/imteekay/ui-challenges
- Owner: imteekay
- License: mit
- Created: 2019-03-29T21:15:24.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-06-04T20:30:22.000Z (over 2 years ago)
- Last Synced: 2025-01-05T18:46:15.512Z (30 days ago)
- Topics: css, css3, design, design-system, html, html-css, html5, ui, ui-components, user-experience, user-interface
- Language: HTML
- Homepage: https://imteekay.github.io/ui-challenges
- Size: 544 KB
- Stars: 12
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license
Awesome Lists containing this project
README
# UI Challenges
UI Challenges is my training lab to practice and improve my HTML & CSS skills
## Challenges
| UI Challenge | Solution | Code |
| ------------------------------------------------------------------- | --------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
| [Pokemon Card](https://dribbble.com/shots/4619445-Charmeleon) | [:bulb:](https://imteekay.github.io/ui-challenges/pokemon-card/index.html) | [:computer:](https://github.com/imteekay/ui-challenges/tree/master/pokemon-card) |
| [Smooth Scrollable List](https://css-tricks.com/css-only-carousel/) | [:bulb:](https://imteekay.github.io/ui-challenges/smooth-scrollable-list) | [:computer:](https://github.com/imteekay/ui-challenges/tree/master/smooth-scrollable-list) |
| [Read more content](https://www.youtube.com/watch?v=kQW-MXriUIU) | [:bulb:](https://imteekay.github.io/ui-challenges/read-more) | [:computer:](https://github.com/imteekay/ui-challenges/tree/master/read-more) |
## Copying the template to create a new challenge
```bash
mkdir pokemon && cp template/index.html pokemon && cp template/style.css pokemon
```
\*`pokemon` is the new folder for the challenge por example
## Request a Challenge | Challenge me
Feel free to send me new UI Challenges by [creating a new issue](https://github.com/imteekay/ui-challenges/issues/new) in this project.
## License
[MIT](/license) © [TK](https://iamtk.co)