Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/malcodeman/patterns

Last synced: 21 days ago
JSON representation

Host: GitHub
URL: https://github.com/malcodeman/patterns
Owner: malcodeman
License: mit
Created: 2017-08-02T22:08:55.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2019-02-16T09:42:56.000Z (almost 6 years ago)
Last Synced: 2024-10-29T11:10:42.178Z (about 2 months ago)
Language: JavaScript
Size: 7.97 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

my-awesome-repos - patterns - Neat example of CSS Grid and collection of my favourite patterns. (Static)

README

        # Patterns 🏁

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/malcodeman/patterns/blob/master/LICENSE)

Neat example of CSS Grid and collection of my favourite patterns.

Thank to [CSS grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) layout system patterns are mobile ready and infinitely scalable.

Patterns are stored in JSON object which includes name, author and their relative url.

[Shuffle algorithm](https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle) was used to make things more fun.

![Screenshot](docs/images/screenshot.jpg)

## Assets

- [Karla font](https://fonts.google.com/specimen/Karla)

- [Rubik font](https://fonts.google.com/specimen/Rubik)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.