Merge pull request #176 from webgems/dev

🔀 dev into master

README.md

@@ -1,3 +1,5 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/32128bab-176e-4a45-b21e-7a57425a36d1/deploy-status)](https://app.netlify.com/sites/epic-sammet-7ed06e/deploys)
+
 # webgems.io
 
 This project should help anyone to find new resources but especially beginners in the field to have something they can look things up.

resources/accessibility.json

@@ -19,7 +19,12 @@
         "desc": "A client-side script that checks HTML source code and detects violations of a defined coding standard.",
         "url": "http://squizlabs.github.io/HTML_CodeSniffer/",
         "tags": []
+      },
+      {
+        "title": "The web accessibility basics",
+        "desc": "The absolute web accessibility basics every web developer should know about.",
+        "url": "https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/",
+        "tags": []
       }
     ]
   }
-  

resources/design.json

@@ -106,7 +106,7 @@
     },
     {
       "title": "UI Gradients",
-      "desc": "Beautiful colour gradients for design and code.",
+      "desc": "Beautiful color gradients for design and code.",
       "url": "https://uigradients.com/",
       "tags": ["generator", "inspiration", "color"]
     },
@@ -205,6 +205,30 @@
       "desc": "Generate font combinations with deep learning.",
       "url": "https://fontjoy.com/",
       "tags": ["typography", "tools"]
+    },
+    {
+      "title": "Web Color Data",
+      "desc": "Disover color palettes of popular websites.",
+      "url": "http://webcolourdata.com/",
+      "tags": ["color", "palette", "inspiration"]
+    },
+    {
+      "title": "Adobe Color",
+      "desc": "Create a color palette with this helpful tool of Adobe.",
+      "url": "https://color.adobe.com/",
+      "tags": ["color", "palette"]
+    },
+    {
+      "title": "Colourcode",
+      "desc": "colourco.de is an online designer tool, which allows you to easily and intuitively combine colours.",
+      "url": "https://colourco.de",
+      "tags": ["color", "palette"]
+    },
+    {
+      "title": "ColorBox",
+      "desc": "Colorbox is a color tool to produce color sets.",
+      "url": "https://www.colorbox.io",
+      "tags": ["color", "palette"]
     }
   ]
 }

resources/frontend.json

@@ -37,6 +37,18 @@
       "desc": "Four important considerations when loading web fonts.",
       "url": "https://www.zachleat.com/web/font-checklist/",
       "tags": ["typography", "tips", "best practices"]
+    },
+    {
+      "title": "My Device",
+      "desc": "Inspect the root css rules and viewport measurements of your device, and compare it to other devices.",
+      "url": "https://www.mydevice.io/",
+      "tags": ["viewport", "measurements", "responsive"]
+    },
+    {
+      "title": "Layers of CSS Box Model",
+      "desc": "Understand in which order the elements of the CSS box model are stacked.",
+      "url": "https://hicksdesign.co.uk/boxmodel/",
+      "tags": ["educational", "css"]
     }
   ]
 }

resources/html.json

@@ -8,12 +8,6 @@
       "url": "https://developer.mozilla.org/docs/Web/HTML/Element",
       "tags": []
     },
-    {
-      "title": "The web accessibility basics",
-      "desc": "The absolute web accessibility basics every web developer should know about.",
-      "url": "https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/",
-      "tags": []
-    },
     {
       "title": "Introduction to HTML",
       "desc": "In just 4 hours, learn the basics of HTML5 and start building & editing web pages.",

resources/utility.json

@@ -169,6 +169,12 @@
       "desc": "Web and API based SMTP testing.",
       "url": "https://github.com/mailhog/MailHog",
       "tags": []
+    },
+    {
+      "title": "git-history-editor",
+      "desc": "Messed up some of your commits? Make it undone",
+      "url": "https://bokub.github.io/git-history-editor/",
+      "tags": []
     }
   ]
 }