add contents

pages/css/index.vue

@@ -28,6 +28,11 @@ export default {
           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/'
         },
+        {
+          title: 'Grid by example',
+          desc: 'Everything you need to learn CSS Grid Layout',
+          url: 'https://gridbyexample.com/learn/'
+        },
         {
           title: 'BEM naming convention',
           desc: 'Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development',
@@ -53,6 +58,11 @@ export default {
           desc: 'The ultimate box shadow generator',
           url: 'https://www.cssmatic.com/box-shadow'
         },
+        {
+          title: 'AirBnB CSS / Sass Styleguide',
+          desc: 'A mostly reasonable approach to css and sass.',
+          url: 'https://github.com/airbnb/css'
+        },
       ]
     }
   },

pages/frontend/index.vue

@@ -18,6 +18,11 @@ export default {
           desc: 'A lovely guide made by frontendmasters.',
           url: 'https://frontendmasters.com/books/front-end-handbook/2019/'
         },
+        {
+          title: 'Frontend Style Guide',
+          desc: 'Example on how to style, format and organize your frontend project.',
+          url: 'https://kaliop.github.io/frontend-style-guide/2.0/'
+        },
         {
           title: 'Learn to Code HTML & CSS',
           desc: 'Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.',

pages/general/index.vue

@@ -23,6 +23,11 @@ export default {
           desc: 'Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.',
           url: 'https://github.com/kamranahmedse/developer-roadmap/blob/master/readme.md'
         },
+        {
+          title: 'ebookfoundation',
+          desc: 'Freely available programming books',
+          url: 'https://ebookfoundation.github.io/free-programming-books/'
+        },
         {
           title: 'Google Developer',
           desc: 'Tutorials, guides, and best practices for building the next generation of web experiences.',

pages/tools/index.vue

@@ -73,6 +73,21 @@ export default {
           desc: 'Generate types and serializers from JSON.',
           url: 'https://quicktype.io'
         },
+        {
+          title: 'NGINXconfig.io',
+          desc: 'Quickly generate a NGINX config for your server.',
+          url: 'https://nginxconfig.io/'
+        },
+        {
+          title: 'Online tools',
+          desc: 'Decode, encode and hash any string quickly.',
+          url: 'https://emn178.github.io/online-tools'
+        },
+        {
+          title: 'Favicon generator. For real.',
+          desc: 'A favicon generator for all browsers and platforms.',
+          url: 'https://realfavicongenerator.net'
+        },
       ]
     }
   },