| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Open Badges are the leading standard for innovative credentials. They are not specific to a product or platform. They are designed to be verifiable, portable, and packed with information about skills and achievements.
| 🗃️ | Concept | Concepts and Examplars | Exemplar |
|---|---|---|---|
| 01 | Light weight badge created with CSS | Bryan Fillmer has a great example https://codepen.io/bfillmer/pen/rNWWBz. I also got CHAT GPT to help me out https://codepen.io/Web-learning-the-bold/pen/OJGjGaG | A lightweight badge in CSS that can be modified https://weblearning.co.za/badges/test/ |
| 02 | JSON files that capture badge information | WebDevSimplified has got a good primer on YouTube which explain how to fetch in data from a separate json file. See www.webdevsimplified.com. I also liked this codepen that pulled in JSOn data from https://codepen.io/stevenventimiglia/pen/GEEoPe | A lightweight badge without CSS that pulls in JSON https://weblearning.co.za/badges/test/json.html |
| 03 | Is it possible to work recursivly through the whole JSON file and place the content into the light weight badge? | Good avice to put JSON file in a gist and link to the raw file. See https://forum.freecodecamp.org/t/how-do-i-add-the-local-json-file-in-fetch-api-in-codepen/274890 |
*The CSS used to create the light weight badges is made by Bryan Fillmer (https://codepen.io/bfillmer) See original (https://codepen.io/bfillmer/pen/rNWWBz) Where permissions are expressed
This work (unless indicated otherwise)is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
| Back | FazBrowse Home | New Git URL |