From d20423c210e80193cc65b2ef25e209f529feaf02 Mon Sep 17 00:00:00 2001 From: lostdesign Date: Thu, 20 Jun 2019 12:11:32 +0200 Subject: [PATCH 01/41] setup i18n --- nuxt.config.js | 1 + package-lock.json | 5 +++++ package.json | 3 ++- plugins/i18n.js | 25 +++++++++++++++++++++++++ store/store.js | 12 ++++++++++++ 5 files changed, 45 insertions(+), 1 deletion(-) create mode 100644 plugins/i18n.js create mode 100644 store/store.js diff --git a/nuxt.config.js b/nuxt.config.js index 6958188..bb19251 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -49,6 +49,7 @@ export default { ** Plugins to load before mounting the App */ plugins: [ + '~/plugins/i18n.js' ], /* diff --git a/package-lock.json b/package-lock.json index 3a57dd0..80613bf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10364,6 +10364,11 @@ "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz", "integrity": "sha512-KmvZVtmM26BQOMK1rwUZsrqxEGeKiYSZGA7SNWE6uExx8UX/cj9hq2MRV/wWC3Cq6AoeDGk57rL9YMFRel/q+g==" }, + "vue-i18n": { + "version": "8.11.2", + "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.11.2.tgz", + "integrity": "sha512-STcpmxqBrG77SyWi7e0Yn/B3DjKR6mSDwYS4F/V7zoi+e/+CPbVb2TaBqFwnrkoDcPmRfjM7nTwsiRQQOGdifw==" + }, "vue-loader": { "version": "15.7.0", "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.7.0.tgz", diff --git a/package.json b/package.json index 9b83c2f..62231b5 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,8 @@ "dependencies": { "cross-env": "^5.2.0", "nuxt": "^2.4.0", - "nuxt-clipboard2": "^0.2.1" + "nuxt-clipboard2": "^0.2.1", + "vue-i18n": "^8.11.2" }, "devDependencies": { "autoprefixer": "^8.6.4", diff --git a/plugins/i18n.js b/plugins/i18n.js new file mode 100644 index 0000000..e4208be --- /dev/null +++ b/plugins/i18n.js @@ -0,0 +1,25 @@ +import Vue from 'vue' +import VueI18n from 'vue-i18n' + +Vue.use(VueI18n) + +export default ({ app, store }) => { + // Set i18n instance on app + // This way we can use it in middleware and pages asyncData/fetch + app.i18n = new VueI18n({ + locale: store.state.locale, + fallbackLocale: 'en', + messages: { + 'en': require('~/locales/en.json'), + 'fr': require('~/locales/fr.json') + } + }) + + app.i18n.path = (link) => { + if (app.i18n.locale === app.i18n.fallbackLocale) { + return `/${link}` + } + + return `/${app.i18n.locale}/${link}` + } +} diff --git a/store/store.js b/store/store.js new file mode 100644 index 0000000..a48f0d9 --- /dev/null +++ b/store/store.js @@ -0,0 +1,12 @@ +export const state = () => ({ + locales: ['en', 'fr', 'de'], + locale: 'en' +}) + +export const mutations = { + SET_LANG(state, locale) { + if (state.locales.indexOf(locale) !== -1) { + state.locale = locale + } + } +} From 8f7730c48fc3af4a72eee132c5c1874ed249566b Mon Sep 17 00:00:00 2001 From: lostdesign Date: Thu, 20 Jun 2019 13:34:08 +0200 Subject: [PATCH 02/41] basic implementation of i18n for text --- components/Sidebar.vue | 1 + locales/de.json | 5 +++++ locales/en.json | 5 +++++ locales/fr.json | 5 +++++ pages/index.vue | 3 +-- 5 files changed, 17 insertions(+), 2 deletions(-) create mode 100644 locales/de.json create mode 100644 locales/en.json create mode 100644 locales/fr.json diff --git a/components/Sidebar.vue b/components/Sidebar.vue index aae7849..aa0be75 100644 --- a/components/Sidebar.vue +++ b/components/Sidebar.vue @@ -2,6 +2,7 @@ aside.nav .sidebar template(v-for='category in categories') + //- nuxt-link(:to='$i18n.path(category.slug)') {{ category.title }} nuxt-link(:to='category.slug') {{ category.title }} diff --git a/locales/de.json b/locales/de.json new file mode 100644 index 0000000..0e0ed39 --- /dev/null +++ b/locales/de.json @@ -0,0 +1,5 @@ +{ + "general": { + "siteTitle": "Was ist đź’Ž webgems?" + } +} diff --git a/locales/en.json b/locales/en.json new file mode 100644 index 0000000..2b8a643 --- /dev/null +++ b/locales/en.json @@ -0,0 +1,5 @@ +{ + "general": { + "siteTitle": "What is đź’Ž webgems?" + } +} diff --git a/locales/fr.json b/locales/fr.json new file mode 100644 index 0000000..2b8a643 --- /dev/null +++ b/locales/fr.json @@ -0,0 +1,5 @@ +{ + "general": { + "siteTitle": "What is đź’Ž webgems?" + } +} diff --git a/pages/index.vue b/pages/index.vue index 6609795..3670782 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,8 +1,7 @@ diff --git a/nuxt.config.js b/nuxt.config.js index 58708cb..ac9997d 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -1,5 +1,5 @@ import pkg from './package' -import store from './store.json' +import resources from './resources/' export default { /* @@ -29,7 +29,7 @@ export default { ** Generate dynamic routes */ generate: { - routes: store.map(category => category.slug) + routes: resources.map(category => category.slug) }, /* diff --git a/pages/_category.vue b/pages/_category.vue index 91efda5..ef873e5 100644 --- a/pages/_category.vue +++ b/pages/_category.vue @@ -7,14 +7,13 @@ diff --git a/pages/_category.vue b/pages/_category.vue index 2a1526e..b280e0a 100644 --- a/pages/_category.vue +++ b/pages/_category.vue @@ -12,7 +12,7 @@ import Card from '../components/Card' export default { data () { return { - category: this.$store.getters['resources/findResources'](this.$route.params.category), + category: this.$store.getters['data/findResources'](this.$route.params.category), } }, components: { Card }, diff --git a/store/data.js b/store/data.js new file mode 100644 index 0000000..669d938 --- /dev/null +++ b/store/data.js @@ -0,0 +1,46 @@ +import resources from '../resources' + +// Polyfill for flat +if (!Array.prototype.flat) { + Object.defineProperty(Array.prototype, 'flat', { + configurable: true, + value: function flat () { + var depth = isNaN(arguments[0]) ? 1 : Number(arguments[0]); + + return depth ? Array.prototype.reduce.call(this, function (acc, cur) { + if (Array.isArray(cur)) { + acc.push.apply(acc, flat.call(cur, depth - 1)); + } else { + acc.push(cur); + } + + return acc; + }, []) : Array.prototype.slice.call(this); + }, + writable: true + }); +} + +/** + * Check if list 2 has an element of list 1. + * includesElOf(list1, list2) -> read as list1 includesElOf list2. + * @param {any[]} list1 + * @param {any[]} list2 + */ +const includesElOf = (list1, list2) => list1.some(element => list2.includes(element)) + +export const state = () => ({ + resources, + // List of all tags, duplicates removed + tags: [...new Set(resources.map(resource => resource.resources).flat().map(resource => resource.tags).flat())] +}) + +export const getters = { + findResources: state => title => { + return state.resources.find(resource => resource.title.toLowerCase() === title.toLowerCase()) + }, + findByTags: state => tags => { + const flat = state.resources.map(category => category.resources).flat() + return flat.filter(resource => resource.tags && includesElOf(resource.tags, tags)) + } +} \ No newline at end of file diff --git a/store/resources.js b/store/resources.js deleted file mode 100644 index b4a3c12..0000000 --- a/store/resources.js +++ /dev/null @@ -1,21 +0,0 @@ -import resources from '../resources/' - -/** - * Check if list 2 has an element of list 1. - * includesElOf(list1, list2) -> read as list1 includesElOf list2. - * @param {any[]} list1 - * @param {any[]} list2 - */ -const includesElOf = (list1, list2) => list1.some(element => list2.includes(element)) - -export const state = () => resources - -export const getters = { - findResources: state => title => { - return state.find(resource => resource.title.toLowerCase() === title.toLowerCase()) - }, - findByTags: state => tags => { - const flat = state.map(category => category.resources).flat() - return flat.filter(resource => resource.tags && includesElOf(resource.tags, tags)) - } -} \ No newline at end of file From 6912a96f21dda4210f93c1539c1d70e373758aaa Mon Sep 17 00:00:00 2001 From: Unknown Date: Sat, 22 Jun 2019 20:07:11 +0200 Subject: [PATCH 10/41] Getters instead of accessing state directly --- components/Sidebar.vue | 2 +- store/data.js | 16 +++++++++------- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/components/Sidebar.vue b/components/Sidebar.vue index 7050961..ec4c0c2 100644 --- a/components/Sidebar.vue +++ b/components/Sidebar.vue @@ -14,7 +14,7 @@ export default { } }, created() { - this.categories = this.$store.state.data.resources.map(({ title, slug }) => ({ title, slug })) + this.categories = this.$store.getters['data/resources'].map(({ title, slug }) => ({ title, slug })) } } diff --git a/store/data.js b/store/data.js index 669d938..03cdd45 100644 --- a/store/data.js +++ b/store/data.js @@ -36,11 +36,13 @@ export const state = () => ({ }) export const getters = { - findResources: state => title => { - return state.resources.find(resource => resource.title.toLowerCase() === title.toLowerCase()) - }, - findByTags: state => tags => { - const flat = state.resources.map(category => category.resources).flat() - return flat.filter(resource => resource.tags && includesElOf(resource.tags, tags)) - } + tags: state => state.tags, + resources: state => state.resources, + findResources: state => title => { + return state.resources.find(resource => resource.title.toLowerCase() === title.toLowerCase()) + }, + findByTags: state => tags => { + const flat = state.resources.map(category => category.resources).flat() + return flat.filter(resource => resource.tags && includesElOf(resource.tags, tags)) + } } \ No newline at end of file From 9f551a71da2cf74c264183767fcf0a6c4d65fd25 Mon Sep 17 00:00:00 2001 From: Jacob Paris Date: Tue, 23 Jul 2019 01:32:53 -0600 Subject: [PATCH 11/41] Add the OWASP cheat sheets to general --- CONTRIBUTORS.md | 4 +++- store.json | 5 +++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index 32163a3..e72c2f0 100644 --- a/CONTRIBUTORS.md +++ b/CONTRIBUTORS.md @@ -3,4 +3,6 @@ These are lovely people who have helped this project: - [lostdesign](https://github.com/lostdesign) : Active Contributor and currently also the main contributor. * twitter: @lostdesign -- [Kevin](https://github.com/S3B4S) :dog: \ No newline at end of file +- [Kevin](https://github.com/S3B4S) :dog: +- [jacobparis](https://github.com/jacobparis) : Team Devcord + * twitter: @jacobmparis \ No newline at end of file diff --git a/store.json b/store.json index 82b569a..2e36b88 100644 --- a/store.json +++ b/store.json @@ -403,6 +403,11 @@ "title": "The A11Y Checklist", "desc": "This checklist uses the The Web Content Accessibility Guidelines (WCAG) as a reference point. The WCAG is a shared standard for web content accessibility for individuals, organizations, and governments.", "url": "https://a11yproject.com/checklist/" + }, + { + "title": "OWASP Security Cheat Sheets", + "desc": "A concise collection of high value information on specific applied security topics", + "url": "https://github.com/OWASP/CheatSheetSeries/blob/master/Index.md" } ] }, From 66f84b8f75a917e5966bea3b5edfab933807e033 Mon Sep 17 00:00:00 2001 From: Erin Date: Wed, 24 Jul 2019 18:54:29 -0500 Subject: [PATCH 12/41] fixing 351 severe vulns --- package-lock.json | 55 +++++++++++++++-------------------------------- 1 file changed, 17 insertions(+), 38 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3a57dd0..bbbdf4c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5764,9 +5764,9 @@ } }, "lodash": { - "version": "4.17.11", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", - "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", + "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==" }, "lodash._reinterpolate": { "version": "3.0.0", @@ -6064,9 +6064,9 @@ } }, "mixin-deep": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz", - "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==", + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", + "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", "requires": { "for-in": "^1.0.2", "is-extendable": "^1.0.1" @@ -8991,9 +8991,9 @@ "dev": true }, "set-value": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", - "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", + "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", "requires": { "extend-shallow": "^2.0.1", "is-extendable": "^0.1.1", @@ -9619,13 +9619,13 @@ "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==" }, "tar": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz", - "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz", + "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==", "dev": true, "requires": { "block-stream": "*", - "fstream": "^1.0.2", + "fstream": "^1.0.12", "inherits": "2" } }, @@ -9982,35 +9982,14 @@ "integrity": "sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==" }, "union-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", - "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", + "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", "requires": { "arr-union": "^3.1.0", "get-value": "^2.0.6", "is-extendable": "^0.1.1", - "set-value": "^0.4.3" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - }, - "set-value": { - "version": "0.4.3", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz", - "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=", - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.1", - "to-object-path": "^0.3.0" - } - } + "set-value": "^2.0.1" } }, "uniq": { From 5cf4d3f9653bb1054294e511842fbff09ee727fa Mon Sep 17 00:00:00 2001 From: Erin Date: Wed, 24 Jul 2019 21:04:10 -0500 Subject: [PATCH 13/41] Setting up Nuxt Store --- store/Sidebar.js | 11 +++++++++++ store/index.js | 7 +++++++ 2 files changed, 18 insertions(+) create mode 100644 store/Sidebar.js create mode 100644 store/index.js diff --git a/store/Sidebar.js b/store/Sidebar.js new file mode 100644 index 0000000..16bab35 --- /dev/null +++ b/store/Sidebar.js @@ -0,0 +1,11 @@ +export const state = () => ({ + cardsShown: true +}) + +export const mutations = { + toggleCardsShown (state) { + console.log(state.cardsShown) + if (process.browser) localStorage.setItem('cardsShown', !state.cardsShown) + state.cardsShown = !state.cardsShown + } +} \ No newline at end of file diff --git a/store/index.js b/store/index.js new file mode 100644 index 0000000..28de64e --- /dev/null +++ b/store/index.js @@ -0,0 +1,7 @@ +export const state = () => ({ + +}) + +export const mutations = { + +} \ No newline at end of file From 305d6c56744b65791a117fb227a328b4c34182f0 Mon Sep 17 00:00:00 2001 From: Erin Date: Wed, 24 Jul 2019 21:04:40 -0500 Subject: [PATCH 14/41] Early working version of table components --- components/TableHead.vue | 128 +++++++++++++++++++++++++++++++++++++ components/TableRow.vue | 133 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 261 insertions(+) create mode 100644 components/TableHead.vue create mode 100644 components/TableRow.vue diff --git a/components/TableHead.vue b/components/TableHead.vue new file mode 100644 index 0000000..aff3ed2 --- /dev/null +++ b/components/TableHead.vue @@ -0,0 +1,128 @@ + + + + + + diff --git a/components/TableRow.vue b/components/TableRow.vue new file mode 100644 index 0000000..a4264ba --- /dev/null +++ b/components/TableRow.vue @@ -0,0 +1,133 @@ + + + + + + From df95c8f29cc02a4dbbfd31616a6f6769edab7570 Mon Sep 17 00:00:00 2001 From: Erin Date: Wed, 24 Jul 2019 21:05:21 -0500 Subject: [PATCH 15/41] update to moving parts for site toggle ugly but works --- app.html | 4 ++-- components/Sidebar.vue | 18 +++++++++++++++--- pages/_category.vue | 16 +++++++++++++--- 3 files changed, 30 insertions(+), 8 deletions(-) diff --git a/app.html b/app.html index 400eaa2..2faaeb5 100644 --- a/app.html +++ b/app.html @@ -5,7 +5,7 @@ - --> {{ APP }} diff --git a/components/Sidebar.vue b/components/Sidebar.vue index aae7849..204a8e1 100644 --- a/components/Sidebar.vue +++ b/components/Sidebar.vue @@ -3,20 +3,32 @@ .sidebar template(v-for='category in categories') nuxt-link(:to='category.slug') {{ category.title }} + input(type='checkbox' :checked='cardsShown' @change="toggleCardsShown()") diff --git a/pages/_category.vue b/pages/_category.vue index 91efda5..1a79a0f 100644 --- a/pages/_category.vue +++ b/pages/_category.vue @@ -1,27 +1,37 @@ + \ No newline at end of file From d635d1e6076c83ae81048e96b452e5065c4e5f77 Mon Sep 17 00:00:00 2001 From: Erin Date: Thu, 25 Jul 2019 19:58:01 -0500 Subject: [PATCH 16/41] cleaning up formatting --- components/Sidebar.vue | 30 +++++++-------- components/TableHead.vue | 80 ++++++++++++++++++++-------------------- components/TableRow.vue | 80 ++++++++++++++++++++-------------------- pages/_category.vue | 29 ++++++++------- store/Sidebar.js | 10 ++--- 5 files changed, 116 insertions(+), 113 deletions(-) diff --git a/components/Sidebar.vue b/components/Sidebar.vue index 204a8e1..2526a72 100644 --- a/components/Sidebar.vue +++ b/components/Sidebar.vue @@ -7,29 +7,29 @@ From 9dbeaedb7f6e7ab9b465db7fda3a73247c466528 Mon Sep 17 00:00:00 2001 From: Erin Date: Sat, 27 Jul 2019 17:17:11 -0500 Subject: [PATCH 21/41] restoring tracking script to app.html --- app.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app.html b/app.html index 2faaeb5..400eaa2 100644 --- a/app.html +++ b/app.html @@ -5,7 +5,7 @@ - + {{ APP }} From 5b9b492ac267e1eef4b4e5602bdd17dbee8b2721 Mon Sep 17 00:00:00 2001 From: Unknown Date: Thu, 8 Aug 2019 22:24:53 -0500 Subject: [PATCH 22/41] Update resources --- resources/css.json | 66 +-- resources/daily.json | 25 +- resources/design.json | 74 +-- resources/frontend.json | 15 +- resources/fullstack.json | 11 +- resources/general.json | 33 +- resources/html.json | 23 +- resources/javascript.json | 56 +- resources/php.json | 39 +- resources/python.json | 141 ++--- resources/ruby.json | 36 +- resources/server.json | 31 +- resources/utility.json | 83 +-- store.json | 1065 ------------------------------------- 14 files changed, 254 insertions(+), 1444 deletions(-) delete mode 100644 store.json diff --git a/resources/css.json b/resources/css.json index e44fe11..3c202be 100644 --- a/resources/css.json +++ b/resources/css.json @@ -5,134 +5,112 @@ { "title": "CSS Grid Generator", "desc": "Visually create your css grid and export the code.", - "url": "https://cssgrid-generator.netlify.com/", - "tags": [] + "url": "https://cssgrid-generator.netlify.com/" }, { "title": "Keyframes Editor", "desc": "An insanely simple way to create CSS animations", - "url": "https://keyframes.app/editor/", - "tags": [] + "url": "https://keyframes.app/editor/" }, { "title": "Flexbox Froggy", "desc": "A game to learn Flexbox", - "url": "https://flexboxfroggy.com", - "tags": [] + "url": "https://flexboxfroggy.com" }, { "title": "Flexbox Zombies", "desc": "A course to learn Flexbox", - "url": "https://mastery.games/p/flexbox-zombies", - "tags": [] + "url": "https://mastery.games/p/flexbox-zombies" }, { "title": "CSS Gridgarden", "desc": "A game to learn Grid", - "url": "https://cssgridgarden.com", - "tags": [] + "url": "https://cssgridgarden.com" }, { "title": "30 Seconds of Code", "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/", - "tags": [] + "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/", - "tags": [] + "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", - "url": "https://getbem.com/", - "tags": [] + "url": "https://getbem.com/" }, { "title": "CSS Triggers", "desc": "Overview of css attributes which trigger either layout, paint or composite. Good to know if you want to learn more about css performance.", - "url": "https://csstriggers.com/", - "tags": [] + "url": "https://csstriggers.com/" }, { "title": "A complete guide to flexbox", "desc": "A comprehensive guide to flexbox, focusing on all the different possible properties for the parent element (the flex container).", - "url": "https://css-tricks.com/snippets/css/a-guide-to-flexbox/", - "tags": [] + "url": "https://css-tricks.com/snippets/css/a-guide-to-flexbox/" }, { "title": "Learn CSS layout", "desc": "This site teaches the CSS fundamentals that are used in any website's layout (Unfortunately nothing abour display:grid yet).", - "url": "http://learnlayout.com", - "tags": [] + "url": "http://learnlayout.com" }, { "title": "CSSmatic - box shadow generator", "desc": "The ultimate box shadow generator", - "url": "https://www.cssmatic.com/box-shadow", - "tags": [] + "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", - "tags": [] + "url": "https://github.com/airbnb/css" }, { "title": "Animista", "desc": "CSS animations on demand.", - "url": "http://animista.net/", - "tags": [] + "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/", - "tags": [] + "url": "https://vgpena.github.io/using-css-grid-the-right-way/" }, { "title": "CSS Protips", "desc": "A collection of tips to help take your CSS skills pro.", - "url": "https://github.com/AllThingsSmitty/css-protips#readme", - "tags": [] + "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/", - "tags": [] + "url": "http://www.flexboxdefense.com/" }, { "title": "CSS Diner", "desc": "Learn CSS selectors while playing a game.", - "url": "https://flukeout.github.io/", - "tags": [] + "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/", - "tags": [] + "url": "https://cssanimation.rocks/" }, { "title": "JustREM", "desc": "Easily and quickly convert pixel values into rem values.", - "url": "https://justrem.xyz/", - "tags": [] + "url": "https://justrem.xyz/" }, { "title": "(Re)learn css layout", "desc": "If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.", - "url": "https://every-layout.dev/", - "tags": [] + "url": "https://every-layout.dev/" }, { "title": "Interactive CSS box-model view", "desc": "Learn CSS box-model by interractively changing the values.", - "url": "https://codepen.io/carolineartz/full/ogVXZj", - "tags": [] + "url": "https://codepen.io/carolineartz/full/ogVXZj" } ] } \ No newline at end of file diff --git a/resources/daily.json b/resources/daily.json index 7cf7e6e..7aa124b 100644 --- a/resources/daily.json +++ b/resources/daily.json @@ -5,32 +5,37 @@ { "title": "dev.to", "desc": "Where programmers share ideas and help each other grow. It is an online community for sharing and discovering great ideas, having debates, and making friends.", - "url": "https://www.dev.to", - "tags": [] + "url": "https://www.dev.to" }, { "title": "CSS Tricks", "desc": "Daily webdev related articles, snippets and guides since 2007", - "url": "https://css-tricks.com/", - "tags": [] + "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/", - "tags": [] + "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/", - "tags": [] + "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/", - "tags": [] + "url": "https://www.producthunt.com/" + }, + { + "title": "dailydevlinks", + "desc": "Fresh, daily links so you can keep up-to-date with everything developer ", + "url": "https://dailydevlinks.com/" + }, + { + "title": "Sidebar.io", + "desc": "The five best design links, every day.", + "url": "https://sidebar.io/" } ] } \ No newline at end of file diff --git a/resources/design.json b/resources/design.json index 7d3136b..7c186ba 100644 --- a/resources/design.json +++ b/resources/design.json @@ -5,110 +5,112 @@ { "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", - "tags": [] + "url": "https://github.com/togiberlin/ui-ux-designer-roadmap" }, { "title": "Undraw", "desc": "Free vector illustrations for your website.", - "url": "https://undraw.co", - "tags": [] + "url": "https://undraw.co" }, { "title": "Practical UI tips", "desc": "7 Tips to boost your UI design.", - "url": "https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886", - "tags": [] + "url": "https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886" }, { "title": "UI tips", "desc": "Design tips by Steve Schoger", - "url": "https://twitter.com/i/moments/880688233641848832", - "tags": [] + "url": "https://twitter.com/i/moments/880688233641848832" }, { "title": "Colorhunt", "desc": "Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes", - "url": "http://colorhunt.co/", - "tags": [] + "url": "http://colorhunt.co/" }, { "title": "Flatuicolorpicker", "desc": "Flatuicolorpicker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs", - "url": "http://www.flatuicolorpicker.com", - "tags": [] + "url": "http://www.flatuicolorpicker.com" }, { "title": "awwwards", "desc": "The awards for design, creativity and innovation on the Internet. Get your inspiration here or even submit your own website!", - "url": "https://awwwards.com", - "tags": [] + "url": "https://awwwards.com" + }, + { + "title": "One Page Love", + "desc": "One Page websites, templates and resources", + "url": "https://onepagelove.com/" + }, + { + "title": "CSS Winner", + "desc": "CSS Winner is a unique global platform awarding and showcasing the best websites and promoting innovative web designers, developers and agencies. We popularize the websites designed elsewhere through CSS Winner, increasing competence and coherence in collation and awarding them.", + "url": "https://www.csswinner.com/" + }, + { + "title": "Httpster", + "desc": "Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.", + "url": "https://httpster.net/" }, { "title": "siteinspire", "desc": "siteInspire is a showcase of the finest web and interactive design.", - "url": "https://www.siteinspire.com", - "tags": [] + "url": "https://www.siteinspire.com" }, { "title": "ShapeFactory", "desc": "Simple design tools for everyone. Simply create a logo, pigment/color scheme, gradient or duetone style.", - "url": "https://shapefactory.co", - "tags": [] + "url": "https://shapefactory.co" }, { "title": "lapa.ninja", "desc": "The best resources for learning design.", - "url": "https://www.lapa.ninja/learn/", - "tags": [] + "url": "https://www.lapa.ninja/learn/" }, { "title": "Typography Handbook", "desc": "A concise, referential guide on best web typographic practices.", - "url": "http://typographyhandbook.com", - "tags": [] + "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/", - "tags": [] + "url": "https://hyperpixel.io/" }, { "title": "sharpen.design", "desc": "Sharpen is where designers hone their craft - randomly generated design challenges.", - "url": "https://sharpen.design/", - "tags": [] + "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/", - "tags": [] + "url": "https://goodui.org/" }, { "title": "SVG ON THE WEB", "desc": "A Practical Guide", - "url": "https://svgontheweb.com/", - "tags": [] + "url": "https://svgontheweb.com/" }, { "title": "UI Gradients", "desc": "Beautiful colour gradients for design and code.", - "url": "https://uigradients.com/#NoontoDusk", - "tags": [] + "url": "https://uigradients.com/#NoontoDusk" }, { "title": "evernote.design", "desc": "Basically webgems but just for design.", - "url": "https://evernote.design", - "tags": [] + "url": "https://evernote.design" }, { "title": "Inclusive Components", "desc": "A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.", - "url": "https://inclusive-components.design", - "tags": [] + "url": "https://inclusive-components.design" + }, + { + "title": "UX Collective", + "desc": "A Medium-based blog, curating articles on modern UX Design practices, conventions, and ideas.", + "url": "https://uxdesign.cc/" } ] } \ No newline at end of file diff --git a/resources/frontend.json b/resources/frontend.json index 80c11b6..74ca197 100644 --- a/resources/frontend.json +++ b/resources/frontend.json @@ -5,32 +5,27 @@ { "title": "Frontend Handbook 2019", "desc": "A lovely guide made by frontendmasters.", - "url": "https://frontendmasters.com/books/front-end-handbook/2019/", - "tags": [] + "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/", - "tags": [] + "url": "https://kaliop.github.io/frontend-style-guide/2.0/" }, { "title": "Learn to Code HTML and 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.", - "url": "https://learn.shayhowe.com/html-css/", - "tags": [] + "url": "https://learn.shayhowe.com/html-css/" }, { "title": "Frontendmasters", "desc": "Premium tier video courses for any modern stack. Monthly or yearly subscription.", - "url": "https://frontendmasters.com", - "tags": [] + "url": "https://frontendmasters.com" }, { "title": "Don't fear the internet", "desc": "Basic HTML & CSS for NON-WEB DESIGNERS", - "url": "http://www.dontfeartheinternet.com/", - "tags": [] + "url": "http://www.dontfeartheinternet.com/" } ] } \ No newline at end of file diff --git a/resources/fullstack.json b/resources/fullstack.json index eb05c56..c7b1b16 100644 --- a/resources/fullstack.json +++ b/resources/fullstack.json @@ -5,14 +5,17 @@ { "title": "freeCodeCamp curriculum", "desc": "We have thousands of coding lessons to help you improve your skills. You can earn each certification by completing its 5 final projects. And yes - all of this is 100% free, thanks to the thousands of campers who donate to our nonprofit. If you are new to coding, we recommend you start at the beginning.", - "url": "https://learn.freecodecamp.org", - "tags": [] + "url": "https://learn.freecodecamp.org" }, { "title": "Learn Node", "desc": "Permium course by WesBos teaching you the MEPN (Mongo, Express, Pug, Node) stack using a fullstack project as example.", - "url": "https://learnnode.com", - "tags": [] + "url": "https://learnnode.com" + }, + { + "title": "egghead.io", + "desc": "Lecture platform about anything ranging from basic Javascript to advanced React methods. Community courses available free of charge with an opt-in paid section for full course paths.", + "url": "https://egghead.io" } ] } \ No newline at end of file diff --git a/resources/general.json b/resources/general.json index c3e30b8..45dd783 100644 --- a/resources/general.json +++ b/resources/general.json @@ -5,68 +5,57 @@ { "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/", - "tags": ["support"] + "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", - "tags": ["documentation"] + "url": "https://devdocs.io" }, { "title": "MDN web docs", "desc": "Tutorials, references, tools and resources.", - "url": "https://developer.mozilla.org/docs/Web", - "tags": ["documentation"] + "url": "https://developer.mozilla.org/docs/Web" }, { "title": "Rico's cheatsheets", "desc": "Cheatsheets for any kind of technologies in the web domain.", - "url": "https://devhints.io", - "tags": ["cheatsheet"] + "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.", - "url": "https://github.com/kamranahmedse/developer-roadmap/blob/master/readme.md", - "tags": [] + "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/", - "tags": ["book"] + "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.", - "url": "https://developers.google.com/web/", - "tags": ["tutorial", "guides"] + "url": "https://developers.google.com/web/" }, { "title": "Google Chrome Youtube", "desc": "Making the web more awesome - latest news about google chrome", - "url": "https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw", - "tags": [] + "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/", - "tags": ["challenges"] + "url": "https://www.codewars.com/" }, { "title": "Learn X in Y min", "desc": "Take a whirlwind tour of your next favorite language. Community-driven!", - "url": "https://learnxinyminutes.com/", - "tags": ["tutorial", "guides"] + "url": "https://learnxinyminutes.com/" }, { "title": "The A11Y Checklist", "desc": "This checklist uses the The Web Content Accessibility Guidelines (WCAG) as a reference point. The WCAG is a shared standard for web content accessibility for individuals, organizations, and governments.", - "url": "https://a11yproject.com/checklist/", - "tags": [] + "url": "https://a11yproject.com/checklist/" } ] } \ No newline at end of file diff --git a/resources/html.json b/resources/html.json index afd0a27..a665417 100644 --- a/resources/html.json +++ b/resources/html.json @@ -5,38 +5,37 @@ { "title": "HTML ELEMENTS", "desc": "All the HTML elemens you can use. There is more than just a div :)", - "url": "https://developer.mozilla.org/docs/Web/HTML/Element", - "tags": [] + "url": "https://developer.mozilla.org/docs/Web/HTML/Element" }, { "title": "The web accessibility basics", "desc": "The absolute web accessibility basics every web developer should know about.", - "url": "https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/", - "tags": [] + "url": "https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" }, { "title": "Introduction to HTML", "desc": "In just 4 hours, learn the basics of HTML5 and start building & editing web pages.", - "url": "https://www.codecademy.com/learn/learn-html", - "tags": [] + "url": "https://www.codecademy.com/learn/learn-html" }, { "title": "Awesome Canvas", "desc": "A curated list of awesome Canvas examples, related articles and posts.", - "url": "https://github.com/raphamorim/awesome-canvas#readme", - "tags": [] + "url": "https://github.com/raphamorim/awesome-canvas#readme" }, { "title": "HTML Spec", "desc": "This specification defines a big part of the Web platform, in lots of detail.", - "url": "https://html.spec.whatwg.org/", - "tags": [] + "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/", - "tags": [] + "url": "https://validator.w3.org/nu/" + }, + { + "title": "Trends", + "desc": "Browse trending github repos written in your favorite language with this high performance progressive web application", + "url": "https://trends.now.sh/" } ] } \ No newline at end of file diff --git a/resources/javascript.json b/resources/javascript.json index 9845257..3442a7f 100644 --- a/resources/javascript.json +++ b/resources/javascript.json @@ -5,74 +5,82 @@ { "title": "WarriorJS", "desc": "An exciting game of programming and Artificial Intelligence", - "url": "https://warrior.js.org/", - "tags": [] + "url": "https://warrior.js.org/" }, { "title": "Javascript30", "desc": "Free video courses about javascript. Made by WesBos", - "url": "https://javascript30.com", - "tags": [] + "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", - "tags": [] + "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.", - "url": "https://learnvanillajs.com/", - "tags": [] + "url": "https://learnvanillajs.com/" }, { "title": "Javascript Info", "desc": "How it's done now. From the basics to advanced topics with simple, but detailed explanations.", - "url": "https://javascript.info/", - "tags": [] + "url": "https://javascript.info/" }, { "title": "30 Seconds of Code", "desc": "A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.", - "url": "https://30secondsofcode.org", - "tags": [] + "url": "https://30secondsofcode.org" }, { "title": "JS Tips", "desc": "JS Tips is a collection of useful daily JavaScript tips that will allow you to improve your code writing.", - "url": "https://www.jstips.co", - "tags": [] + "url": "https://www.jstips.co" }, { "title": "YDKJS", "desc": "This is a free series of books diving deep into the core mechanisms of the JavaScript language. The first edition of the series is now complete.", - "url": "https://github.com/getify/You-Dont-Know-JS", - "tags": [] + "url": "https://github.com/getify/You-Dont-Know-JS" }, { "title": "Eloquent Javascript 3rd Edition", "desc": "This is a book about javascript, programming, and the wonders of the digital. You can read it online or get a paperback copy of it.", - "url": "http://eloquentjavascript.net", - "tags": [] + "url": "http://eloquentjavascript.net" }, { "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/", - "tags": [] + "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", - "tags": [] + "url": "https://github.com/lukehoban/es6features#readme" }, { "title": "You might not need jquery", "desc": "jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency.", - "url": "http://youmightnotneedjquery.com", - "tags": [] + "url": "http://youmightnotneedjquery.com" + }, + { + "title": "BundlePhobia", + "desc": "Find the cost of adding a npm package to your bundle", + "url": "https://bundlephobia.com/" + }, + { + "title": "The Net Ninja - Black-belt your web skills", + "desc": "Free YouTube tutorials on modern JavaScript (beginner to advanced), Node.js, React, Vue.js, Firebase, MongoDB, Plus loads more...", + "url": "https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists" + }, + { + "title": "Javascript Weekly", + "desc": "A free, once–weekly email roundup of JavaScript news and articles.", + "url": "https://javascriptweekly.com/" + }, + { + "title": "Clean Code Javascript", + "desc": "Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.", + "url": "https://github.com/ryanmcdermott/clean-code-javascript" } ] } \ No newline at end of file diff --git a/resources/php.json b/resources/php.json index 03d2089..d541b0e 100644 --- a/resources/php.json +++ b/resources/php.json @@ -5,74 +5,57 @@ { "title": "PHP the right way", "desc": "PHP The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.", - "url": "https://phptherightway.com", - "tags": [] + "url": "https://phptherightway.com" }, { "title": "The PHP manual", "desc": "The PHP manual is documenting the whole spec while giving examples for each property.", - "url": "https://www.php.net/manual/en/", - "tags": [] + "url": "https://www.php.net/manual/en/" }, { "title": "Laracasts", "desc": "Learn practical, modern web development, through expert screencasts on Laravel, Vue, and so much more.", - "url": "https://laracasts.com", - "tags": [] + "url": "https://laracasts.com" }, { "title": "An online book for learning PHP", "desc": "PHP Apprentice is an online, open source book about the PHP programming language. PHP is one of the most popular platforms for building websites and web services.", - "url": "https://phpapprentice.com/", - "tags": [] + "url": "https://phpapprentice.com/" }, { "title": "PHP-FIG", "desc": "Moving PHP forward through collaboration and standards. Welcome to the PHP Framework Interop Group! We're a group of established PHP projects whose goal is to talk about commonalities between our projects and find ways we can work better together.", - "url": "https://www.php-fig.org/", - "tags": [] - }, - { - "title": "PHP Subreddit", - "desc": "Ask questions about frameworks, try your hand at php golf and strike gold or simply show off your latest work.", - "url": "https://reddit.com/r/php", - "tags": [] + "url": "https://www.php-fig.org/" }, { "title": "(The only proper) PDO tutorial", "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", - "tags": [] + "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/", - "tags": [] + "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", - "tags": [] + "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/", - "tags": [] + "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/", - "tags": [] + "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", - "tags": [] + "url": "https://www.slideshare.net/rdohms/your-code-sucks-lets-fix-it-15471808" } ] } \ No newline at end of file diff --git a/resources/python.json b/resources/python.json index 69fdf58..0290557 100644 --- a/resources/python.json +++ b/resources/python.json @@ -5,278 +5,227 @@ { "title": "Python 3.7.3 documentation", "desc": "Documentation for all releaases of Python.", - "url": "https://docs.python.org/3/", - "tags": [] + "url": "https://docs.python.org/3/" }, { "title": "The Hitchhiker’s Guide to Python!", "desc": "This is a living, breathing guide. This handcrafted guide exists to provide both novice and expert Python developers a best practice handbook to the installation, configuration, and usage of Python on a daily basis.", - "url": "https://docs.python-guide.org/", - "tags": [] + "url": "https://docs.python-guide.org/" }, { "title": "Kaggle - Python", "desc": "Learn the most important language for Data Science", - "url": "https://www.kaggle.com/learn/python", - "tags": [] + "url": "https://www.kaggle.com/learn/python" }, { "title": "Anaconda", "desc": "The World's Most Popular Python/R Data Science Platform", - "url": "https://www.anaconda.com/distribution/", - "tags": [] + "url": "https://www.anaconda.com/distribution/" }, { "title": "Real Python Tutorials", "desc": "At Real Python you can learn all things Python from the ground up. Everything from the absolute basics of Python, to web development and web scraping, to data visualization, and beyond.", - "url": "https://realpython.com/", - "tags": [] + "url": "https://realpython.com/" }, { "title": "Geeks for geeks - Python", "desc": "Short, clearly written posts with colorful code examples.", - "url": "https://www.geeksforgeeks.org/python-programming-language/", - "tags": [] + "url": "https://www.geeksforgeeks.org/python-programming-language/" }, { "title": "Pluralsight - Python", "desc": "Test your skills and watch a few video courses.", - "url": "https://app.pluralsight.com/paths/skills/Python", - "tags": [] + "url": "https://app.pluralsight.com/paths/skills/Python" }, { "title": "Pypi", "desc": "Find, install and publish Python packages with the Python Package Index", - "url": "https://pypi.org/", - "tags": [] - }, - { - "title": "Learn Python in y minutes", - "desc": "A mad dash through everything!", - "url": "https://learnxinyminutes.com/docs/python/", - "tags": [] + "url": "https://pypi.org/" }, { "title": "Boost.Python", "desc": "A C++ library which enables seamless interoperability between C++ and the Python programming language.", - "url": "https://www.boost.org/doc/libs/1_70_0/libs/python/doc/html/index.html", - "tags": [] + "url": "https://www.boost.org/doc/libs/1_70_0/libs/python/doc/html/index.html" }, { "title": "MongoDB Python Drivers", "desc": "The database for modern applications", - "url": "https://docs.mongodb.com/ecosystem/drivers/python/", - "tags": [] + "url": "https://docs.mongodb.com/ecosystem/drivers/python/" }, { "title": "A Byte of Python", "desc": "If you like real books ... A complete set of documentation that closely resembles the typesetting of a real book.", - "url": "https://python.swaroopch.com/", - "tags": [] + "url": "https://python.swaroopch.com/" }, { "title": "Requests: HTTP for Humans™", "desc": "Requests is the only Non-GMO HTTP library for Python, safe for human consumption.", - "url": "https://2.python-requests.org/en/master/", - "tags": [] + "url": "https://2.python-requests.org/en/master/" }, { "title": "TensorFlow", "desc": "The core open source library to help you develop and train ML models. TensorFlow is an end-to-end open source platform for machine learning.", - "url": "https://www.tensorflow.org/", - "tags": [] + "url": "https://www.tensorflow.org/" }, { "title": "Think Python", "desc": "Think Python is an introduction to Python programming for beginners. The free O'Reilly book.", - "url": "https://greenteapress.com/wp/think-python/", - "tags": [] + "url": "https://greenteapress.com/wp/think-python/" }, { "title": "No Starch Press - Automate the Boring Stuff with Python", "desc": "The best part of programming is the triumph of seeing the machine do something useful. Automate the Boring Stuff with Python frames all of programming as these small triumphs; it makes the boring fun.", - "url": "https://nostarch.com/automatestuff", - "tags": [] + "url": "https://nostarch.com/automatestuff" }, { "title": "Python built-ins worth learning", "desc": "A great list that breaks up topics into 'learn now' and 'wait til later' type categories. By Trey Hunner", - "url": "https://treyhunner.com/2019/05/python-builtins-worth-learning/", - "tags": [] + "url": "https://treyhunner.com/2019/05/python-builtins-worth-learning/" }, { "title": "Qt for Python", "desc": "Create User Interfaces with Qt for Python", - "url": "https://www.qt.io/qt-for-python", - "tags": [] + "url": "https://www.qt.io/qt-for-python" }, { "title": "Python fun facts.", "desc": "Python fun facts from JetBrains, maker of the IDE PyCharm", - "url": "https://www.jetbrains.com/lp/devecosystem-2019/python/", - "tags": [] + "url": "https://www.jetbrains.com/lp/devecosystem-2019/python/" }, { "title": "MicroPython", "desc": "Using python with microcontrollers.", - "url": "https://micropython.org/", - "tags": [] + "url": "https://micropython.org/" }, { "title": "Programiz", "desc": "Learn Python Programming", - "url": "https://www.programiz.com/python-programming", - "tags": [] + "url": "https://www.programiz.com/python-programming" }, { "title": "Medium - Python", "desc": "Tools to run Python on Android", - "url": "https://towardsdatascience.com/tools-to-run-python-on-android-9060663972b4", - "tags": [] + "url": "https://towardsdatascience.com/tools-to-run-python-on-android-9060663972b4" }, { "title": "QPython", "desc": "QPython is a script engine which runs Python programs on android devices. It also can help developers develop android applications.", - "url": "https://www.qpython.com/", - "tags": [] + "url": "https://www.qpython.com/" }, { "title": "Medium - Python on Netflix", "desc": "We wanted to share a sampling of how Python is used at Netflix. ", - "url": "https://medium.com/netflix-techblog/python-at-netflix-bba45dae649e", - "tags": [] + "url": "https://medium.com/netflix-techblog/python-at-netflix-bba45dae649e" }, { "title": "Python Data Science Handbook", "desc": "This is a book about doing data science with Python, which immediately begs the question: what is data science? The free O'Reilly book.", - "url": "https://jakevdp.github.io/PythonDataScienceHandbook/", - "tags": [] + "url": "https://jakevdp.github.io/PythonDataScienceHandbook/" }, { "title": "Data Analysis in Python", "desc": "This site is designed to offer an introduction to Python specifically tailored for social scientists and people doing applied data analysis.", - "url": "http://www.data-analysis-in-python.org/", - "tags": [] + "url": "http://www.data-analysis-in-python.org/" }, { "title": "Microsoft - Python", "desc": "11 Data Science Skills. 1.5 Million Jobs.", - "url": "https://academy.microsoft.com/en-us/professional-program/tracks/data-science/", - "tags": [] + "url": "https://academy.microsoft.com/en-us/professional-program/tracks/data-science/" }, { "title": "Towards Data Science - Machine Learning", "desc": "An “Equation-to-Code” Machine Learning Project Walk-Through in Python", - "url": "https://towardsdatascience.com/an-equation-to-code-machine-learning-project-walk-through-in-python-part-1-linear-separable-fd0e19ed2d7", - "tags": [] + "url": "https://towardsdatascience.com/an-equation-to-code-machine-learning-project-walk-through-in-python-part-1-linear-separable-fd0e19ed2d7" }, { "title": "Big Data Made Simple", "desc": "Step by step approach to perform data analysis using Python.", - "url": "https://bigdata-madesimple.com/step-by-step-approach-to-perform-data-analysis-using-python/", - "tags": [] + "url": "https://bigdata-madesimple.com/step-by-step-approach-to-perform-data-analysis-using-python/" }, { "title": "Medium - Python vs R", "desc": "Python vs. R — Choosing the Best Programming Language for Data Science", - "url": "https://towardsdatascience.com/python-vs-r-choosing-the-best-programming-languages-for-data-science-b1327f01f6bf", - "tags": [] + "url": "https://towardsdatascience.com/python-vs-r-choosing-the-best-programming-languages-for-data-science-b1327f01f6bf" }, { "title": "Python Data Analysis Library", "desc": "Pandas is an open source, BSD-licensed library providing high-performance, easy-to-use data structures and data analysis tools for the Python programming language.", - "url": "https://pandas.pydata.org/", - "tags": [] + "url": "https://pandas.pydata.org/" }, { "title": "SciPy", "desc": "SciPy (pronounced “Sigh Pie”) is a Python-based ecosystem of open-source software for mathematics, science, and engineering.", - "url": "https://www.scipy.org/", - "tags": [] + "url": "https://www.scipy.org/" }, { "title": "NumPy", "desc": "NumPy is the fundamental package for scientific computing with Python.", - "url": "http://www.numpy.org/", - "tags": [] + "url": "http://www.numpy.org/" }, { "title": "Statsmodels", "desc": "Statsmodels is a Python module that provides classes and functions for the estimation of many different statistical models, as well as for conducting statistical tests, and statistical data exploration. ", - "url": "http://www.statsmodels.org/stable/index.html", - "tags": [] + "url": "http://www.statsmodels.org/stable/index.html" }, { "title": "scikit-learn", "desc": "Machine Learning in Python", - "url": "https://scikit-learn.org/stable/", - "tags": [] + "url": "https://scikit-learn.org/stable/" }, { "title": "Jupyter", "desc": "The Jupyter Notebook is an open-source web application that allows you to create and share documents that contain live code, equations, visualizations and narrative text.", - "url": "https://jupyter.org/", - "tags": [] + "url": "https://jupyter.org/" }, { "title": "Matplotlib", "desc": "Matplotlib is a Python 2D plotting library which produces publication quality figures in a variety of hardcopy formats and interactive environments across platforms.", - "url": "https://matplotlib.org/", - "tags": [] + "url": "https://matplotlib.org/" }, { "title": "NumFOCUS", "desc": "From Netflix to NASA, researchers use NumFOCUS sponsored projects to solve the most challenging problems. Explore our open source tools by language, features, or industry.", - "url": "https://numfocus.org/sponsored-projects", - "tags": [] + "url": "https://numfocus.org/sponsored-projects" }, { "title": "Python Pandemonium", "desc": "A place to read and write about all things Python.", - "url": "https://medium.com/python-pandemonium/tagged/data-science", - "tags": [] + "url": "https://medium.com/python-pandemonium/tagged/data-science" }, { "title": "Pandas for People In A Hurry", "desc": "Pandas is the most popular Python library for data manipulation and data analysis. It is a must know for all data scientists!", - "url": "https://towardsdatascience.com/pandas-for-people-in-a-hurry-59d966630ae0", - "tags": [] + "url": "https://towardsdatascience.com/pandas-for-people-in-a-hurry-59d966630ae0" }, { "title": "PySpark", "desc": "Python Programming Guide for the API", - "url": "https://spark.apache.org/docs/0.9.1/python-programming-guide.html", - "tags": [] + "url": "https://spark.apache.org/docs/0.9.1/python-programming-guide.html" }, { "title": "Towards Data Science", "desc": "Sharing concepts, ideas, and codes. IMO the best Data Science Blog.", - "url": "https://towardsdatascience.com/", - "tags": [] + "url": "https://towardsdatascience.com/" }, { "title": "HDF5®", "desc": "High-performance data management and storage suite", - "url": "https://www.hdfgroup.org/solutions/hdf5/", - "tags": [] + "url": "https://www.hdfgroup.org/solutions/hdf5/" }, { "title": "Theano", "desc": "Theano is a Python library that allows you to define, optimize, and evaluate mathematical expressions involving multi-dimensional arrays efficiently.", - "url": "http://deeplearning.net/software/theano/", - "tags": [] + "url": "http://deeplearning.net/software/theano/" }, { "title": "Becoming Human - Languages", "desc": "Top Programming Languages a Data Scientist Must Master.", - "url": "https://becominghuman.ai/top-programming-languages-a-data-scientist-must-master-in-2019-7101a8bc8e16", - "tags": [] + "url": "https://becominghuman.ai/top-programming-languages-a-data-scientist-must-master-in-2019-7101a8bc8e16" }, { "title": "SQLAlchemy", "desc": "SQLAlchemy is the Python SQL toolkit and Object Relational Mapper that gives application developers the full power and flexibility of SQL.", - "url": "https://www.sqlalchemy.org/", - "tags": [] + "url": "https://www.sqlalchemy.org/" } ] } \ No newline at end of file diff --git a/resources/ruby.json b/resources/ruby.json index 30e2988..548e552 100644 --- a/resources/ruby.json +++ b/resources/ruby.json @@ -5,74 +5,62 @@ { "title": "AppSignal Blog", "desc": "Product updates and things we've learned while building AppSignal.", - "url": "https://blog.appsignal.com/", - "tags": [] + "url": "https://blog.appsignal.com/" }, { "title": "Drifting Ruby", "desc": "Product updates and things we've learned while building AppSignal.", - "url": "https://www.driftingruby.com/", - "tags": [] + "url": "https://www.driftingruby.com/" }, { "title": "GoRails Blog", "desc": "Learn about Ruby on Rails. The GoRails blog covers topics across all aspects of Ruby on Rails development.", - "url": "https://gorails.com/blog/", - "tags": [] + "url": "https://gorails.com/blog/" }, { "title": "Reinteractive Articles", "desc": "Our expert team of designers and developers love what they do and enjoy sharing their knowledge with the world.", - "url": "https://reinteractive.com/blog/", - "tags": [] + "url": "https://reinteractive.com/blog/" }, { "title": "RailsCasts", "desc": "Short Ruby on Rails screencasts containing tips, tricks and tutorials. Great for both novice and experienced web developers.", - "url": "http://railscasts.com/", - "tags": [] + "url": "http://railscasts.com/" }, { "title": "Railsware Blog", "desc": "on product management, engineering, design, culture and many more...", - "url": "https://railsware.com/blog/", - "tags": [] + "url": "https://railsware.com/blog/" }, { "title": "RubyFlow", "desc": "Made a library? Written a blog post? Found a useful tutorial? Share it with the Ruby community here or just enjoy what everyone else has found!", - "url": "http://www.rubyflow.com/", - "tags": [] + "url": "http://www.rubyflow.com/" }, { "title": "Ruby Inside", "desc": "The biggest Ruby and Rails blog since 2006 - tutorials, news, and lots more.", - "url": "http://www.rubyinside.com/", - "tags": [] + "url": "http://www.rubyinside.com/" }, { "title": "Ruby Rogues Episodes", "desc": "A podcast by panel about Ruby and related technologies.", - "url": "https://devchat.tv/ruby-rogues/", - "tags": [] + "url": "https://devchat.tv/ruby-rogues/" }, { "title": "Thoughtbot Weekly Iteration", "desc": "The Weekly Iteration is our video series where we explore new frameworks and languages, dig in to advanced coding patterns, and share the techniques we use on projects to build robust and maintainable applications. We're currently on a break from recording new episodes, but be sure to check out the many videos we've released previously.", - "url": "https://thoughtbot.com/upcase/the-weekly-iteration/", - "tags": [] + "url": "https://thoughtbot.com/upcase/the-weekly-iteration/" }, { "title": "Thoughtbot Web Articles", "desc": "Written by thoughtbot, experienced designers and developers who turn your idea into the right product.", - "url": "https://thoughtbot.com/blog/web/", - "tags": [] + "url": "https://thoughtbot.com/blog/web/" }, { "title": "Ruby Weekly", "desc": "A free, once–weekly e-mail round-up of Ruby news and articles.", - "url": "https://rubyweekly.com/", - "tags": [] + "url": "https://rubyweekly.com/" } ] } \ No newline at end of file diff --git a/resources/server.json b/resources/server.json index 0987803..97e5c41 100644 --- a/resources/server.json +++ b/resources/server.json @@ -5,44 +5,47 @@ { "title": "Netlify", "desc": "Free static hosting with privacy in mind!", - "url": "https://netlify.com", - "tags": [] + "url": "https://netlify.com" }, { "title": "Github Pages", "desc": "Free static hosting by Github.", - "url": "https://pages.github.com", - "tags": [] + "url": "https://pages.github.com" }, { "title": "Heroku", "desc": "Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.", - "url": "https://www.heroku.com/", - "tags": [] + "url": "https://www.heroku.com/" }, { "title": "Ploi", "desc": "Stop the Hassle. Start deploi'ing. Use Ploi.io for easy site deployments. We take all the difficult work out of your hands, so you can focus on doing what you love: developing your application.", - "url": "https://ploi.io", - "tags": [] + "url": "https://ploi.io" }, { "title": "Now", "desc": "Global Serverless Deployments. Now makes serverless application deployment easy. Don't spend time configuring the cloud. Just push your code.", - "url": "https://zeit.co/now", - "tags": [] + "url": "https://zeit.co/now" }, { "title": "Namecheap", "desc": "Domains for your projects", - "url": "https://namecheap.com", - "tags": [] + "url": "https://namecheap.com" }, { "title": "Servers for hackers", "desc": "Tutorials on how to handle your servers.", - "url": "https://serversforhackers.com/", - "tags": [] + "url": "https://serversforhackers.com/" + }, + { + "title": "Glitch", + "desc": "The friendly community where everyone can discover & create the best apps on the web.", + "url": "https://glitch.com/" + }, + { + "title": "Serverless for Front-End Developers", + "desc": "Find Serverless services (e.g. functions, databases and other tools) for your next project. There are also articles related to Serverless and JAMstack.", + "url": "https://serverless.css-tricks.com/" } ] } \ No newline at end of file diff --git a/resources/utility.json b/resources/utility.json index b0ae412..4e1fcdc 100644 --- a/resources/utility.json +++ b/resources/utility.json @@ -5,164 +5,137 @@ { "title": "JSON Generator", "desc": "Random JSON generator for your project - because debugging without data, does not make sense!", - "url": "https://www.json-generator.com", - "tags": [] + "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/", - "tags": [] + "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", - "tags": [] + "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", - "tags": [] + "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", - "tags": [] + "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", - "tags": [] + "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", - "tags": [] + "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/", - "tags": [] + "url": "https://snippet-generator.app/" }, { "title": "gitignore.io", "desc": "Create usefull .gitignore files for your projects.", - "url": "https://www.gitignore.io", - "tags": [] + "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", - "tags": [] + "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", - "tags": [] + "url": "https://api.nasa.gov" }, { "title": "PokĂ©API", "desc": "The RESTful PokĂ©mon API", - "url": "https://pokeapi.co", - "tags": [] + "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", - "tags": [] + "url": "https://www.reddit.com/.json" }, { "title": "quicktype", "desc": "Generate types and serializers from JSON.", - "url": "https://quicktype.io", - "tags": [] + "url": "https://quicktype.io" }, { "title": "NGINXconfig.io", "desc": "Quickly generate a NGINX config for your server.", - "url": "https://nginxconfig.io/", - "tags": [] + "url": "https://nginxconfig.io/" }, { "title": "Online tools", "desc": "Decode, encode and hash any string quickly.", - "url": "https://emn178.github.io/online-tools", - "tags": [] + "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", - "tags": [] + "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", - "tags": [] + "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/", - "tags": [] + "url": "https://codepen.io/" }, { "title": "Gifless", "desc": "Create emoji and text gifs in seconds", - "url": "https://www.gifless.com/", - "tags": [] + "url": "https://gifless.herokuapp.com/" }, { "title": "Learn Git", "desc": "Become a git guru - a tutorial series by Atlassian.", - "url": "https://www.atlassian.com/git/tutorials", - "tags": [] + "url": "https://www.atlassian.com/git/tutorials" }, { - "title": "Git form the inside out", + "title": "Git from 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", - "tags": [] + "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", - "tags": [] + "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", - "tags": [] + "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/", - "tags": [] + "url": "https://www.mailinator.com/" }, { "title": "Ngrok", "desc": "Secure introspectable tunnels to localhost.", - "url": "https://ngrok.com/", - "tags": [] + "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/", - "tags": [] + "url": "https://letsencrypt.org/" } ] } \ No newline at end of file diff --git a/store.json b/store.json deleted file mode 100644 index 5740149..0000000 --- a/store.json +++ /dev/null @@ -1,1065 +0,0 @@ -[ - { - "title": "CSS", - "slug": "/css", - "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", - "url": "https://keyframes.app/editor/" - }, - { - "title": "Flexbox Froggy", - "desc": "A game to learn Flexbox", - "url": "https://flexboxfroggy.com" - }, - { - "title": "Flexbox Zombies", - "desc": "A course to learn Flexbox", - "url": "https://mastery.games/p/flexbox-zombies" - }, - { - "title": "CSS Gridgarden", - "desc": "A game to learn Grid", - "url": "https://cssgridgarden.com" - }, - { - "title": "30 Seconds of Code", - "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", - "url": "https://getbem.com/" - }, - { - "title": "CSS Triggers", - "desc": "Overview of css attributes which trigger either layout, paint or composite. Good to know if you want to learn more about css performance.", - "url": "https://csstriggers.com/" - }, - { - "title": "A complete guide to flexbox", - "desc": "A comprehensive guide to flexbox, focusing on all the different possible properties for the parent element (the flex container).", - "url": "https://css-tricks.com/snippets/css/a-guide-to-flexbox/" - }, - { - "title": "Learn CSS layout", - "desc": "This site teaches the CSS fundamentals that are used in any website's layout (Unfortunately nothing abour display:grid yet).", - "url": "http://learnlayout.com" - }, - { - "title": "CSSmatic - box shadow generator", - "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" - }, - { - "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/" - }, - { - "title": "CSS Protips", - "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/" - }, - { - "title": "JustREM", - "desc": "Easily and quickly convert pixel values into rem values.", - "url": "https://justrem.xyz/" - }, - { - "title": "(Re)learn css layout", - "desc": "If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.", - "url": "https://every-layout.dev/" - }, - { - "title": "Interactive CSS box-model view", - "desc": "Learn CSS box-model by interractively changing the values.", - "url": "https://codepen.io/carolineartz/full/ogVXZj" - } - ] - }, - { - "title": "Daily", - "slug": "/daily", - "resources": [ - { - "title": "dev.to", - "desc": "Where programmers share ideas and help each other grow. It is an online community for sharing and discovering great ideas, having debates, and making friends.", - "url": "https://www.dev.to" - }, - { - "title": "CSS Tricks", - "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/" - }, - { - "title": "dailydevlinks", - "desc": "Fresh, daily links so you can keep up-to-date with everything developer ", - "url": "https://dailydevlinks.com/" - }, - { - "title": "Sidebar.io", - "desc": "The five best design links, every day.", - "url": "https://sidebar.io/" - } - ] - }, - { - "title": "Design", - "slug": "/design", - "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.", - "url": "https://undraw.co" - }, - { - "title": "Practical UI tips", - "desc": "7 Tips to boost your UI design.", - "url": "https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886" - }, - { - "title": "UI tips", - "desc": "Design tips by Steve Schoger", - "url": "https://twitter.com/i/moments/880688233641848832" - }, - { - "title": "Colorhunt", - "desc": "Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes", - "url": "http://colorhunt.co/" - }, - { - "title": "Flatuicolorpicker", - "desc": "Flatuicolorpicker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs", - "url": "http://www.flatuicolorpicker.com" - }, - { - "title": "awwwards", - "desc": "The awards for design, creativity and innovation on the Internet. Get your inspiration here or even submit your own website!", - "url": "https://awwwards.com" - }, - { - "title": "One Page Love", - "desc": "One Page websites, templates and resources", - "url": "https://onepagelove.com/" - }, - { - "title": "CSS Winner", - "desc": "CSS Winner is a unique global platform awarding and showcasing the best websites and promoting innovative web designers, developers and agencies. We popularize the websites designed elsewhere through CSS Winner, increasing competence and coherence in collation and awarding them.", - "url": "https://www.csswinner.com/" - }, - { - "title": "Httpster", - "desc": "Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.", - "url": "https://httpster.net/" - }, - { - "title": "siteinspire", - "desc": "siteInspire is a showcase of the finest web and interactive design.", - "url": "https://www.siteinspire.com" - }, - { - "title": "ShapeFactory", - "desc": "Simple design tools for everyone. Simply create a logo, pigment/color scheme, gradient or duetone style.", - "url": "https://shapefactory.co" - }, - { - "title": "lapa.ninja", - "desc": "The best resources for learning design.", - "url": "https://www.lapa.ninja/learn/" - }, - { - "title": "Typography Handbook", - "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/" - }, - { - "title": "UI Gradients", - "desc": "Beautiful colour gradients for design and code.", - "url": "https://uigradients.com/#NoontoDusk" - }, - { - "title": "evernote.design", - "desc": "Basically webgems but just for design.", - "url": "https://evernote.design" - }, - { - "title": "Inclusive Components", - "desc": "A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.", - "url": "https://inclusive-components.design" - }, - { - "title": "UX Collective", - "desc": "A Medium-based blog, curating articles on modern UX Design practices, conventions, and ideas.", - "url": "https://uxdesign.cc/" - } - ] - }, - { - "title": "Frontend", - "slug": "/frontend", - "resources": [ - { - "title": "Frontend Handbook 2019", - "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 and 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.", - "url": "https://learn.shayhowe.com/html-css/" - }, - { - "title": "Frontendmasters", - "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/" - } - ] - }, - { - "title": "Fullstack", - "slug": "/fullstack", - "resources": [ - { - "title": "freeCodeCamp curriculum", - "desc": "We have thousands of coding lessons to help you improve your skills. You can earn each certification by completing its 5 final projects. And yes - all of this is 100% free, thanks to the thousands of campers who donate to our nonprofit. If you are new to coding, we recommend you start at the beginning.", - "url": "https://learn.freecodecamp.org" - }, - { - "title": "Learn Node", - "desc": "Permium course by WesBos teaching you the MEPN (Mongo, Express, Pug, Node) stack using a fullstack project as example.", - "url": "https://learnnode.com" - }, - { - "title": "egghead.io", - "desc": "Lecture platform about anything ranging from basic Javascript to advanced React methods. Community courses available free of charge with an opt-in paid section for full course paths.", - "url": "https://egghead.io" - } - ] - }, - { - "title": "General", - "slug": "/general", - "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": "MDN web docs", - "desc": "Tutorials, references, tools and resources.", - "url": "https://developer.mozilla.org/docs/Web" - }, - { - "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.", - "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.", - "url": "https://developers.google.com/web/" - }, - { - "title": "Google Chrome Youtube", - "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/" - }, - { - "title": "Learn X in Y min", - "desc": "Take a whirlwind tour of your next favorite language. Community-driven!", - "url": "https://learnxinyminutes.com/" - }, - { - "title": "The A11Y Checklist", - "desc": "This checklist uses the The Web Content Accessibility Guidelines (WCAG) as a reference point. The WCAG is a shared standard for web content accessibility for individuals, organizations, and governments.", - "url": "https://a11yproject.com/checklist/" - } - ] - }, - { - "title": "HTML", - "slug": "/html", - "resources": [ - { - "title": "HTML ELEMENTS", - "desc": "All the HTML elemens you can use. There is more than just a div :)", - "url": "https://developer.mozilla.org/docs/Web/HTML/Element" - }, - { - "title": "The web accessibility basics", - "desc": "The absolute web accessibility basics every web developer should know about.", - "url": "https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" - }, - { - "title": "Introduction to HTML", - "desc": "In just 4 hours, learn the basics of HTML5 and start building & editing web pages.", - "url": "https://www.codecademy.com/learn/learn-html" - }, - { - "title": "Awesome Canvas", - "desc": "A curated list of awesome Canvas examples, related articles and posts.", - "url": "https://github.com/raphamorim/awesome-canvas#readme" - }, - { - "title": "HTML Spec", - "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/" - }, - { - "title": "Trends", - "desc": "Browse trending github repos written in your favorite language with this high performance progressive web application", - "url": "https://trends.now.sh/" - } - ] - }, - { - "title": "Javascript", - "slug": "/javascript", - "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.", - "url": "https://learnvanillajs.com/" - }, - { - "title": "Javascript Info", - "desc": "How it's done now. From the basics to advanced topics with simple, but detailed explanations.", - "url": "https://javascript.info/" - }, - { - "title": "30 Seconds of Code", - "desc": "A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.", - "url": "https://30secondsofcode.org" - }, - { - "title": "JS Tips", - "desc": "JS Tips is a collection of useful daily JavaScript tips that will allow you to improve your code writing.", - "url": "https://www.jstips.co" - }, - { - "title": "YDKJS", - "desc": "This is a free series of books diving deep into the core mechanisms of the JavaScript language. The first edition of the series is now complete.", - "url": "https://github.com/getify/You-Dont-Know-JS" - }, - { - "title": "Eloquent Javascript 3rd Edition", - "desc": "This is a book about javascript, programming, and the wonders of the digital. You can read it online or get a paperback copy of it.", - "url": "http://eloquentjavascript.net" - }, - { - "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" - }, - { - "title": "You might not need jquery", - "desc": "jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency.", - "url": "http://youmightnotneedjquery.com" - }, - { - "title": "BundlePhobia", - "desc": "Find the cost of adding a npm package to your bundle", - "url": "https://bundlephobia.com/" - }, - { - "title": "The Net Ninja - Black-belt your web skills", - "desc": "Free YouTube tutorials on modern JavaScript (beginner to advanced), Node.js, React, Vue.js, Firebase, MongoDB, Plus loads more...", - "url": "https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists" - }, - { - "title": "Javascript Weekly", - "desc": "A free, once–weekly email roundup of JavaScript news and articles.", - "url": "https://javascriptweekly.com/" - }, - { - "title": "Clean Code Javascript", - "desc": "Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.", - "url": "https://github.com/ryanmcdermott/clean-code-javascript" - } - ] - }, - { - "title": "PHP", - "slug": "/php", - "resources": [ - { - "title": "PHP the right way", - "desc": "PHP The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.", - "url": "https://phptherightway.com" - }, - { - "title": "The PHP manual", - "desc": "The PHP manual is documenting the whole spec while giving examples for each property.", - "url": "https://www.php.net/manual/en/" - }, - { - "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", - "desc": "PHP Apprentice is an online, open source book about the PHP programming language. PHP is one of the most popular platforms for building websites and web services.", - "url": "https://phpapprentice.com/" - }, - { - "title": "PHP-FIG", - "desc": "Moving PHP forward through collaboration and standards. Welcome to the PHP Framework Interop Group! We're a group of established PHP projects whose goal is to talk about commonalities between our projects and find ways we can work better together.", - "url": "https://www.php-fig.org/" - }, - { - "title": "(The only proper) PDO tutorial", - "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" - } - ] - }, - { - "title": "Python", - "slug": "/python", - "resources": [ - { - "title": "Python 3.7.3 documentation", - "desc": "Documentation for all releaases of Python.", - "url": "https://docs.python.org/3/" - }, - { - "title": "The Hitchhiker’s Guide to Python!", - "desc": "This is a living, breathing guide. This handcrafted guide exists to provide both novice and expert Python developers a best practice handbook to the installation, configuration, and usage of Python on a daily basis.", - "url": "https://docs.python-guide.org/" - }, - { - "title": "Kaggle - Python", - "desc": "Learn the most important language for Data Science", - "url": "https://www.kaggle.com/learn/python" - }, - { - "title": "Anaconda", - "desc": "The World's Most Popular Python/R Data Science Platform", - "url": "https://www.anaconda.com/distribution/" - }, - { - "title": "Real Python Tutorials", - "desc": "At Real Python you can learn all things Python from the ground up. Everything from the absolute basics of Python, to web development and web scraping, to data visualization, and beyond.", - "url": "https://realpython.com/" - }, - { - "title": "Geeks for geeks - Python", - "desc": "Short, clearly written posts with colorful code examples.", - "url": "https://www.geeksforgeeks.org/python-programming-language/" - }, - { - "title": "Pluralsight - Python", - "desc": "Test your skills and watch a few video courses.", - "url": "https://app.pluralsight.com/paths/skills/Python" - }, - { - "title": "Pypi", - "desc": "Find, install and publish Python packages with the Python Package Index", - "url": "https://pypi.org/" - }, - { - "title": "Boost.Python", - "desc": "A C++ library which enables seamless interoperability between C++ and the Python programming language.", - "url": "https://www.boost.org/doc/libs/1_70_0/libs/python/doc/html/index.html" - }, - { - "title": "MongoDB Python Drivers", - "desc": "The database for modern applications", - "url": "https://docs.mongodb.com/ecosystem/drivers/python/" - }, - { - "title": "A Byte of Python", - "desc": "If you like real books ... A complete set of documentation that closely resembles the typesetting of a real book.", - "url": "https://python.swaroopch.com/" - }, - { - "title": "Requests: HTTP for Humans™", - "desc": "Requests is the only Non-GMO HTTP library for Python, safe for human consumption.", - "url": "https://2.python-requests.org/en/master/" - }, - { - "title": "TensorFlow", - "desc": "The core open source library to help you develop and train ML models. TensorFlow is an end-to-end open source platform for machine learning.", - "url": "https://www.tensorflow.org/" - }, - { - "title": "Think Python", - "desc": "Think Python is an introduction to Python programming for beginners. The free O'Reilly book.", - "url": "https://greenteapress.com/wp/think-python/" - }, - { - "title": "No Starch Press - Automate the Boring Stuff with Python", - "desc": "The best part of programming is the triumph of seeing the machine do something useful. Automate the Boring Stuff with Python frames all of programming as these small triumphs; it makes the boring fun.", - "url": "https://nostarch.com/automatestuff" - }, - { - "title": "Python built-ins worth learning", - "desc": "A great list that breaks up topics into 'learn now' and 'wait til later' type categories. By Trey Hunner", - "url": "https://treyhunner.com/2019/05/python-builtins-worth-learning/" - }, - { - "title": "Qt for Python", - "desc": "Create User Interfaces with Qt for Python", - "url": "https://www.qt.io/qt-for-python" - }, - { - "title": "Python fun facts.", - "desc": "Python fun facts from JetBrains, maker of the IDE PyCharm", - "url": "https://www.jetbrains.com/lp/devecosystem-2019/python/" - }, - { - "title": "MicroPython", - "desc": "Using python with microcontrollers.", - "url": "https://micropython.org/" - }, - { - "title": "Programiz", - "desc": "Learn Python Programming", - "url": "https://www.programiz.com/python-programming" - }, - { - "title": "Medium - Python", - "desc": "Tools to run Python on Android", - "url": "https://towardsdatascience.com/tools-to-run-python-on-android-9060663972b4" - }, - { - "title": "QPython", - "desc": "QPython is a script engine which runs Python programs on android devices. It also can help developers develop android applications.", - "url": "https://www.qpython.com/" - }, - { - "title": "Medium - Python on Netflix", - "desc": "We wanted to share a sampling of how Python is used at Netflix. ", - "url": "https://medium.com/netflix-techblog/python-at-netflix-bba45dae649e" - }, - { - "title": "Python Data Science Handbook", - "desc": "This is a book about doing data science with Python, which immediately begs the question: what is data science? The free O'Reilly book.", - "url": "https://jakevdp.github.io/PythonDataScienceHandbook/" - }, - { - "title": "Data Analysis in Python", - "desc": "This site is designed to offer an introduction to Python specifically tailored for social scientists and people doing applied data analysis.", - "url": "http://www.data-analysis-in-python.org/" - }, - { - "title": "Microsoft - Python", - "desc": "11 Data Science Skills. 1.5 Million Jobs.", - "url": "https://academy.microsoft.com/en-us/professional-program/tracks/data-science/" - }, - { - "title": "Towards Data Science - Machine Learning", - "desc": "An “Equation-to-Code” Machine Learning Project Walk-Through in Python", - "url": "https://towardsdatascience.com/an-equation-to-code-machine-learning-project-walk-through-in-python-part-1-linear-separable-fd0e19ed2d7" - }, - { - "title": "Big Data Made Simple", - "desc": "Step by step approach to perform data analysis using Python.", - "url": "https://bigdata-madesimple.com/step-by-step-approach-to-perform-data-analysis-using-python/" - }, - { - "title": "Medium - Python vs R", - "desc": "Python vs. R — Choosing the Best Programming Language for Data Science", - "url": "https://towardsdatascience.com/python-vs-r-choosing-the-best-programming-languages-for-data-science-b1327f01f6bf" - }, - { - "title": "Python Data Analysis Library", - "desc": "Pandas is an open source, BSD-licensed library providing high-performance, easy-to-use data structures and data analysis tools for the Python programming language.", - "url": "https://pandas.pydata.org/" - }, - { - "title": "SciPy", - "desc": "SciPy (pronounced “Sigh Pie”) is a Python-based ecosystem of open-source software for mathematics, science, and engineering.", - "url": "https://www.scipy.org/" - }, - { - "title": "NumPy", - "desc": "NumPy is the fundamental package for scientific computing with Python.", - "url": "http://www.numpy.org/" - }, - { - "title": "Statsmodels", - "desc": "Statsmodels is a Python module that provides classes and functions for the estimation of many different statistical models, as well as for conducting statistical tests, and statistical data exploration. ", - "url": "http://www.statsmodels.org/stable/index.html" - }, - { - "title": "scikit-learn", - "desc": "Machine Learning in Python", - "url": "https://scikit-learn.org/stable/" - }, - { - "title": "Jupyter", - "desc": "The Jupyter Notebook is an open-source web application that allows you to create and share documents that contain live code, equations, visualizations and narrative text.", - "url": "https://jupyter.org/" - }, - { - "title": "Matplotlib", - "desc": "Matplotlib is a Python 2D plotting library which produces publication quality figures in a variety of hardcopy formats and interactive environments across platforms.", - "url": "https://matplotlib.org/" - }, - { - "title": "NumFOCUS", - "desc": "From Netflix to NASA, researchers use NumFOCUS sponsored projects to solve the most challenging problems. Explore our open source tools by language, features, or industry.", - "url": "https://numfocus.org/sponsored-projects" - }, - { - "title": "Python Pandemonium", - "desc": "A place to read and write about all things Python.", - "url": "https://medium.com/python-pandemonium/tagged/data-science" - }, - { - "title": "Pandas for People In A Hurry", - "desc": "Pandas is the most popular Python library for data manipulation and data analysis. It is a must know for all data scientists!", - "url": "https://towardsdatascience.com/pandas-for-people-in-a-hurry-59d966630ae0" - }, - { - "title": "PySpark", - "desc": "Python Programming Guide for the API", - "url": "https://spark.apache.org/docs/0.9.1/python-programming-guide.html" - }, - { - "title": "Towards Data Science", - "desc": "Sharing concepts, ideas, and codes. IMO the best Data Science Blog.", - "url": "https://towardsdatascience.com/" - }, - { - "title": "HDF5®", - "desc": "High-performance data management and storage suite", - "url": "https://www.hdfgroup.org/solutions/hdf5/" - }, - { - "title": "Theano", - "desc": "Theano is a Python library that allows you to define, optimize, and evaluate mathematical expressions involving multi-dimensional arrays efficiently.", - "url": "http://deeplearning.net/software/theano/" - }, - { - "title": "Becoming Human - Languages", - "desc": "Top Programming Languages a Data Scientist Must Master.", - "url": "https://becominghuman.ai/top-programming-languages-a-data-scientist-must-master-in-2019-7101a8bc8e16" - }, - { - "title": "SQLAlchemy", - "desc": "SQLAlchemy is the Python SQL toolkit and Object Relational Mapper that gives application developers the full power and flexibility of SQL.", - "url": "https://www.sqlalchemy.org/" - } - ] - }, - { - "title": "Ruby", - "slug": "/ruby", - "resources": [ - { - "title": "AppSignal Blog", - "desc": "Product updates and things we've learned while building AppSignal.", - "url": "https://blog.appsignal.com/" - }, - { - "title": "Drifting Ruby", - "desc": "Product updates and things we've learned while building AppSignal.", - "url": "https://www.driftingruby.com/" - }, - { - "title": "GoRails Blog", - "desc": "Learn about Ruby on Rails. The GoRails blog covers topics across all aspects of Ruby on Rails development.", - "url": "https://gorails.com/blog/" - }, - { - "title": "Reinteractive Articles", - "desc": "Our expert team of designers and developers love what they do and enjoy sharing their knowledge with the world.", - "url": "https://reinteractive.com/blog/" - }, - { - "title": "RailsCasts", - "desc": "Short Ruby on Rails screencasts containing tips, tricks and tutorials. Great for both novice and experienced web developers.", - "url": "http://railscasts.com/" - }, - { - "title": "Railsware Blog", - "desc": "on product management, engineering, design, culture and many more...", - "url": "https://railsware.com/blog/" - }, - { - "title": "RubyFlow", - "desc": "Made a library? Written a blog post? Found a useful tutorial? Share it with the Ruby community here or just enjoy what everyone else has found!", - "url": "http://www.rubyflow.com/" - }, - { - "title": "Ruby Inside", - "desc": "The biggest Ruby and Rails blog since 2006 - tutorials, news, and lots more.", - "url": "http://www.rubyinside.com/" - }, - { - "title": "Ruby Rogues Episodes", - "desc": "A podcast by panel about Ruby and related technologies.", - "url": "https://devchat.tv/ruby-rogues/" - }, - { - "title": "Thoughtbot Weekly Iteration", - "desc": "The Weekly Iteration is our video series where we explore new frameworks and languages, dig in to advanced coding patterns, and share the techniques we use on projects to build robust and maintainable applications. We're currently on a break from recording new episodes, but be sure to check out the many videos we've released previously.", - "url": "https://thoughtbot.com/upcase/the-weekly-iteration/" - }, - { - "title": "Thoughtbot Web Articles", - "desc": "Written by thoughtbot, experienced designers and developers who turn your idea into the right product.", - "url": "https://thoughtbot.com/blog/web/" - }, - { - "title": "Ruby Weekly", - "desc": "A free, once–weekly e-mail round-up of Ruby news and articles.", - "url": "https://rubyweekly.com/" - } - ] - }, - { - "title": "Server", - "slug": "/server", - "resources": [ - { - "title": "Netlify", - "desc": "Free static hosting with privacy in mind!", - "url": "https://netlify.com" - }, - { - "title": "Github Pages", - "desc": "Free static hosting by Github.", - "url": "https://pages.github.com" - }, - { - "title": "Heroku", - "desc": "Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.", - "url": "https://www.heroku.com/" - }, - { - "title": "Ploi", - "desc": "Stop the Hassle. Start deploi'ing. Use Ploi.io for easy site deployments. We take all the difficult work out of your hands, so you can focus on doing what you love: developing your application.", - "url": "https://ploi.io" - }, - { - "title": "Now", - "desc": "Global Serverless Deployments. Now makes serverless application deployment easy. Don't spend time configuring the cloud. Just push your code.", - "url": "https://zeit.co/now" - }, - { - "title": "Namecheap", - "desc": "Domains for your projects", - "url": "https://namecheap.com" - }, - { - "title": "Servers for hackers", - "desc": "Tutorials on how to handle your servers.", - "url": "https://serversforhackers.com/" - }, - { - "title": "Glitch", - "desc": "The friendly community where everyone can discover & create the best apps on the web.", - "url": "https://glitch.com/" - }, - { - "title": "Serverless for Front-End Developers", - "desc": "Find Serverless services (e.g. functions, databases and other tools) for your next project. There are also articles related to Serverless and JAMstack.", - "url": "https://serverless.css-tricks.com/" - } - ] - }, - { - "title": "Utility", - "slug": "/utility", - "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://gifless.herokuapp.com/" - }, - { - "title": "Learn Git", - "desc": "Become a git guru - a tutorial series by Atlassian.", - "url": "https://www.atlassian.com/git/tutorials" - }, - { - "title": "Git from 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/" - } - ] - } -] From 71150c71abf9dae40a41202e0f59b0d9325c3d06 Mon Sep 17 00:00:00 2001 From: Unknown Date: Thu, 8 Aug 2019 22:30:23 -0500 Subject: [PATCH 23/41] indendation added --- store/data.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/store/data.js b/store/data.js index 03cdd45..d58aa6f 100644 --- a/store/data.js +++ b/store/data.js @@ -32,7 +32,11 @@ const includesElOf = (list1, list2) => list1.some(element => list2.includes(elem export const state = () => ({ resources, // List of all tags, duplicates removed - tags: [...new Set(resources.map(resource => resource.resources).flat().map(resource => resource.tags).flat())] + tags: [...new Set( + resources + .map(resource => resource.resources).flat() + .map(resource => resource.tags).flat() + )] }) export const getters = { From d96db19dd5acfe6d1585c5fc3f3eaa948f2895f4 Mon Sep 17 00:00:00 2001 From: Erin Rivas Date: Mon, 12 Aug 2019 19:43:39 -0500 Subject: [PATCH 24/41] moving logic to _category to reduce duplication --- components/Card.vue | 58 ++++++++++++++++------------------------- components/TableRow.vue | 49 ++++++++++++---------------------- pages/_category.vue | 33 ++++++++++++++++++----- 3 files changed, 65 insertions(+), 75 deletions(-) diff --git a/components/Card.vue b/components/Card.vue index 94ae71e..122e16b 100644 --- a/components/Card.vue +++ b/components/Card.vue @@ -1,58 +1,48 @@ From 5d1e205a191cd94ed91a1bc4f09663c5470beb7f Mon Sep 17 00:00:00 2001 From: Erin Rivas Date: Tue, 13 Aug 2019 18:08:24 -0500 Subject: [PATCH 26/41] cleaning out old code from card.vue --- components/Card.vue | 6 ------ 1 file changed, 6 deletions(-) diff --git a/components/Card.vue b/components/Card.vue index 122e16b..e034494 100644 --- a/components/Card.vue +++ b/components/Card.vue @@ -28,12 +28,6 @@ export default { }, mounted() {}, watch: {}, - // category() { - // return this.categories.find( - // category => - // category.title.toLowerCase() === this.categoryRouteTitle.toLowerCase() - // ); - // } } From 0a8c7ebc2890e2a7e5c9614031fe114e7090597d Mon Sep 17 00:00:00 2001 From: Unknown Date: Tue, 13 Aug 2019 20:15:05 -0500 Subject: [PATCH 27/41] createCopyUrl to _category.vue --- components/Card.vue | 21 ++------------------- components/TableRow.vue | 21 ++------------------- pages/_category.vue | 14 ++++++++++++-- 3 files changed, 16 insertions(+), 40 deletions(-) diff --git a/components/Card.vue b/components/Card.vue index e034494..7e24308 100644 --- a/components/Card.vue +++ b/components/Card.vue @@ -3,31 +3,14 @@ p.card--title {{resource.title}} p.card--description {{resource.desc}} .card--links - a.card--reference(@click='createCopyUrl') Copy + a.card--reference(@click='createCopyUrl(resource)') Copy br a.card--target(:href="resource.url" :target='resource.title' rel='noreferrer') Open diff --git a/components/TableRow.vue b/components/TableRow.vue index cb11505..1930717 100644 --- a/components/TableRow.vue +++ b/components/TableRow.vue @@ -5,31 +5,14 @@ td.tableRow--links tr td - a.tableRow--reference(@click='createCopyUrl') Copy + a.tableRow--reference(@click='createCopyUrl(resource)') Copy td a.tableRow--target(:href="resource.url" :target='resource.title' rel='noreferrer') Open diff --git a/pages/_category.vue b/pages/_category.vue index 81e315e..1982ff0 100644 --- a/pages/_category.vue +++ b/pages/_category.vue @@ -4,12 +4,12 @@ .cards(v-if="cardsShown") template div(v-for='resource in category.resources' :key='resource.title') - Card(:resource='resource' :isActive='activeCard === resource.title' v-on:toggle='onToggle(resource.title)') + Card(:resource='resource' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.title') table(v-if="!cardsShown") TableHead(:title="'Welcome'" :desc="'Description'" :url="'URL'") template div(v-for='resource in category.resources' :key='resource.title') - TableRow(:resource='resource' :isActive='activeCard === resource.title' v-on:toggle='onToggle(resource.title)') + TableRow(:resource='resource' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.title') From 00db57f45e3a49349195e9eb7315f1bf3d19bf8d Mon Sep 17 00:00:00 2001 From: Helgard Ferreira Date: Sat, 21 Sep 2019 23:26:58 +0200 Subject: [PATCH 39/41] Fix landing page grammar mistakes --- pages/index.vue | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/pages/index.vue b/pages/index.vue index 22129f2..d548791 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -3,10 +3,10 @@ main h1.text-black.font-bold.text-xl.mb-2 What is  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). - p By the way, this project lives by getting shared, if you find this worthy please share it with others. + 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 where to look for what. + p Therefore we created this project to have the most common and best resources for beginners and veterans in one place — kind of like a bookmarks list for devs and designers, containing only the best gems out there. + p If you want to add your gem, go ahead and open a pull request on GitHub (click on that octocat at the top right corner). + p By the way, this project lives by getting shared; if you find this worthy, please share it with others. p.muted // made with love by p.contributors class  a(href="https://twitter.com/lostdesign") @lostdesign  @@ -14,13 +14,13 @@ a(href="https://github.com/S3B4S") @S3B4S  span and  a(href="https://devcord.com") Devcord - + diff --git a/components/TableRow.vue b/components/TableRow.vue index 1930717..a397cc7 100644 --- a/components/TableRow.vue +++ b/components/TableRow.vue @@ -23,7 +23,9 @@ export default { } .tableRow { background: #2d3748; - padding: 0.25rem; + margin-bottom: 1rem; + padding: 0.5rem; + border-radius: .3rem; transition: 0.2s ease-in-out; width: 1fr; display: grid; @@ -31,12 +33,12 @@ export default { &--title { color: white; + font-weight: 900; } &--description { color: #008190; line-height: 1.3; - margin-right: 10px; } &--links { @@ -59,22 +61,26 @@ export default { } &--reference { + font-size: 12px; + &::before { position: absolute; - height: 0.9rem; - width: 0.9rem; + height: 0.95rem; + width: 0.95rem; margin-left: -1.15rem; - margin-top: -0.1rem; + margin-top: 0.3rem; content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzA4ZTVmZiI+PHBhdGggZD0iTSA0IDIgQyAzLjkwNSAyIDMuODE1NjA5NCAyLjAxNDM0MzggMy43MjQ2MDk0IDIuMDI3MzQzOCBDIDMuNDM0NjA5NCAyLjE0MzM0MzggMy4xMzk3MDMxIDIuMjU3MDkzOCAyLjg0NTcwMzEgMi4zNzEwOTM4IEMgMi4zMzQ3MDMxIDIuNzMzMDkzOCAyIDMuMzI2IDIgNCBMIDIgMTggTCA0IDE4IEwgNCA0IEwgMTggNCBMIDE4IDIgTCA0IDIgeiBNIDggNiBDIDYuODk1IDYgNiA2Ljg5NSA2IDggTCA2IDIwIEMgNiAyMS4xMDUgNi44OTUgMjIgOCAyMiBMIDIwIDIyIEMgMjEuMTA1IDIyIDIyIDIxLjEwNSAyMiAyMCBMIDIyIDggQyAyMiA2Ljg5NSAyMS4xMDUgNiAyMCA2IEwgOCA2IHogTSAxNyA4LjAwMTk1MzEgQyAxNy43NjggOC4wMDE5NTMxIDE4LjUzNjA5NCA4LjI5MzkwNjIgMTkuMTIxMDk0IDguODc4OTA2MiBDIDE5LjY4ODA5NCA5LjQ0NDkwNjMgMjAgMTAuMTk5IDIwIDExIEMgMjAgMTEuODAxIDE5LjY4ODA5NCAxMi41NTQwOTQgMTkuMTIxMDk0IDEzLjEyMTA5NCBMIDE3LjIyNDYwOSAxNS4wMTc1NzggTCAxNS44MTA1NDcgMTMuNjAzNTE2IEwgMTcuNzA3MDMxIDExLjcwNzAzMSBDIDE3Ljg5NjAzMSAxMS41MTgwMzEgMTggMTEuMjY3IDE4IDExIEMgMTggMTAuNzMzIDE3Ljg5NjAzMSAxMC40ODE5NjkgMTcuNzA3MDMxIDEwLjI5Mjk2OSBDIDE3LjMxNjAzMSA5LjkwMTk2ODcgMTYuNjgzOTY5IDkuOTAyOTY4OCAxNi4yOTI5NjkgMTAuMjkyOTY5IEwgMTQuMzkwNjI1IDEyLjE5NTMxMiBMIDE1LjgwNDY4OCAxMy42MDkzNzUgTCAxMy44MDA3ODEgMTUuNjEzMjgxIEwgMTUuMjE0ODQ0IDE3LjAyNzM0NCBMIDEzLjExOTE0MSAxOS4xMjEwOTQgQyAxMi41NTQxNDEgMTkuNjg3MDk0IDExLjgwMSAyMCAxMSAyMCBDIDEwLjE5OSAyMCA5LjQ0NDkwNjMgMTkuNjg4MDk0IDguODc4OTA2MiAxOS4xMjEwOTQgQyA4LjMxMjkwNjMgMTguNTU1MDk0IDggMTcuODAxIDggMTcgQyA4IDE2LjE5OSA4LjMxMjkwNjIgMTUuNDQ1OTA2IDguODc4OTA2MiAxNC44Nzg5MDYgTCAxMC45NzI2NTYgMTIuNzg1MTU2IEwgMTIuMzg2NzE5IDE0LjE5OTIxOSBMIDE0LjM2OTE0MSAxMi4yMTY3OTcgTCAxMi45NTUwNzggMTAuODAyNzM0IEwgMTQuODc4OTA2IDguODc4OTA2MiBDIDE1LjQ2MzkwNiA4LjI5MzkwNjIgMTYuMjMyIDguMDAxOTUzMSAxNyA4LjAwMTk1MzEgeiBNIDEyLjM3MzA0NyAxNC4yMTI4OTEgTCAxMC4yOTI5NjkgMTYuMjkyOTY5IEMgMTAuMTAzOTY5IDE2LjQ4MTk2OSAxMCAxNi43MzMgMTAgMTcgQyAxMCAxNy4yNjcgMTAuMTAzOTY5IDE3LjUxODAzMSAxMC4yOTI5NjkgMTcuNzA3MDMxIEMgMTAuNjcxOTY5IDE4LjA4NjAzMSAxMS4zMjgwMzEgMTguMDg1MDMxIDExLjcwNzAzMSAxNy43MDcwMzEgTCAxMy43ODcxMDkgMTUuNjI2OTUzIEwgMTIuMzczMDQ3IDE0LjIxMjg5MSB6IiBmaWxsPSIjMDhlNWZmIi8+PC9zdmc+Cg=="); } } &--target { + font-size: 12px; + &::before { position: absolute; - height: 0.9rem; - width: 0.9rem; + height: 0.95rem; + width: 0.95rem; margin-left: -1.15rem; - margin-top: -0.1rem; + margin-top: 0.3rem; content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzA4ZTVmZiI+PHBhdGggc3R5bGU9ImxpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDA7dGV4dC10cmFuc2Zvcm06bm9uZTtibG9jay1wcm9ncmVzc2lvbjp0Yjtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiIGQ9Ik0gNSAzIEMgMy45MDY5MzcyIDMgMyAzLjkwNjkzNzIgMyA1IEwgMyAxOSBDIDMgMjAuMDkzMDYzIDMuOTA2OTM3MiAyMSA1IDIxIEwgMTkgMjEgQyAyMC4wOTMwNjMgMjEgMjEgMjAuMDkzMDYzIDIxIDE5IEwgMjEgMTIgTCAxOSAxMiBMIDE5IDE5IEwgNSAxOSBMIDUgNSBMIDEyIDUgTCAxMiAzIEwgNSAzIHogTSAxNCAzIEwgMTQgNSBMIDE3LjU4NTkzOCA1IEwgOC4yOTI5Njg4IDE0LjI5Mjk2OSBMIDkuNzA3MDMxMiAxNS43MDcwMzEgTCAxOSA2LjQxNDA2MjUgTCAxOSAxMCBMIDIxIDEwIEwgMjEgMyBMIDE0IDMgeiIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIHdoaXRlLXNwYWNlPSJub3JtYWwiIG92ZXJmbG93PSJ2aXNpYmxlIiBmaWxsPSIjMDhlNWZmIi8+PC9zdmc+Cg=="); } } diff --git a/pages/_category.vue b/pages/_category.vue index d508c52..770e2b4 100644 --- a/pages/_category.vue +++ b/pages/_category.vue @@ -5,14 +5,12 @@ template(v-for='resource in category.resources' ) Card(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle') table(v-if="!areCardsVisible") - TableHead(:title="'Welcome'" :desc="'Description'" :url="'URL'") template(v-for='resource in category.resources' ) TableRow(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle') From 68dfacdda4a1fff4b201ec16f84d4f5965131c7e Mon Sep 17 00:00:00 2001 From: lostdesign Date: Mon, 30 Sep 2019 15:49:11 +0200 Subject: [PATCH 41/41] :recycle: Adjust table spacing and color --- components/TableRow.vue | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/components/TableRow.vue b/components/TableRow.vue index a397cc7..6f67897 100644 --- a/components/TableRow.vue +++ b/components/TableRow.vue @@ -34,11 +34,14 @@ export default { &--title { color: white; font-weight: 900; + width: 80%; } &--description { - color: #008190; line-height: 1.3; + font-size: 13px; + color: white; + width: 80%; } &--links {