diff --git a/pages/css/index.vue b/pages/css/index.vue index c5f5369..ae85520 100644 --- a/pages/css/index.vue +++ b/pages/css/index.vue @@ -28,6 +28,11 @@ export default { desc: 'A curated collection of useful CSS snippets you can understand in 30 seconds or less.', url: 'https://30-seconds.github.io/30-seconds-of-css/' }, + { + title: 'Grid by example', + desc: 'Everything you need to learn CSS Grid Layout', + url: 'https://gridbyexample.com/learn/' + }, { title: 'BEM naming convention', desc: 'Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development', @@ -53,6 +58,11 @@ export default { desc: 'The ultimate box shadow generator', url: 'https://www.cssmatic.com/box-shadow' }, + { + title: 'AirBnB CSS / Sass Styleguide', + desc: 'A mostly reasonable approach to css and sass.', + url: 'https://github.com/airbnb/css' + }, ] } }, diff --git a/pages/frontend/index.vue b/pages/frontend/index.vue index 676a7fd..a9dc057 100644 --- a/pages/frontend/index.vue +++ b/pages/frontend/index.vue @@ -18,6 +18,11 @@ export default { desc: 'A lovely guide made by frontendmasters.', url: 'https://frontendmasters.com/books/front-end-handbook/2019/' }, + { + title: 'Frontend Style Guide', + desc: 'Example on how to style, format and organize your frontend project.', + url: 'https://kaliop.github.io/frontend-style-guide/2.0/' + }, { title: 'Learn to Code HTML & CSS', desc: 'Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.', diff --git a/pages/general/index.vue b/pages/general/index.vue index 42f7e17..01bc786 100644 --- a/pages/general/index.vue +++ b/pages/general/index.vue @@ -23,6 +23,11 @@ export default { desc: 'Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.', url: 'https://github.com/kamranahmedse/developer-roadmap/blob/master/readme.md' }, + { + title: 'ebookfoundation', + desc: 'Freely available programming books', + url: 'https://ebookfoundation.github.io/free-programming-books/' + }, { title: 'Google Developer', desc: 'Tutorials, guides, and best practices for building the next generation of web experiences.', diff --git a/pages/tools/index.vue b/pages/tools/index.vue index 19874ef..77aa5a8 100644 --- a/pages/tools/index.vue +++ b/pages/tools/index.vue @@ -73,6 +73,21 @@ export default { desc: 'Generate types and serializers from JSON.', url: 'https://quicktype.io' }, + { + title: 'NGINXconfig.io', + desc: 'Quickly generate a NGINX config for your server.', + url: 'https://nginxconfig.io/' + }, + { + title: 'Online tools', + desc: 'Decode, encode and hash any string quickly.', + url: 'https://emn178.github.io/online-tools' + }, + { + title: 'Favicon generator. For real.', + desc: 'A favicon generator for all browsers and platforms.', + url: 'https://realfavicongenerator.net' + }, ] } },