{"id":24408912,"url":"https://github.com/codesandtags/frontend-resources","last_synced_at":"2025-07-31T16:07:35.462Z","repository":{"id":56740830,"uuid":"56891425","full_name":"codesandtags/frontend-resources","owner":"codesandtags","description":"🔥A curated list of awesome useful resources for Front-End. This list has been updated through my years of experience as Front-End. If you want to add links don't hesitate to reach me.","archived":false,"fork":false,"pushed_at":"2024-12-17T03:34:08.000Z","size":9300,"stargazers_count":175,"open_issues_count":3,"forks_count":14,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-05-24T15:21:46.226Z","etag":null,"topics":["css","documentation","front-end","javascript"],"latest_commit_sha":null,"homepage":"https://frontend-documentation-ecru.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codesandtags.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-22T23:52:13.000Z","updated_at":"2025-04-14T23:25:25.000Z","dependencies_parsed_at":"2024-05-19T04:22:16.894Z","dependency_job_id":"436a27b6-7a2f-427c-b465-ab3f5e9ef65f","html_url":"https://github.com/codesandtags/frontend-resources","commit_stats":null,"previous_names":["codesandtags/frontend-documentation","codesandtags/frontend-resources"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codesandtags/frontend-resources","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandtags%2Ffrontend-resources","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandtags%2Ffrontend-resources/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandtags%2Ffrontend-resources/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandtags%2Ffrontend-resources/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codesandtags","download_url":"https://codeload.github.com/codesandtags/frontend-resources/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codesandtags%2Ffrontend-resources/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268068097,"owners_count":24190486,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-31T02:00:08.723Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","documentation","front-end","javascript"],"created_at":"2025-01-20T05:53:33.378Z","updated_at":"2025-07-31T16:07:35.395Z","avatar_url":"https://github.com/codesandtags.png","language":"TypeScript","readme":"# Front End Documentation 2024 🚀\n\n\u003e 🔥 🔥A curated list of awesome useful resources for Front-End 🔥\n\n# Index\n\n- [Accessibility - A11Y](#accessibility---a11y)\n- [Angular in general \u0026 Angular 5+](#angular-in-general--angular-5)\n- [Animation on HTML + CSS + SVG](#animation-on-html--css--svg)\n- [Artificial Intelligence / AGI](#artificial-intelligence--agi)\n- [Awesome and mad projects on JavaScript / CSS 😱](#awesome-and-mad-projects-on-javascript--css-)\n- [Automation and Task](#automation-and-task)\n- [Books](#books)\n- [Bundlers (Webpack)](#bundlers-webpack)\n- [CSS3 \u0026 SCSS](#css3--scss)\n- [Challenges online for JavaScript](#challenges-online-for-javascript)\n- [Crowdfunding sites to achieve the ideas and creative projects](#crowdfunding-sites-to-achieve-the-ideas-and-creative-projects)\n- [Databases](#databases)\n- [Data Visualization / D3](#data-visualization--d3)\n- [EmberJS](#emberjs)\n- [Freelance Webs or Jobs Search Pages for Tech](#freelance-webs-or-jobs-search-pages-for-tech)\n- [Functional Programming in JavaScript](#functional-programming-in-javascript)\n- [Git](#git)\n- [HTML5](#html5)\n- [JavaScript / TypeScript](#javascript--typescript)\n- [JavaScript Testing](#javascript-testing)\n- [Jekyll Templates](#jekyll-templates)\n- [Micro Front-End](#micro-front-end)\n- [Monitoring apps and logging messages](#monitoring-apps-and-logging-messages)\n- [NodeJS](#nodejs)\n- [Other Interesting Articles or Pages](#other-interesting-articles-or-pages)\n- [Performance](#performance)\n- [Progressive Web Apps / PWA](#progressive-web-apps--pwa)\n- [Public APIs](#public-apis)\n- [ReactJS \u0026 React Native](#reactjs--react-native)\n- [Regular Expressions](#regular-expressions)\n- [RxJs Reactive Programming with Javascript and Redux](#rxjs-reactive-programming-with-javascript-and-redux)\n- [Security](#security)\n- [Service Workers](#service-workers)\n- [Sketching / Wireframing / Mockup template / Images](#sketching--wireframing--mockup-template--images)\n- [Static websites generators](#static-websites-generators)\n- [Transpiling JavaScript](#transpiling-javascript)\n- [UX \u0026 UI](#ux--ui)\n- [WebGL](#webgl)\n- [Web Components](#web-components)\n- [WebTools for Front-End](#webtools-for-front-end)\n- [Web VR / Virtual Reality](#web-vr--virtual-reality)\n\n## Accessibility - A11Y\n\n| Description | URL |\n| -------------------------------------------------------- | :--------------------------------------------------------------------------------------------------: |\n| ChromeVox Extension | http://www.chromevox.com/ |\n| Web Content Accessibility Guidelines 2.0 | https://www.w3.org/TR/WCAG20/ |\n| Web Accessibility in mind | http://webaim.org/standards/wcag/checklist |\n| Great tool which tell you how accessible is your webpage | http://wave.webaim.org/ |\n| WAI - ARIA Patterns | https://www.w3.org/TR/wai-aria-practices/ |\n| Plugin for Developer tools in Audits | https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb |\n| ARIA roles | https://www.w3.org/TR/wai-aria/roles#abstract_roles |\n| Accessibility article | http://adrianroselli.com/2016/03/be-wary-of-accessibility-guarantees-from-vendors.html |\n\n## Angular in general \u0026 Angular 5+\n\n| Description | URL |\n| -------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | --------------------------------- | ---------------------------------------------- |\n| Good fundamentals and basics for Angular 2 | https://egghead.io/series/angular-2-fundamentals |\n| Advanced Structure for Angular 1.x projects | https://omarfouad.com/ |\n| Rangle.io : Angular 2 Training | https://www.gitbook.com/book/rangle-io/ngcourse2/details |\n| Vaddin = Angular 2 + Material Design + PolymerJS | https://vaadin.com/elements |\n| Projectes made using Angular | https://www.madewithangular.com/#/ |\n| Example of sites built with angular | https://builtwith.angularjs.org/ |\n| Site tu run examples with Angular | http://plnkr.co/ |\n| Angular best practices | https://scotch.io/tutorials/angularjs-best-practices-directory-structure |\n| Pluralsigh Angular 2 | https://app.pluralsight.com/library/courses/angular-2-getting-started-update/table-of-contents |\n| Fetching on Angular 2 | https://namitamalik.github.io/Fetching-Data-in-Angular2/ |\n| Deploy angular 2 on heroku | https://medium.com/@ryanchenkie_40935/angular-cli-deployment-host-your-angular-2-app-on-heroku-3f266f13f352#.thginc3zg |\n| Custom Themes with Angular Material | https://blog.thoughtram.io/angular/2017/05/23/custom-themes-with-angular-material.html | Practice Excercises for Angular 2 | https://jcoop.io/angular-2-practice-exercises/ |\n| Augury to Debug Angular applications | https://augury.angular.io/ |\n| Deploy Angular 4 on Heroku | https://medium.com/@ervib/deploy-angular-4-app-with-express-to-heroku-6113146915ca |\n| Using env variables in Angular 4 | http://www.chrisjmendez.com/2017/05/24/using-dotenv-with-angular/ |\n| Explains what you need to do to update your app | https://angular-update-guide.firebaseapp.com/ |\n| Working with HttpInterceptors | https://medium.com/@ryanchenkie_40935/angular-authentication-using-the-http-client-and-http-interceptors-2f9d1540eb8 |\n| Checklist for performance in Angular | https://github.com/mgechev/angular-performance-checklist |\n| Testing Snipets with Angular 4+ | https://medium.com/spektrakel-blog/angular-testing-snippets-httpclient-d1dc2f035eb8 |\n| Testing HttpClient in Angular 4+ | https://medium.com/netscape/testing-with-the-angular-httpclient-api-648203820712 |\n| Angular Material | https://material.angular.io/components/categories |\n| Angular Flex Layout | https://tburleson-layouts-demos.firebaseapp.com/#/docs |\n| Angular Google Maps | https://angular-maps.com/ |\n| One of the most complete Angular Courses | https://ultimateangular.com/ |\n| How to build a website with angular and github pages | https://scotch.io/@collinl65/deploying-angular4-app-to-github-pages |\n| Why Angular has chosen Typescript | https://vsavkin.com/writing-angular-2-in-typescript-1fa77c78d8e8 |\n| Added link for Unit Testing in Angular + Karma + Jasmine | https://codecraft.tv/courses/angular/unit-testing/jasmine-and-karma/ |\n| Write Angular apps live \u0026 online | https://stackblitz.com |\n| NG Conf 2018 Talks | https://nitayneeman.com/posts/all-talks-from-ng-conf-2018/ |\n| Understanding Angular Material | https://medium.com/@tomastrajan/the-complete-guide-to-angular-material-themes-4d165a9d24d1 |\n| Scalable Angular Architecture | https://blog.strongbrew.io/A-scalable-angular2-architecture/ |\n| Scalable Angular Architecture | https://bulldogjob.pl/articles/539-scalable-angular-application-architecture |\n| Scalable JavaScript Architecture | https://es.slideshare.net/nzakas/scalable-javascript-application-architecture/108 |\n| Micro Front-Ends approach | https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to-front-end-web-development-f325ebdadc16 |\n| Angular Universal + Ngrx | https://blog.upstate.agency/setting-up-angular-universal-with-ngrx-30d97102be4d |\n| Translating Angular Apps with ngx-translate | https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-ngx-translate |\n| Setting Angular with ngx-translate | https://medium.com/letsboot/translate-angular-4-apps-with-ngx-translate-83302fb6c10d |\n| Ivy explanation | https://herringtondarkholme.github.io/2018/02/19/angular-ivy/ |\n| Understanding Ivy Renderer | https://medium.com/@vyakymenko/understanding-angular-ivy-renderer-c9d07fc01b76 |\n| Deploying Angular app in nginx with docker | https://youtu.be/1jzztM7qJRY |\n| Installing nginx with homebrew | https://coderwall.com/p/dgwwuq/installing-nginx-in-mac-os-x-maverick-with-homebrew |\n| Performance on Angular Apps | https://blog.angular.io/3-tips-for-angular-runtime-performance-from-the-real-world-d467fbc8f66e |\n| Performance on Angular Apps 2 | https://netbasal.com/optimizing-the-performance-of-your-angular-application-f222f1c16354 |\n| Added authentication with Angular and Ngrx | http://mherman.org/blog/2018/04/17/authentication-in-angular-with-ngrx/#.WvzoLtMvzOQ |\n| Angular 6 complete project and beautiful UI | https://medium.com/@hamedbaatour/build-a-real-world-beautiful-web-app-with-angular-6-a-to-z-ultimate-guide-2018-part-i-e121dd1d55e |\n| Angular 6 summary features | https://medium.freecodecamp.org/angular-what-is-the-new-briefly-e6837348dd3a |\n| Angular testing great tutorial | https://blog.realworldfullstack.io/real-world-angular-part-9-unit-testing-c62ba20b1d93 |\n| Nice courses to review :D rxjs, angular, vue | https://coursetro.com/courses |\n| Ingrate Angular + Google Analytics | https://codeburst.io/using-google-analytics-with-angular-25c93bffaa18 |\n| Host listener good practices | https://medium.com/claritydesignsystem/angular-pseudo-events-d4e7f89247ee |\n| Angular Routing pattern | https://medium.com/@shairez/angular-routing-a-better-pattern-for-large-scale-apps-f2890c952a18 |\n| Angular navigation query params | https://blog.angularindepth.com/refresh-current-route-in-angular-512a19d58f6e |\n| Deploy one build with multiple environment files | https://www.jvandemo.com/how-to-use-environment-variables-to-configure-your-angular-application-without-a-rebuild/ |\n| Compodoc for Angular | https://github.com/compodoc/compodoc |\n| Performance for your angular projects | https://web.dev/angular |\n| Angular multilanguage datepicker | https://medium.com/@kristinahertmann/multi-language-date-formats-with-angular-material-b8598415d117 |\n\n## Animation on HTML + CSS + SVG\n\n| Description | URL |\n| --------------------------- | :-----------------------------------------------: |\n| Animation with SVG | https://css-tricks.com/guide-svg-animations-smil/ |\n| Free 404 illustrations | https://www.kapwing.com/404-illustrations |\n| Animations and great styles | https://cssfx.dev/ |\n\n## Artificial Intelligence / AGI\n\n| Description | URL |\n| -------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: |\n| Open AI project | https://openai.com/ |\n| Open AI Systems | https://openai.com/systems/ |\n| An open-source software library for Machine Intelligence | https://www.tensorflow.org/ |\n| Tensor Flow in Action :D | https://medium.freecodecamp.com/big-picture-machine-learning-classifying-text-with-neural-networks-and-tensorflow-d94036ac2274 |\n| Artificial Intelligence Experiments with Google | https://aiexperiments.withgoogle.com/ |\n\n## Awesome and mad projects on JavaScript / CSS 😱\n\n| Description | URL |\n| ------------------------------------ | :----------------------------------------------: |\n| Torrents on the Web | https://webtorrent.io/ |\n| HyperJS plugins | https://github.com/bnb/awesome-hyper |\n| Micro Front Ends | https://micro-frontends.org/ |\n| Picture with CSS and multiple layers | http://diana-adrianne.com/purecss-francine/ |\n| Mario Kart only with CSS | https://codeburst.io/mario-kart-css-7572bd2ce608 |\n\n## Automation and Task\n\n| Description | URL |\n| --------------------------------------------------------------- | :------------------------------------------------------------------------------: |\n| Great article which explains differences between Grunt and Gulp | http://blog.koalite.com/2015/06/grunt-o-gulp-que-uso/ |\n| Great generaetor for Gulp files | http://quenchjs.com/ |\n| Awesome article for Gulp | https://css-tricks.com/gulp-for-beginners/#article-header-id-11 |\n| Good examples for style task with gulp | http://www.sitepoint.com/simple-gulpy-workflow-sass/ |\n| Package for Google PageSpeed in Grunt | https://www.npmjs.com/package/grunt-pagespeed |\n| 15 Tips for Gulp performance | http://stefanimhoff.de/2014/gulp-tutorial-15-performance-improvements-webp-gzip/ |\n| Webpack 2 Getting started | https://blog.madewithenvy.com/getting-started-with-webpack-2-ed2b86c68783 |\n\n## Books\n\n| Description | URL |\n| -------------------- | :--------------------------------: |\n| Bookzz | http://es.bookzz.org/ |\n| Safari Books | https://www.safaribooksonline.com/ |\n| Resilient Web Design | https://resilientwebdesign.com/ |\n\n## Bundlers (Webpack)\n\n| Description | URL |\n| ---------------------------------- | :---------------------------------------------------------------------------------------------------------: |\n| Webpack and Gulp example | http://stackoverflow.com/questions/33558396/gulp-webpack-or-just-webpack |\n| Next-generation ES6 module bundler | https://rollupjs.org/ |\n| RollupJS vs WebpackJS | https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c |\n| Using Bundler Analyzer | https://medium.com/dailyjs/how-did-angular-cli-budgets-save-my-day-and-how-they-can-save-yours-300d534aae7a |\n| Angular bundler analyzer | https://alligator.io/angular/bundle-size/ |\n\n## CSS3 \u0026 SCSS\n\n| Description | URL |\n| --------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------: |\n| Viewer in real time for multiple devices | https://browsersync.io/ |\n| Google Fonts for your website | https://www.google.com/fonts |\n| Page where you can ask for the pixel density of viewports | http://pixensity.com/ |\n| Ellipsis and truncate multiline text | https://imageoptim.com/es.html |\n| Show the properties which use prefix | http://shouldiprefix.com/ |\n| Great things about Flex Box and Support | http://www.slideshare.net/zomigi/leveling-up-with-flexbox-smartwebconf140923 |\n| CSS3 responsive layouts | http://www.slideshare.net/zomigi/css3-layout |\n| Bourbon lightweight mixing library for SASS | http://bourbon.io/ |\n| Tool to calculate Px to EM using a base | http://pxtoem.com/ |\n| Colour Palettes with ideas | http://www.colourlovers.com/ |\n| Super tool to design palettes | https://coolors.co/ |\n| Color palettes best fitted for branding | https://branition.com/colors/ |\n| Complete guide for FlexBox :D | https://css-tricks.com/snippets/css/a-guide-to-flexbox/ |\n| Flexbox explained in Gifs | https://medium.freecodecamp.com/an-animated-guide-to-flexbox-d280cf6afc35#.xwc1sdfnm |\n| Responsive layout toolkit for Sass | http://susy.oddbird.net/ |\n| Great article about how works susy | https://css-tricks.com/build-web-layouts-easily-susy/ |\n| Gallery 3D just using CSS | https://css-tricks.com/creating-a-3d-cube-image-gallery/ |\n| Some Input styles for Forms | http://callmenick.com/post/various-css-input-text-styles |\n| Tips about lengths in CSS | https://css-tricks.com/the-lengths-of-css/ |\n| Scroll Down effects | https://codyhouse.co/demo/page-scroll-effects/gallery.html |\n| Namespace and scalable CSS - BEM | http://getbem.com/introduction/ |\n| Namespace and scalable CSS - SMACSS | https://smacss.com/ |\n| Namespace standard for CSS - OOCSS | http://oocss.org/ |\n| Namespace and scalable CSS - SUITCSS | http://suitcss.github.io/ |\n| Manifesto motion UX | https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc |\n| Font Awesome Icons | http://fontawesome.io/ |\n| Great Icons just using fonts | http://weloveiconfonts.com/ |\n| Youn can customize your font icons here :D | https://css-tricks.com/examples/IconFont/ |\n| Icons free | https://icomoon.io/#icons |\n| Icons and more Icons in SVG :D | https://thenounproject.com/ |\n| Search more than 1.9 Millions of Icons | https://www.iconfinder.com/ |\n| Search more than 500k of Icons | https://www.flaticon.com/ |\n| Game to understand Flexbox | http://flexboxfroggy.com/ |\n| CSS prefixer online tool | http://pleeease.io/play/ |\n| Awesome tutorial for CSS Animations | https://learn.shayhowe.com/advanced-html-css/transitions-animations/ |\n| CSS Animation library | https://daneden.github.io/animate.css/? |\n| Tool to create clip-path in CSS | http://bennettfeely.com/clippy/ |\n| BEM - SMACSS advices | https://www.sitepoint.com/bem-smacss-advice-from-developers/ |\n| SOLID CSS : Open/Closed | https://csswizardry.com/2012/06/the-open-closed-principle-applied-to-css/ |\n| SOLID CSS : Single Responsability | https://csswizardry.com/2012/04/the-single-responsibility-principle-applied-to-css/ |\n| POST CSS | http://postcss.org/ |\n| Microinteraction examples :-) | http://inspire.blufra.me/css-examples-16-animations-effects-snippets/ |\n| Brand Colors Palette | https://brandcolors.net/ |\n| Images based on color | https://pixnio.com/images/40a0e0 |\n| Explained Flex with GIFs | https://medium.freecodecamp.org/even-more-about-how-flexbox-works-explained-in-big-colorful-animated-gifs-a5a74812b053 |\n| Atomic Design Approach | http://atomicdesign.bradfrost.com/ |\n| How to handle fallbacks and compatiblity in CSS | https://modernweb.com/using-css-fallback-properties-for-better-cross-browser-compatibility/ |\n| Atomic Design Book Online | http://bradfrost.com/blog/post/atomic-web-design/ |\n| Atomic Design, why we should use it? | https://platzi.com/blog/por-que-atomic-design/ |\n| Style Guides patterns | http://styleguides.io/ |\n| One execelent course for CSS Grid | https://cssgrid.io/ |\n| SASS to CSS online | https://www.sassmeister.com/ |\n| CSS Animation Course | https://courses.cssanimation.rocks/ |\n| CSS Fundaments Animation Course | https://www.sitepoint.com/premium/courses/animating-with-css-2941 |\n| Playground for CSS in live | http://dabblet.com/help/index.html |\n| Great explanation for EM vs REM and their usages | https://zellwk.com/blog/rem-vs-em/ |\n| | CSS3 Background Pattrns http://lea.verou.me/css3patterns/# |\n| Common errors with BEM | https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/ |\n| CSS good styles guidelines | https://github.com/chris-pearce/css-guidelines#state-hooks |\n| Airbnb Style Guidelines | https://github.com/airbnb/css |\n| OOCSS Guide | https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/ |\n| All timing examples with CSS transitions | https://easings.net/ |\n| Cubic Bezier transitions testing online | http://cubic-bezier.com/#.17,.67,.83,.67 |\n| Architecture for CSS | https://scotch.io/tutorials/aesthetic-sass-1-architecture-and-style-organization |\n| Comparison for SASS Bourbon and Compass | https://stackshare.io/stackups/bourbon-vs-compass-vs-sass |\n| BEM CSS validator | https://torleif.nz/bem/ |\n| Understanding EM and REM | https://webdesign.tutsplus.com/tutorials/comprehensive-guide-when-to-use-em-vs-rem--cms-23984 |\n\n## Challenges online for JavaScript\n\n| Description | URL |\n| ----------------------------------------------- | :------------------------------------------------------------: |\n| Code fast and code well with JavaScript | http://www.codewars.com/ |\n| Try to solve many problems using JavaScript | https://coderbyte.com/ |\n| Solve challenges online using JavaScript | https://www.codingame.com/start |\n| CodeFights with JavaScript become in a Hero | https://codefights.com/ |\n| Formulas for combinatory | http://www.vitutor.com/pro/1/a_f.html |\n| HackerRank one of the best pages for challenges | https://www.hackerrank.com |\n| Exercism | http://exercism.io/ |\n| JavaScript Algorithms | https://mgechev.github.io/javascript-algorithms/ |\n| Leet Code | https://leetcode.com/ |\n| JavaScript Problem and solutions | https://github.com/jeantimex/javascript-problems-and-solutions |\n\n## Crowdfunding sites to achieve the ideas and creative projects.\n\n| Description | URL |\n| ----------------------------- | :-------------------------------------: |\n| gofundme | https://www.gofundme.com/ |\n| kickstarter | https://www.kickstarter.com/ |\n| List of invesment in Startups | https://www.crunchbase.com/#/home/index |\n\n## Databases\n\n| Description | URL |\n| --------------- | :------------------------------------------------------: |\n| Mongo GUI Tools | https://scalegrid.io/blog/which-is-the-best-mongodb-gui/ |\n\n## Data Visualization / D3\n\n| Description | URL |\n| -------------------------- | :---------------------------------------------------------------: |\n| Introduction to D3 in Map | http://maptimeboston.github.io/d3-maptime/#/ |\n| D3 official documentation | https://github.com/d3/d3/wiki |\n| D3 Fundamentals on Udacity | https://www.udacity.com/course/data-visualization-and-d3js--ud507 |\n\n## EmberJS\n\n| Description | URL |\n| --------------------------------------- | :--------------------------------------------------------------------------------: |\n| Official Project | http://emberjs.com/ |\n| Comparision Angular 2 vs Ember vs React | https://smashingboxes.com/blog/choosing-a-front-end-framework-angular-ember-react/ |\n\n## Freelance Webs or Jobs Search Pages for Tech\n\n| Description | URL |\n| ----------- | :--------------------------------------------------: |\n| TopTal | https://www.toptal.com/ |\n| UpWork | https://www.upwork.com |\n| Crossover | https://www.crossover.com/#we-build-worldclass-teams |\n| Dice | http://www.dice.com/ |\n| CodementorX | https://www.codementor.io/freelancer/apply |\n\n## Functional Programming in JavaScript\n\n| Description | URL |\n| --------------------------------------------------------------- | :------------------------------------------------: |\n| A delightful language for reliable webapps. | http://elm-lang.org/ |\n| Guide for ELM Lang | https://guide.elm-lang.org/interop/javascript.html |\n| ClojureScript is a compiler for Clojure that targets JavaScript | https://clojurescript.org/ |\n| Monads in JavaScript | https://cwmyers.github.io/monet.js/ |\n| Ramda JS a JavaScript library for functional programming | http://ramdajs.com/ |\n\n## Git\n\n| Description | URL |\n| --------------------------------------------- | :----------------------------------------: |\n| Excelent guide for commons commands using Git | https://githowto.com/ |\n| Editor HTML to Markdown for README.MD files | https://domchristie.github.io/to-markdown/ |\n| Editor Markdown to HTML for README.MD files | http://dillinger.io/ |\n| Great documentation to understand Git Flow | https://leanpub.com/git-flow/read |\n\n## HTML5\n\n| Description | URL |\n| --------------------------------------------------------- | :---------------------------------------------------------------------: |\n| Things that should know about HTML5 | http://diveintohtml5.info/index.html |\n| Great article and examples for _Responsive Images_ | http://cloudinary.com/blog/automatically_art_directed_responsive_images |\n| Cool Framework for Responsives Emails | https://mjml.io/ |\n| MultiTouch on mobiles Great article with examples | http://www.html5rocks.com/es/mobile/touch/ |\n| Free videos cover for your background web pages or header | http://www.coverr.co/ |\n| Themes using Bootstrap | https://bootswatch.com/ |\n| HTML 5 Cheat sheet | https://websitesetup.org/html5-cheat-sheet/ |\n\n## JavaScript / TypeScript\n\n| Description | URL |\n| ---------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n| JavaScript Design Patterns Book | https://addyosmani.com/resources/essentialjsdesignpatterns/book/index.html |\n| Eloquent JavaScript | http://eloquentjavascript.net/ |\n| Javascript - The good parts | http://bdcampbell.net/javascript/book/javascript_the_good_parts.pdf |\n| Recopilation and good concepts for JavaScript | http://jstherightway.org/ |\n| Trends in libraries | https://www.javascripting.com/ |\n| Compress your JavaScript Code | http://jscompress.com/ |\n| ELM course for beginners | http://courses.knowthen.com/courses/elm-for-beginners/ |\n| One of the best tutorials for Promises in JavaScript ES6 | http://www.html5rocks.com/en/tutorials/es6/promises/ |\n| Dynamic validation of password using JavaScript | http://mlitzinger.com/blog/password-validator-js/ |\n| Best JS Books - Free | http://jsbooks.revolunet.com/ |\n| Understanding Closures | https://jherax.wordpress.com/2015/02/13/javascript-closures/ |\n| Compatibility Table for ES6 in browsers | http://kangax.github.io/compat-table/es6/ |\n| Differences between Apply and Call | http://hangar.runway7.net/javascript/difference-call-apply |\n| Show the key pressed in ASCII number code | http://keycode.info/ |\n| List of Unicode Emoji characters | http://www.fileformat.info/info/emoji/images.htm |\n| You Might Not Need JQuery | http://youmightnotneedjquery.com/ |\n| Super great explation about fetch API | https://jakearchibald.com/2015/thats-so-fetch/ |\n| Understanding Modules system in JavaScript | https://auth0.com/blog/javascript-module-systems-showdown/ |\n| Airbnb JavaScript style guide | https://github.com/airbnb/javascript |\n| How Airbnb use react | http://devnacho.com/2016/03/20/how-airbnb-uses-react/ |\n| ECMASCRIPT 2017 Draft | https://tc39.github.io/ecma262/#sec-intro |\n| Generate massive amounts of fake data in Node.js and the browser | https://github.com/marak/Faker.js/ |\n| TSLint rules for TypeScript | https://palantir.github.io/tslint/usage/rule-flags/ |\n| Tool for manage multiple projects with packages | https://github.com/lerna/lerna |\n| Library to use Promises | http://bluebirdjs.com/docs/api-reference.html |\n| Library to create Intros in the Web Sites as onboarding processs | https://introjs.com/ |\n| AST explorer to understand how works JavaScript | https://astexplorer.net/ |\n| Visual example how works the event loop in JavaScript | [Go to link](http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D) |\n| Creating a custom JS library | https://hackernoon.com/a-complete-workshop-build-your-es6-code-into-a-library-using-webpack-80295faeb833 |\n| Create Typescript library | https://itnext.io/step-by-step-building-and-publishing-an-npm-typescript-package-44fe7164964c |\n| Practice JavaScript exercises | https://practicejs.com/ |\n| Intl NumberFormat in JavaScript | https://www.samanthaming.com/tidbits/30-how-to-format-currency-in-es6 |\n| Intl DateTimeForm | https://devhints.io/wip/intl-datetime |\n\n## JavaScript Testing\n\n| Description | URL |\n| -------------------------------------- | :----------------------------------------------------------------------------------: |\n| JavaScript Testing for React. | http://airbnb.io/enzyme/ |\n| JavaScript Testing library for ReactJS | https://facebook.github.io/jest/ |\n| Futuristic JavaScript test runner | https://github.com/avajs/ava |\n| Ava configuration | https://hackernoon.com/ava-low-config-testing-for-javascript-71bd2d958745#.99ro16qxe |\n| Serenity JS | http://serenity-js.org/ |\n\n## Static websites generators\n\n| Description | URL |\n| ------------------------------------------------------ | :----------------------------------------------------: |\n| Ramarulandac portfolio based on Indigo Jekyll Template | https://github.com/ramarulandac/ramarulandac.github.io |\n| Jekyll | https://jekyllrb.com/ |\n| Hugo | http://gohugo.io/ |\n\n## NodeJS\n\n| Description | URL |\n| --------------------------------------------------------- | :-------------------------------------------------------------------------------------------------: |\n| Tips for NodeJS | https://hackernoon.com/19-things-i-learnt-reading-the-nodejs-docs-8a2dcc7f307f#.h394dcdc5 |\n| NVM repo and documentation | https://github.com/creationix/nvm#install-script |\n| Install NVM | http://dev.topheman.com/install-nvm-with-homebrew-to-use-multiple-versions-of-node-and-iojs-easily/ |\n| Runkit is a live Node notebook | https://runkit.com/home |\n| Advanced, production process manager for Node.js | http://pm2.keymetrics.io/ |\n| A progressive Node.js Framework for scalable applications | https://nestjs.com/ |\n\n## Monitoring apps and logging messages\n\n| Description | URL |\n| ----------------------------------------------- | :-------------------------------------------------------: |\n| Great tool to log the error messages in the app | https://sentry.io/ |\n| Great tool for Monitoring for performance apps | https://gtmetrix.com/ |\n| Audits Performance apps | https://developers.google.com/web/tools/lighthouse/?hl=es |\n| Y Slow Rules | http://yslow.es/ |\n\n## Other Interesting Articles or Pages\n\n| Description | URL |\n| -------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------: |\n| Using browserify | https://carlosazaustre.es/blog/browserify-desarrollando-tu-frontend-como-en-node-js/ |\n| Best pracitces for the web by Google | https://developers.google.com/web/#follow-best-practices |\n| Comparision for testing frameworks in Javascript | https://glebbahmutov.com/blog/picking-javascript-testing-framework/ |\n| Google Web Free Courses | https://developers.google.com/training/web/?hl=es-419 |\n| Logging in errors in clients | https://www.sitepoint.com/logging-errors-client-side-apps/ |\n| Interview Questions Front-End Fork | https://github.com/codesandtags/Front-end-Developer-Interview-Questions |\n| Collection of snippets for RegExo | http://snipplr.com/all/language/regex |\n| Tables vs Divs | https://www.smashingmagazine.com/2009/04/from-table-hell-to-div-hell/ |\n| Why use tables is stupid | https://www.hotdesign.com/seybold/ |\n| Responsive emails in Gmail | https://gsuite-developers.googleblog.com/2016/09/your-emails-optimized-for-every-screen-with-responsive-design.html |\n| Why to become in a Fullstack Developer using JavaScript | https://www.toptal.com/javascript/guide-to-full-stack-javascript-initjs |\n| Using nodeJS on Google Cloud | https://cloud.google.com/nodejs/getting-started/hello-world |\n| Great articles for angular and other stuffs | https://scotch.io/tag/angular-js |\n| Understanding the source maps in JavaScript + Browser | https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ |\n| Great resume and comparation about JavaScript Frameworks/Libraries in 2016 | https://risingstars2016.js.org/#framework |\n| How to become in Google Developer Expert | https://www.quora.com/What-does-it-take-to-be-a-Google-developer-expert |\n| Coding style guide for some famous languages | https://medium.freecodecamp.com/the-100-correct-coding-style-guide-5b594a1655f0 |\n| Gherkin Notation Template | http://docs.behat.org/en/v2.5/guides/1.gherkin.html |\n| JavaScript Tair, Podcast abaout Javascript | https://javascriptair.com/ |\n| JavaScript statistics and anothers topics with Front-End | https://stateofjs.com/2016/introduction/ |\n| Guide to success open source projects | https://opensource.guide/ |\n| Great article about Angular in 2017 | https://malcoded.com/posts/angular-top-2017 |\n| Timeline Web of Browsers | https://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg |\n\n## Performance\n\n| Description | URL |\n| -------------------------------------------------- | :-----------------------------------------------------------------------------------: |\n| Article to improve the performance | https://medium.com/grano/optimizing-angular-application-load-performance-6bb796b1a7c1 |\n| Guide to improve the performance with images | https://images.guide/ |\n| Nice talk about performance in the Google I/O 2018 | https://www.youtube.com/watch?v=Mv-l3-tJgGk |\n| Gzip compresion in apache | https://kinsta.com/es/base-de-conocimiento/habilitar-compresion-gzip/ |\n| Tool to check the Web Compression | https://checkgzipcompression.com/ |\n| Tool to check the Rich Information | https://richpreview.com/ |\n\n## Progressive Web Apps / PWA\n\n| Description | URL |\n| --------------------------------------------- | :---------------------------------------------------------------------------------------------------------: |\n| WEB Real Time Communications | https://webrtc.github.io/samples/ |\n| PWA example | https://app.ft.com |\n| Web App install banner | https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/ |\n| Web App Manifest | https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/ |\n| Added short tutorial for PWA with Angular CLI | https://medium.com/@amcdnl/service-worker-pwas-with-the-angular-cli-98a8f16d62d6 |\n| Is service worker ready? | https://jakearchibald.github.io/isserviceworkerready/ |\n| PWA directory | https://pwa-directory.appspot.com/ |\n| Credential Management API | https://developers.google.com/web/fundamentals/security/credential-management/?hl=es |\n| Web Payments API | https://developers.google.com/web/fundamentals/payments/?hl=es |\n| Deep explanation for fetch API | https://davidwalsh.name/fetch |\n| Detail offline cache persistence | https://jakearchibald.com/2014/offline-cookbook/#cache-persistence |\n| Advance concepts about caching | https://afasterweb.com/2017/01/31/upgrading-your-service-worker-cache/ |\n| Dexie to work with IndexDB | http://dexie.org/ |\n| Responsive Design by Google | https://developers.google.com/web/fundamentals/design-and-ux/responsive/ |\n| Responsive Images | https://css-tricks.com/responsive-images-css/ |\n| Understanding Background Sync | https://developers.google.com/web/updates/2015/12/background-sync |\n| Google Cloud Messaging Tool | https://developers.google.com/cloud-messaging/ |\n| Background Sync implementation | https://ponyfoo.com/articles/backgroundsync |\n| Firebase Functions as backend | https://firebase.google.com/docs/functions/ |\n| Geolocation API | https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation |\n| User Media API | https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia |\n| Collection of JavaScript Libraries for PWA | https://github.com/GoogleChrome/workbox |\n| Browser Storage Limits | https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria |\n| Indexed DB Storage on Chrome | https://developer.chrome.com/apps/offline_storage#temporary |\n| App Manifest Generator Online | https://app-manifest.firebaseapp.com/ |\n\n## Public APIs\n\n| Description | URL |\n| ---------------------------------------------------------- | :------------------------------------------------------------: |\n| Get information about countries, currencies, capitals, etc | https://restcountries.eu/ |\n| Get information about highligh places in Foursquare | https://developer.foursquare.com/ , https://vimeo.com/87793635 |\n| Get information and ratings about places | https://developers.google.com/places/documentation/ |\n| Get PlaceHolders and Mocked Data | https://jsonplaceholder.typicode.com/ |\n| Crunchbase API | https://data.crunchbase.com/ |\n| One of the biggest collection for Public Apis | https://github.com/toddmotto/public-apis |\n\n## RxJs Reactive Programming with Javascript and Redux\n\n| Description | URL |\n| ---------------------------------------------------- | :---------------------------------------------------------------------------: |\n| Difference between Subject and Observable | https://javascript.tutorialhorizon.com/2017/03/23/rxjs-subject-vs-observable/ |\n| Understanding RXJX | https://academind.com/learn/javascript/understanding-rxjs/ |\n| Angular ngrx store repo | https://github.com/ngrx/platform |\n| ngrx course + effects | https://ultimateangular.com/ngrx-store-effects |\n| A great article to understand the selectors in redux | https://toddmotto.com/ngrx-store-understanding-state-selectors |\n\n## ReactJS \u0026 React Native\n\n| Description | URL |\n| --------------------------------------------------- | :---------------------------------------------------------------------------------------------------: |\n| Examples for React in CodePen | https://medium.com/@sgroff04/how-i-learned-react-and-how-you-can-too-6714a48e984a#.ngks752s7 |\n| React Advance course on Pluralsight | https://app.pluralsight.com/library/courses/react-redux-react-router-es6/table-of-contents |\n| Handle immutables states on your JavaScript objects | https://facebook.github.io/immutable-js/ |\n| React Developer Tools for Chrome | https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi |\n| Redux Developer Tools for Chrome | https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=es |\n| How to test React Redux Components | http://ericnish.io/blog/how-to-unit-test-react-redux-components/ |\n| Redux mock store for Testing | http://arnaudbenard.com/redux-mock-store/ |\n| 10 tips for better redux apps | https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44#.yy7kbasb6 |\n| Optimizing React when is slow | https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba |\n| So far the best free React Course | https://reacttraining.com/online/react-fundamentals |\n| React Hooks | https://usehooks.com/ |\n| Components building blocks in React | https://bit.dev/ |\n| Talk about using CSS in JS in React | https://speakerdeck.com/vjeux/react-css-in-js |\n| Styling components in React | https://blog.bitsrc.io/5-ways-to-style-react-components-in-2019-30f1ccc2b5b |\n| React Developer Tools Facebook Project | https://github.com/facebook/react-devtools |\n| React Lifecycle hooks examples | https://stackblitz.com/edit/react-lifecycle-hooks-example?file=index.js |\n| React Memoization | https://medium.com/@sdolidze/react-hooks-memoization-99a9a91c8853 |\n\n## Regular Expressions\n\n- [Calculate regular expression for credit card](https://www.regular-expressions.info/creditcard.html)\n- [Useful regular Expression for developers](http://www.hongkiat.com/blog/regex-web-developers/)\n\n## Service Workers\n\n| Description | URL |\n| --------------------------------------------------------- | :------------------------------------------------------------------------------------: |\n| Service Workers by Google | https://developers.google.com/web/fundamentals/getting-started/primers/service-workers |\n| Service Workers by MDN | https://developer.mozilla.org/en/docs/Web/API/Service_Worker_API |\n| Service Workers explanation | https://github.com/w3c/ServiceWorker/blob/master/explainer.md |\n| Service Workers explanation by Jake (Developer at Google) | https://jakearchibald.com/2014/using-serviceworker-today/ |\n| Oficial documentation for Service Workers | https://w3c.github.io/ServiceWorker/ |\n| Great documentation from Mozilla | https://serviceworke.rs/ |\n| Service Worker Pre Cache Google | https://github.com/GoogleChrome/sw-precache |\n| Service Worker Pre Cache webpack | https://www.npmjs.com/package/sw-precache-webpack-plugin |\n| Service Worker Polymer | https://elements.polymer-project.org/elements/platinum-sw |\n\n## Security\n\n| Description | URL |\n| ----------------------------------------------------- | :-------------------------------------------------------------: |\n| JSON Web Token are an open, undistry standar RFC-7519 | https://jwt.io/ |\n| RFC 7519 specification JWT | https://tools.ietf.org/html/rfc7519 |\n| JWT vs Cookies | https://ponyfoo.com/articles/json-web-tokens-vs-session-cookies |\n\n## Sketching / Wireframing / Mockup template / Images\n\n| Description | URL |\n| ------------------------------------------------------------------------------- | :------------------------------------------------------------------------: |\n| Sketching and Wireframing | https://moqups.com/ |\n| Sketching and Wireframing | https://www.mockflow.com/ |\n| Diagrams and Sketching | https://www.gliffy.com/ |\n| Sketching and wireframing for iPhone | http://iphonemockup.lkmc.ch/ |\n| IF you don't have images but you need a placeholder instead of, this is for you | http://placehold.it/ |\n| Conversor images to SVG | http://picsvg.com/sp/ |\n| Optimize your images (Available for grunt) | https://imageoptim.com/es.html |\n| New Format for Images Webp | https://developers.google.com/speed/webp/ https://caniuse.com/#search=webp |\n| Free resources images for web sites | https://www.freepik.com/ |\n| Images placeholder random / Unsplash API | https://picsum.photos/ |\n| Set of icons free | http://linea.io/ |\n\n## Transpiling JavaScript\n\n| Description | URL |\n| -------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------: |\n| Google Traceur JavaScript.next-to-JavaScript-of-today | https://github.com/google/traceur-compiler |\n| Babel is a JavaScript compiler Use next generation JavaScript, today | https://babeljs.io/ |\n| From ES5 to ES6 | http://lebab.io/try-it |\n| Online IDE / Compiler / Interpreter | https://repl.it/languages |\n| Creating a Typescript library with NPM | https://itnext.io/step-by-step-building-and-publishing-an-npm-typescript-package-44fe7164964c |\n| Beautiful and useful tutorial for Webpack | https://www.valentinog.com/blog/webpack/ |\n\n## UX \u0026 UI\n\n| Description | URL |\n| --------------------------------------- | :-----------------------------------------------------------------: |\n| Dropbox OnBoard | https://www.useronboard.com/how-dropbox-onboards-new-users/?slide=7 |\n| All kind of resources for UI and UX | https://resourcecards.com/ |\n| UX style guides pattern | https://ux.mailchimp.com/patterns/ |\n| UI patterns | http://ui-patterns.com/ |\n| Designs to get inspiration and examples | http://designsnips.com/ |\n| Patterns | http://patterntap.com/library |\n\n## WebGL\n\n| Description | URL |\n| ---------------------- | :-------------------------------------: |\n| Eye WebGL | http://www.vill.ee/eye/ |\n| Experiences with WebGL | https://www.chromeexperiments.com/webgl |\n| Library for WebGL | http://www.pixijs.com/ |\n\n## Web Components\n\n| Description | URL |\n| ---------------------------------------------------- | :------------------------: |\n| Components created by the community based on Polymer | https://customelements.io/ |\n\n## WebTools for Front-End\n\n| Description | URL |\n| --------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------: |\n| Comparision for trends in Front-End based on npm | http://www.npmtrends.com/angular-vs-react-vs-backbone |\n| Google Page Speed Insights in improve the speed for your page | https://developers.google.com/speed/pagespeed/insights/ |\n| Optimize your images with a perfect balance in quality and file size | https://tinypng.com/ |\n| Super useful tool to mock data | https://www.mockaroo.com/ |\n| Library to parse CVS to JSON | http://papaparse.com/ |\n| TODO MVC for the most popular Frameworks | http://todomvc.com/ |\n| Yeoman Scalfolding / Generator | http://yeoman.io/ |\n| A powerful templating engine with inheritance, asynchronous control, and more | https://mozilla.github.io/nunjucks/ |\n| Uglify JS code online | https://skalman.github.io/UglifyJS-online/ |\n| Real HTTP Mocking online | http://www.mocky.io/ |\n| Mock response http | https://httpbin.org/ |\n| Awesome page with many of snipets on Bootstrap | http://bootsnipp.com/ |\n| Autoprefixer Online | https://autoprefixer.github.io/ |\n| Review compatibility of features for browsers | http://caniuse.com/ |\n| Beautiful placeholders using images from unsplash | https://unsplash.it/images |\n| Free sounds in Mp3 / Mp4 | http://soundbible.com/ |\n| Useful tool for editing and structure json data | http://www.jsoneditoronline.org/ |\n| Flags and information of all countries in the world | http://flagpedia.net/ |\n| Videos Free | https://pixabay.com/videos/ |\n| Awesome page to download sound effects | http://www.zapsplat.com/ |\n| NES sounds videogames | http://themushroomkingdom.net/media/smb/wav |\n| Awesome page to review offline documentation for Front End frameworks / libraries | http://devdocs.io/ |\n| Awesome dependency management for Windows. Works like homebrew | https://chocolatey.org/ |\n| Like the NPM , YARN is a better package manager for Node | https://yarnpkg.com/en/ |\n| NVM for windows :D | https://github.com/coreybutler/nvm-windows |\n| Another NVM for Windows, can be installed from choco | https://github.com/marcelklehr/nodist |\n| Polyfills dynamic according to your browser | https://polyfill.io/v2/docs/ |\n| Scape HTML | http://www.freeformatter.com/html-escape.html#ad-output |\n| Library to highligh code | https://highlightjs.org/ |\n| A Query language for your API | http://graphql.org/ |\n| A tool for transforming CSS with JavaScript | http://postcss.org/ |\n| Allows to show the work in progress | https://localtunnel.github.io/www/ |\n| Static web publishing for front-end projects | https://surge.sh/ |\n| Statistics for Browsers usage | http://gs.statcounter.com/ |\n| Fantastic free images | https://www.pexels.com/ |\n| One of the best enrich editors for web | https://ckeditor.com/download |\n| Lorem ipsum for images | http://lorempixel.com/ |\n| Restify REST scalable on Node.js | http://restify.com/ |\n| Unminify JS, CSS, HTML | http://unminify.com/ |\n| Ranking languages in 2017 | https://redmonk.com/sogrady/2017/06/08/language-rankings-6-17/ |\n| Minifier and Beautfier | http://minifycode.com/html-beautifier/ |\n| SCSS to CSS | http://www.cssportal.com/scss-to-css/ |\n| Emojis online | https://emojipedia.org/ |\n| Easy way to copy Emojis / Emoticons | https://www.emojicopy.com/ |\n| Cornify Easter Eggs | http://www.cornify.com/ |\n| Draw and create diagrams online | https://www.draw.io/ |\n| A lot of resources for web | http://codingheroes.io/resources/ |\n| Text Compare Diff Online | https://text-compare.com |\n| Homebrew Formulas | http://brewformulas.org/ |\n| Markdown online | https://dillinger.io/ |\n| jsPDF library | https://parall.ax/products/jspdf |\n| pdf.js library by Mozilla | https://mozilla.github.io/pdf.js/getting_started/ |\n| Markdown Online | https://stackedit.io |\n| Quotes Fancy with images | https://quotefancy.com/ |\n| Install Hooks in the project | https://www.atlassian.com/git/tutorials/git-hooks |\n| Build end-points using Front-End | https://hapijs.com/ |\n| Youtube videos to Mp3 | http://mp3musicsongs.com/en/download/Q73gUUr8Zlw/terminator-2-hasta-la-vista-baby.html |\n| Sounds in MP3 | https://www.albinoblacksheep.com/audio/mp3/300_This_is_Sparta.mp3 |\n| Jekyll installation tutorial | https://help.github.com/articles/setting-up-your-github-pages-site-locally-with-jekyll/ |\n| Favicon generator in multiples dimensions | https://www.favicon-generator.org/ |\n| Web XML Formatter | http://www.webtoolkitonline.com/xml-formatter.html |\n| Another JSON Formatter and converter tool :+1: awesome! | https://jsonformatter.org/ |\n| Tool to compare content online and resolve conflicts | http://www.mergely.com/ |\n| Nice tool to create dynamic interfaces based on JSON objects | http://www.jsontots.com/ |\n| Credit Cards Generator | https://names.igopaygo.com/es/tarjetas-de-credito |\n| Http Status Codes documentation and examples | https://httpstatuses.com/ |\n| Speed reading | http://spritzlet.com/ |\n| Speed reading | http://www.readsy.co/ |\n| Statistics for Browsers and Internet | http://gs.statcounter.com/ |\n| Retrieve the Schema Colors | https://www.schemecolor.com/javascript-logo-colors.php |\n| Shields for Git projects | https://shields.io/category/version |\n| Http Archive State of Web | https://httparchive.org/reports/state-of-the-web |\n| How much is the cost in your website? | https://whatdoesmysitecost.com/ |\n| Browser network limitations | https://docs.pushtechnology.com/cloud/latest/manual/html/designguide/solution/support/connection_limitations.html |\n| A great tool to understand the atomic design system | https://patternlab.io/ |\n| Microsoft Design System - Controls | https://developer.microsoft.com/en-us/fabric/#/ |\n| CORS anywhere to use a proxy | https://cors-anywhere.herokuapp.com/ |\n| Search Easy Node Modules | https://npms.io/ |\n| Has many documentation in one place | https://devdocs.io/ |\n| Search TypeScript Easy libraries | https://microsoft.github.io/TypeSearch/ |\n| Awesome tool to generate reponsive images | https://www.responsivebreakpoints.com/ |\n| Create your own logo | https://hatchful.shopify.com/ |\n| Google initiative to measure the performance | https://www.thinkwithgoogle.com/feature/testmysite |\n| Mocks created easy with Hoverfly | https://docs.hoverfly.io/en/latest/ |\n| Global Statistics for Web | https://gs.statcounter.com/ |\n| Front-End Full Stack Course | https://fullstackopen.com/en |\n\n## Micro Front-End\n\n| Description | URL |\n| -------------------------------------------- | :----------------------------------------------------: |\n| One Framework to handle the micro front-ends | https://single-spa.js.org/ |\n| Micro Front-End Article | https://martinfowler.com/articles/micro-frontends.html |\n\n## Web VR / Virtual Reality\n\n| Description | URL |\n| ---------------------------------------------------- | :----------------------------------------------------------: |\n| 3 Reasons WebVR Is The Future of Virtual Reality | https://uploadvr.com/3-reasons-webvr-future-virtual-reality/ |\n| Share and discover 3D Content | https://sketchfab.com/ |\n| React VR | https://facebook.github.io/react-vr/ |\n| Show the matrix for current browses supporting webvr | https://webvr.rocks/ |\n| Build immersive web VR using Vizor | https://vizor.io/ |\n| glTF GL Transmission Format for 3D assets | https://github.com/KhronosGroup/glTF/tree/2.0 |\n| Added link to threejs page JavaScript 3D | https://threejs.org/ |\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodesandtags%2Ffrontend-resources","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodesandtags%2Ffrontend-resources","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodesandtags%2Ffrontend-resources/lists"}