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/'
+        },
       ]
     }
   },

pages/daily/index.vue

@@ -23,6 +23,21 @@ export default {
           desc: 'Daily webdev related articles, snippets and guides since 2007',
           url: 'https://css-tricks.com/'
         },
+        {
+          title: 'Smashing magazine',
+          desc: 'Founded in September 2006 in Germany, Smashing Magazine delivers reliable, useful, but most importantly practical articles to web designers and developers. ',
+          url: 'https://www.smashingmagazine.com/'
+        },
+        {
+          title: 'Hackernews',
+          desc: 'Hacker News is a social news website focusing on computer science and entrepreneurship.',
+          url: 'https://news.ycombinator.com/'
+        },
+        {
+          title: 'Producthunt',
+          desc: 'Check popular new products out and get inspired, maybe even post yours?',
+          url: 'https://www.producthunt.com/'
+        },
       ]
     }
   },

pages/design/index.vue

@@ -13,6 +13,11 @@ export default {
   data() {
     return {
       resources: [
+        {
+          title: 'UX/UI Designer Roadmap 2017',
+          desc: 'Roadmap to becoming a UI/UX Designer in 2017',
+          url: 'https://github.com/togiberlin/ui-ux-designer-roadmap'
+        },
         {
           title: 'Undraw',
           desc: 'Free vector illustrations for your website.',
@@ -63,6 +68,26 @@ export default {
           desc: 'A concise, referential guide on best web typographic practices.',
           url: 'http://typographyhandbook.com'
         },
+        {
+          title: 'Hyperpixel.io',
+          desc: 'Discover the latest designs for your own inspiration from our curated list of landing pages.',
+          url: 'https://hyperpixel.io/'
+        },
+        {
+          title: 'sharpen.design',
+          desc: 'Sharpen is where designers hone their craft - randomly generated design challenges.',
+          url: 'https://sharpen.design/'
+        },
+        {
+          title: 'Good UI',
+          desc: 'A Good User Interface Is One That\'s Backed By Reproducible Evidence (A/B Tests)',
+          url: 'https://goodui.org/'
+        },
+        {
+          title: 'SVG ON THE WEB',
+          desc: 'A Practical Guide',
+          url: 'https://svgontheweb.com/'
+        },
       ]
     }
   },

pages/frontend/index.vue

@@ -33,6 +33,11 @@ export default {
           desc: 'Premium tier video courses for any modern stack. Monthly or yearly subscription.',
           url: 'https://frontendmasters.com'
         },
+        {
+          title: 'Don\'t fear the internet',
+          desc: 'Basic HTML & CSS for NON-WEB DESIGNERS',
+          url: 'http://www.dontfeartheinternet.com/'
+        },
       ]
     }
   },

pages/general/index.vue

@@ -38,6 +38,11 @@ export default {
           desc: 'Making the web more awesome - latest news about google chrome',
           url: 'https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw'
         },
+        {
+          title: 'Code wars',
+          desc: 'Challenge yourself on kata, created by the community to strengthen different skills. Master your current language of choice, or expand your understanding of a new one.',
+          url: 'https://www.codewars.com/'
+        },
       ]
     }
   },

pages/javascript/index.vue

@@ -13,11 +13,21 @@ export default {
   data() {
     return {
       resources: [
+        {
+          title: 'WarriorJS',
+          desc: 'An exciting game of programming and Artificial Intelligence',
+          url: 'https://warrior.js.org/'
+        },
         {
           title: 'Javascript30',
           desc: 'Free video courses about javascript. Made by WesBos',
           url: 'https://javascript30.com'
         },
+        {
+          title: 'JS the right way',
+          desc: 'This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.',
+          url: 'https://jstherightway.org'
+        },
         {
           title: 'Learn vanilla js',
           desc: 'A vanilla JS roadmap, along with learning resources and project ideas to help you get started.',
@@ -53,6 +63,16 @@ export default {
           desc: 'Tutorials, references, tools and resources. Your goto documentation to learn js.',
           url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript'
         },
+        {
+          title: 'Learn javascript fast',
+          desc: 'Welcome to learnjavascriptfast.com, a free online course designed to help you learn Javascript fast with hands-on project. Our aim is to equip you with enough knowledge to start coding your own Javascript pages immediately upon completion of this course.',
+          url: 'https://learnjavascriptfast.com/'
+        },
+        {
+          title: 'ECMAScript 6 ',
+          desc: 'ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009.',
+          url: 'https://github.com/lukehoban/es6features#readme'
+        },
       ]
     }
   },

pages/tools/index.vue

@@ -88,6 +88,21 @@ export default {
           desc: 'A favicon generator for all browsers and platforms.',
           url: 'https://realfavicongenerator.net'
         },
+        {
+          title: 'JSFiddle',
+          desc: 'JSFiddle is for: Demos for docs, Bug reporting (test-case) for Github Issues, Live code collaboration, Code snippets hosting for free!',
+          url: 'https://jsfiddle.net'
+        },
+        {
+          title: 'Gifless',
+          desc: 'Create emoji & text gifs in seconds',
+          url: 'https://www.gifless.com/'
+        },
+        {
+          title: 'Learn Git',
+          desc: 'Become a git guru - a tutorial series by Atlassian.',
+          url: 'https://www.atlassian.com/git/tutorials'
+        },
       ]
     }
   },