https://github.com/markteekman/tiny-code-snippets

Collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reverence for common problems and solutions.
https://github.com/markteekman/tiny-code-snippets

css html javascript scss

Last synced: over 1 year ago
JSON representation

Collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reverence for common problems and solutions.

• Host: GitHub
• URL: https://github.com/markteekman/tiny-code-snippets
• Owner: markteekman
• License: mit
• Created: 2021-03-22T08:38:08.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2022-09-13T13:50:49.000Z (almost 4 years ago)
• Last Synced: 2025-03-22T17:13:29.191Z (over 1 year ago)
• Topics: css, html, javascript, scss
• Language: CSS
• Homepage: https://markteekman.nl/
• Size: 61.5 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Tiny Code

Growing collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reference for common challenges and solutions. Most are simple to use and handy in a variaty of day to day use cases.

## Demo's

Some Tiny Codes span over HTML, CSS and JavaScript, for those more visual examples I created some CodePens:

| Demo  | Langauges |

| ------------- | ------------- |

| [Auto Hiding Sticky Navbar](https://codepen.io/markteekman/pen/JjEwrVp) | HTML, CSS, JavaScript |

| [Dark Mode Toggle](https://codepen.io/markteekman/pen/BapgYOR) | HTML, CSS, JavaScript |

| [Input Custom Checkbox](https://codepen.io/markteekman/pen/BapvmBB) | HTML, CSS |

| [Input Custom Radio Button](https://codepen.io/markteekman/pen/poRqdjR) | HTML, CSS |

| [Intersection Observers](https://codepen.io/markteekman/pen/oNBMERX) | HTML, CSS, JavaScript |

| [Starry Sky Animation](https://codepen.io/markteekman/pen/vYmOzRR) | HTML, CSS |

| [Super Centered Content](https://codepen.io/markteekman/pen/abWoYNN) | HTML, CSS |

## Helping out

Tips and other Tiny Code Snippets are always welcome! Let me know by either:

  1. [Filing an issue](https://github.com/markteekman/tiny-code/issues)

  2. Or sending a [pull request](https://github.com/markteekman/tiny-code/pulls)