add content

pages/css/index.vue

@@ -14,7 +14,7 @@ export default {
     return {
       resources: [
         {
-          title: 'Flexbox froggy',
+          title: 'Flexbox Froggy',
           desc: 'A game to learn Flexbox',
           url: 'https://flexboxfroggy.com'
         },
@@ -23,6 +23,11 @@ export default {
           desc: 'A game to learn Grid',
           url: 'https://cssgridgarden.com'
         },
+        {
+          title: '30 Seconds of Code',
+          desc: 'A curated collection of useful CSS snippets you can understand in 30 seconds or less.',
+          url: 'https://30-seconds.github.io/30-seconds-of-css/'
+        },
       ]
     }
   },

pages/design/index.vue

@@ -28,6 +28,16 @@ export default {
           desc: 'Design tips by Steve Schoger',
           url: 'https://twitter.com/i/moments/880688233641848832'
         },
+        {
+          title: 'Colorhunt',
+          desc: 'Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes',
+          url: 'http://colorhunt.co/'
+        },
+        {
+          title: 'Flatuicolorpicker',
+          desc: 'Flatuicolorpicker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs',
+          url: 'http://www.flatuicolorpicker.com'
+        },
       ]
     }
   },

pages/javascript/index.vue

@@ -28,6 +28,11 @@ export default {
           desc: 'How it\'s done now. From the basics to advanced topics with simple, but detailed explanations.',
           url: 'https://javascript.info/'
         },
+        {
+          title: '30 Seconds of Code',
+          desc: 'A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.',
+          url: 'https://30secondsofcode.org'
+        },
       ]
     }
   },