add contents

pages/css/index.vue

@@ -13,6 +13,11 @@ export default {
   data() {
     return {
       resources: [
+        {
+          title: 'Keyframes Editor',
+          desc: 'An insanely simple way to create CSS animations',
+          url: 'https://keyframes.app/editor/'
+        },
         {
           title: 'Flexbox Froggy',
           desc: 'A game to learn Flexbox',
@@ -63,6 +68,16 @@ export default {
           desc: 'A mostly reasonable approach to css and sass.',
           url: 'https://github.com/airbnb/css'
         },
+        {
+          title: 'Animista',
+          desc: 'CSS animations on demand.',
+          url: 'http://animista.net/'
+        },
+        {
+          title: 'Use CSS Grids the right way',
+          desc: 'CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to learn.',
+          url: 'https://vgpena.github.io/using-css-grid-the-right-way/'
+        },
       ]
     }
   },