Add several resources of #50

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,18 @@
       "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"]
     }
   ]
 }

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"]
     }
   ]
 }