fixes #2 fixes #5 fixes #9 fixes #28 fixes #30

pages/css/index.vue

@@ -13,6 +13,11 @@ export default {
   data() {
     return {
       resources: [
+        {
+          title: 'CSS Grid Generator',
+          desc: 'Visually create your css grid and export the code.',
+          url: 'https://cssgrid-generator.netlify.com/'
+        },
         {
           title: 'Keyframes Editor',
           desc: 'An insanely simple way to create CSS animations',
@@ -83,6 +88,21 @@ export default {
           desc: 'A collection of tips to help take your CSS skills pro.',
           url: 'https://github.com/AllThingsSmitty/css-protips#readme'
         },
+        {
+          title: 'Flexbox Defense',
+          desc: 'Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!',
+          url: 'http://www.flexboxdefense.com/'
+        },
+        {
+          title: 'CSS Diner',
+          desc: 'Learn CSS selectors while playing a game.',
+          url: 'https://flukeout.github.io/'
+        },
+        {
+          title: 'CSS Animation',
+          desc: 'CSS animation articles, tips and tutorials. Level Up Your CSS Animation Skills.',
+          url: 'https://cssanimation.rocks/'
+        },
       ]
     }
   },

pages/design/index.vue

@@ -88,6 +88,11 @@ export default {
           desc: 'A Practical Guide',
           url: 'https://svgontheweb.com/'
         },
+        {
+          title: 'UI Gradients',
+          desc: 'Beautiful colour gradients for design and code.',
+          url: 'https://uigradients.com/#NoontoDusk'
+        },
       ]
     }
   },

pages/general/index.vue

@@ -13,11 +13,21 @@ export default {
   data() {
     return {
       resources: [
+        {
+          title: 'Caniuse',
+          desc: '"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.',
+          url: 'https://caniuse.com/'
+        },
         {
           title: 'DevDocs',
           desc: 'DevDocs combines multiple API documentations in a fast, organized, and searchable interface. Online and offline, always have your docs with you.',
           url: 'https://devdocs.io'
         },
+        {
+          title: 'Rico\'s cheatsheets',
+          desc: 'Cheatsheets for any kind of technologies in the web domain.',
+          url: 'https://devhints.io'
+        },
         {
           title: 'Developer Roadmap',
           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.',

pages/html/index.vue

@@ -38,6 +38,11 @@ export default {
           desc: 'This specification defines a big part of the Web platform, in lots of detail.',
           url: 'https://html.spec.whatwg.org/'
         },
+        {
+          title: 'Markup validator',
+          desc: 'This tool is checking your markup if it complies with the specification and will show you possible errors.',
+          url: 'https://validator.w3.org/nu/'
+        },
       ]
     }
   },

pages/php/index.vue

@@ -53,6 +53,31 @@ export default {
           desc: 'There are many tutorials on PDO already, but unfortunately, most of them fail to explain the real benefits of PDO, or even promote rather bad practices. The only two exceptions are phptherightway.com and hashphp.org, but they miss a lot of important information. As a result, half of PDO\'s features remain in obscurity and are almost never used by PHP developers, who, as a result, are constantly trying to reinvent the wheel which already exists in PDO.',
           url: 'https://phpdelusions.net/pdo'
         },
+        {
+          title: 'Online PHP shell',
+          desc: '3v4l.org (leetspeak for eval) is an online shell that allows you to run your code on my server. I compiled more than 200 different PHP versions (every version released since 4.3.0) plus HHVM for you to use.',
+          url: 'https://3v4l.org/'
+        },
+        {
+          title: 'Safe Password Hashing',
+          desc: 'This section explains the reasons behind using hashing functions to secure passwords, as well as how to do so effectively.',
+          url: 'https://www.php.net/manual/en/faq.passwords.php'
+        },
+        {
+          title: '14 Tips',
+          desc: '14 Tips to Write PHP Code that is Hard to Maintain and Upgrade',
+          url: 'https://www.tomasvotruba.cz/blog/2018/11/26/14-tips-to-write-php-code-that-is-hard-to-maintain-and-upgrade/'
+        },
+        {
+          title: 'Object Calisthenics',
+          desc: 'Object Calisthenics are programming exercises, formalized as a set of 9 rules invented by Jeff Bay in his book The ThoughtWorks Anthology. The word Object is related to Object Oriented Programming. The word Calisthenics is derived from greek, and means exercises under the context of gymnastics.',
+          url: 'https://williamdurand.fr/2013/06/03/object-calisthenics/'
+        },
+        {
+          title: 'Your code sucks, let\'s fix it',
+          desc: '134 Slides to help fix your code. Performance and testing are just one aspect of code, to really be successful your code needs to be readable, maintainable and generally easier to comprehend and work with.',
+          url: 'https://www.slideshare.net/rdohms/your-code-sucks-lets-fix-it-15471808'
+        },
       ]
     }
   },

pages/utility/index.vue

@@ -18,6 +18,11 @@ export default {
           desc: 'Random JSON generator for your project - because debugging without data, does not make sense!',
           url: 'https://www.json-generator.com'
         },
+        {
+          title: 'Matomo',
+          desc: 'A free open source web analytics tool which can be compared to GA but actually gives a shit about privacy.',
+          url: 'https://matomo.org/'
+        },
         {
           title: 'Fathom',
           desc: 'Fathom Analytics provides simple, useful website stats without tracking or storing personal data of your users.',
@@ -113,6 +118,11 @@ export default {
           desc: 'This essay explains how Git works. It assumes you understand Git well enough to use it to version control your projects.',
           url: 'https://codewords.recurse.com/issues/two/git-from-the-inside-out'
         },
+        {
+          title: 'List of Public APIs',
+          desc: 'A collective list of free APIs for use in software and web development.',
+          url: 'https://github.com/public-apis/public-apis'
+        },
       ]
     }
   },