From 5e26e908584c561deac5f2d4948393eb10ba8863 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Weller?= Date: Wed, 15 May 2019 17:29:49 +0200 Subject: [PATCH] add contents --- pages/css/index.vue | 15 +++++++++++++++ pages/daily/index.vue | 15 +++++++++++++++ pages/design/index.vue | 25 +++++++++++++++++++++++++ pages/frontend/index.vue | 5 +++++ pages/general/index.vue | 5 +++++ pages/javascript/index.vue | 20 ++++++++++++++++++++ pages/tools/index.vue | 15 +++++++++++++++ 7 files changed, 100 insertions(+) diff --git a/pages/css/index.vue b/pages/css/index.vue index ae85520..604b191 100644 --- a/pages/css/index.vue +++ b/pages/css/index.vue @@ -13,6 +13,11 @@ export default { data() { return { resources: [ + { + title: 'Keyframes Editor', + desc: 'An insanely simple way to create CSS animations', + url: 'https://keyframes.app/editor/' + }, { title: 'Flexbox Froggy', desc: 'A game to learn Flexbox', @@ -63,6 +68,16 @@ export default { desc: 'A mostly reasonable approach to css and sass.', url: 'https://github.com/airbnb/css' }, + { + title: 'Animista', + desc: 'CSS animations on demand.', + url: 'http://animista.net/' + }, + { + title: 'Use CSS Grids the right way', + desc: 'CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to learn.', + url: 'https://vgpena.github.io/using-css-grid-the-right-way/' + }, ] } }, diff --git a/pages/daily/index.vue b/pages/daily/index.vue index 0e7ea5a..5d65521 100644 --- a/pages/daily/index.vue +++ b/pages/daily/index.vue @@ -23,6 +23,21 @@ export default { desc: 'Daily webdev related articles, snippets and guides since 2007', url: 'https://css-tricks.com/' }, + { + title: 'Smashing magazine', + desc: 'Founded in September 2006 in Germany, Smashing Magazine delivers reliable, useful, but most importantly practical articles to web designers and developers. ', + url: 'https://www.smashingmagazine.com/' + }, + { + title: 'Hackernews', + desc: 'Hacker News is a social news website focusing on computer science and entrepreneurship.', + url: 'https://news.ycombinator.com/' + }, + { + title: 'Producthunt', + desc: 'Check popular new products out and get inspired, maybe even post yours?', + url: 'https://www.producthunt.com/' + }, ] } }, diff --git a/pages/design/index.vue b/pages/design/index.vue index fafb618..e59cd24 100644 --- a/pages/design/index.vue +++ b/pages/design/index.vue @@ -13,6 +13,11 @@ export default { data() { return { resources: [ + { + title: 'UX/UI Designer Roadmap 2017', + desc: 'Roadmap to becoming a UI/UX Designer in 2017', + url: 'https://github.com/togiberlin/ui-ux-designer-roadmap' + }, { title: 'Undraw', desc: 'Free vector illustrations for your website.', @@ -63,6 +68,26 @@ export default { desc: 'A concise, referential guide on best web typographic practices.', url: 'http://typographyhandbook.com' }, + { + title: 'Hyperpixel.io', + desc: 'Discover the latest designs for your own inspiration from our curated list of landing pages.', + url: 'https://hyperpixel.io/' + }, + { + title: 'sharpen.design', + desc: 'Sharpen is where designers hone their craft - randomly generated design challenges.', + url: 'https://sharpen.design/' + }, + { + title: 'Good UI', + desc: 'A Good User Interface Is One That\'s Backed By Reproducible Evidence (A/B Tests)', + url: 'https://goodui.org/' + }, + { + title: 'SVG ON THE WEB', + desc: 'A Practical Guide', + url: 'https://svgontheweb.com/' + }, ] } }, diff --git a/pages/frontend/index.vue b/pages/frontend/index.vue index a9dc057..0e194f8 100644 --- a/pages/frontend/index.vue +++ b/pages/frontend/index.vue @@ -33,6 +33,11 @@ export default { desc: 'Premium tier video courses for any modern stack. Monthly or yearly subscription.', url: 'https://frontendmasters.com' }, + { + title: 'Don\'t fear the internet', + desc: 'Basic HTML & CSS for NON-WEB DESIGNERS', + url: 'http://www.dontfeartheinternet.com/' + }, ] } }, diff --git a/pages/general/index.vue b/pages/general/index.vue index 01bc786..a571e70 100644 --- a/pages/general/index.vue +++ b/pages/general/index.vue @@ -38,6 +38,11 @@ export default { desc: 'Making the web more awesome - latest news about google chrome', url: 'https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw' }, + { + title: 'Code wars', + desc: 'Challenge yourself on kata, created by the community to strengthen different skills. Master your current language of choice, or expand your understanding of a new one.', + url: 'https://www.codewars.com/' + }, ] } }, diff --git a/pages/javascript/index.vue b/pages/javascript/index.vue index 298f1c8..1739c3a 100644 --- a/pages/javascript/index.vue +++ b/pages/javascript/index.vue @@ -13,11 +13,21 @@ export default { data() { return { resources: [ + { + title: 'WarriorJS', + desc: 'An exciting game of programming and Artificial Intelligence', + url: 'https://warrior.js.org/' + }, { title: 'Javascript30', desc: 'Free video courses about javascript. Made by WesBos', url: 'https://javascript30.com' }, + { + title: 'JS the right way', + desc: 'This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.', + url: 'https://jstherightway.org' + }, { title: 'Learn vanilla js', desc: 'A vanilla JS roadmap, along with learning resources and project ideas to help you get started.', @@ -53,6 +63,16 @@ export default { desc: 'Tutorials, references, tools and resources. Your goto documentation to learn js.', url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript' }, + { + title: 'Learn javascript fast', + desc: 'Welcome to learnjavascriptfast.com, a free online course designed to help you learn Javascript fast with hands-on project. Our aim is to equip you with enough knowledge to start coding your own Javascript pages immediately upon completion of this course.', + url: 'https://learnjavascriptfast.com/' + }, + { + title: 'ECMAScript 6 ', + desc: 'ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009.', + url: 'https://github.com/lukehoban/es6features#readme' + }, ] } }, diff --git a/pages/tools/index.vue b/pages/tools/index.vue index 77aa5a8..87d53c0 100644 --- a/pages/tools/index.vue +++ b/pages/tools/index.vue @@ -88,6 +88,21 @@ export default { desc: 'A favicon generator for all browsers and platforms.', url: 'https://realfavicongenerator.net' }, + { + title: 'JSFiddle', + desc: 'JSFiddle is for: Demos for docs, Bug reporting (test-case) for Github Issues, Live code collaboration, Code snippets hosting for free!', + url: 'https://jsfiddle.net' + }, + { + title: 'Gifless', + desc: 'Create emoji & text gifs in seconds', + url: 'https://www.gifless.com/' + }, + { + title: 'Learn Git', + desc: 'Become a git guru - a tutorial series by Atlassian.', + url: 'https://www.atlassian.com/git/tutorials' + }, ] } },