gilles/webgems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' into feature-i18n

Browse Source
This commit is contained in:
lostdesign
2019-06-20 13:02:11 +02:00
parent d20423c210 179702a7c5
commit 44cf7cb0cf
3 changed files with 16 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/index.vue
View File

@@ -1,8 +1,8 @@
<template lang="pug">
.welcome
main
h1.text-black.font-bold.text-xl.mb-2 What is &nbsp;
span 💎 webgems ?
h1.text-black.font-bold.text-xl.mb-2 What is&nbsp;
span 💎 webgems?
p Webgems is a goto place for devs and designers to find new resources and more. As a beginner it's sometimes not easy to find what you need since you don't know what you should look for.
p Therefore i created this project to have the most common and best resources for beginners and veterans in one place. Kinda like a bookmarks list for devs and designers, containing only the best gems out there.
p If you want to add your own gem, go ahead and open a pull request on github (click on that octocat at the top right corner).&nbsp;

163
pages/utility/index.vue
View File

@@ -1,163 +0,0 @@
<template lang="pug">
div
h1 Tools
.cards
template(v-for='resource in resources')
Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
</template>
<script>
import Card from '../../components/Card'
export default {
data() {
return {
resources: [
{
title: 'JSON Generator',
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.',
url: 'https://usefathom.com'
},
{
title: '10 free tools',
desc: '10 free-but-professional tools for your dev projects',
url: 'https://dev.to/sauloco/10-free-but-professional-tools-for-your-dev-projects-2eeo'
},
{
title: 'headless cms',
desc: 'A List of Content Management Systems for JAMstack Sites',
url: 'https://headlesscms.org'
},
{
title: 'Git and Git flow cheatsheet',
desc: 'Git cheat sheet saves you from learning all the commands by heart.',
url: 'https://github.com/arslanbilal/git-cheat-sheet#readme'
},
{
title: 'StaticGen',
desc: 'A List of Static Site Generators for JAMstack Sites',
url: 'https://www.staticgen.com'
},
{
title: 'Snippet generator',
desc: 'Create your own snippets for VSCode, Sublime or Atom using this generator. No need to format the snippet yourself',
url: 'https://snippet-generator.app/'
},
{
title: 'gitignore.io',
desc: 'Create usefull .gitignore files for your projects.',
url: 'https://www.gitignore.io'
},
{
title: 'Github',
desc: 'GitHub is a development platform inspired by the way you work. From open source to business, you can host and review code, manage projects, and build software alongside 36 million developers.',
url: 'https://github.com'
},
{
title: 'NASA APIs',
desc: 'Welcome to the NASA API portal. The objective of this site is to make NASA data, including imagery, eminently accessible to application developers. The api.nasa.gov catalog is growing.',
url: 'https://api.nasa.gov'
},
{
title: 'PokéAPI',
desc: 'The RESTful Pokémon API',
url: 'https://pokeapi.co'
},
{
title: 'Reddit API .json',
desc: 'Take a any subreddit you like and append ".json" to consume it as an API (https://reddit.com/r/cats.json).',
url: 'https://www.reddit.com/.json'
},
{
title: 'quicktype',
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'
},
{
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: 'CodePen',
desc: 'CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets.',
url: 'https://codepen.io/'
},
{
title: 'Gifless',
desc: 'Create emoji and 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'
},
{
title: 'Git form the inside out',
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'
},
{
title: 'Carbon',
desc: 'Create and share beautiful images of your source code.',
url: 'https://carbon.now.sh'
},
{
title: 'Mailnator',
desc: 'The Mailinator Email System puts millions of inboxes right at your fingertips. It is an amazing Email Workflow Testing tool for your Software or Service.',
url: 'https://www.mailinator.com/'
},
{
title: 'Ngrok',
desc: 'Secure introspectable tunnels to localhost.',
url: 'https://ngrok.com/'
},
{
title: 'Let\'s Encrypt',
desc: 'Let\'s Encrypt is a free, automated, and open certificate authority brought to you by the non-profit Internet Security Research Group (ISRG).',
url: 'https://letsencrypt.org/'
},
]
}
},
components: {
Card
}
}
</script>
<style lang="scss" scoped>
</style>

38
store.json
View File

@@ -207,7 +207,7 @@
}
]
},
{
{
"title": "Design",
"slug": "/design",
"resources": [
@@ -298,7 +298,7 @@
}
]
},
{
{
"title": "Frontend",
"slug": "/frontend",
"resources": [
@@ -329,7 +329,7 @@
}
]
},
{
{
"title": "Fullstack",
"slug": "/fullstack",
"resources": [
@@ -345,7 +345,7 @@
}
]
},
{
{
"title": "General",
"slug": "/general",
"resources": [
@@ -406,7 +406,7 @@
}
]
},
{
{
"title": "HTML",
"slug": "/html",
"resources": [
@@ -442,7 +442,7 @@
}
]
},
{
{
"title": "Javascript",
"slug": "/javascript",
"resources": [
@@ -508,7 +508,7 @@
}
]
},
{
{
"title": "PHP",
"slug": "/php",
"resources": [
@@ -523,14 +523,9 @@
"url": "https://www.php.net/manual/en/"
},
{
"title": "PHP for beginners",
"desc": "We all start somewhere. When it comes to web development with PHP, well, your first stop is this series. Designed specifically and exclusively for beginners, here, you'll learn the fundamentals of PHP - all the way down to defining variables and arrays.",
"url": "https://laracasts.com/series/php-for-beginners"
},
{
"title": "Learn PHP in Y Minutes",
"desc": "A quick short overview of PHP utilizing most of the spec.",
"url": "https://learnxinyminutes.com/docs/php/"
"title": "Laracasts",
"desc": "Learn practical, modern web development, through expert screencasts on Laravel, Vue, and so much more.",
"url": "https://laracasts.com"
},
{
"title": "An online book for learning PHP",
@@ -576,11 +571,6 @@
"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"
},
{
"title": "Laracasts",
"desc": "Learn practical, modern web development, through expert screencasts on Laravel, Vue, and so much more.",
"url": "https://laracasts.com"
}
]
},
@@ -886,7 +876,7 @@
}
]
},
{
{
"title": "Server",
"slug": "/server",
"resources": [
@@ -927,9 +917,9 @@
}
]
},
{
"title": "Tools",
"slug": "/tools",
{
"title": "Utility",
"slug": "/utility",
"resources": [
{
"title": "JSON Generator",