{"id":1647,"url":"https://github.com/Neofonie/frontend-resources","name":"frontend-resources","description":"useful resources for learning and keeping up-to-date here at neofonie","projects_count":45,"last_synced_at":"2026-10-04T04:00:29.562Z","repository":{"id":49044172,"uuid":"136612138","full_name":"Neofonie/frontend-resources","owner":"Neofonie","description":"useful resources for learning and keeping up-to-date here at neofonie","archived":false,"fork":false,"pushed_at":"2021-07-08T12:15:54.000Z","size":50,"stargazers_count":4,"open_issues_count":0,"forks_count":6,"subscribers_count":10,"default_branch":"master","last_synced_at":"2026-09-14T08:11:13.399Z","etag":null,"topics":["awesome-list","css","frontend","javascript","newsletter","resources"],"latest_commit_sha":null,"homepage":"https://neofonie.github.io/frontend-resources/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Neofonie.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-08T11:48:32.000Z","updated_at":"2023-01-31T14:27:13.000Z","dependencies_parsed_at":"2022-09-12T04:41:39.556Z","dependency_job_id":null,"html_url":"https://github.com/Neofonie/frontend-resources","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Neofonie/frontend-resources","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neofonie%2Ffrontend-resources","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neofonie%2Ffrontend-resources/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neofonie%2Ffrontend-resources/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neofonie%2Ffrontend-resources/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Neofonie","download_url":"https://codeload.github.com/Neofonie/frontend-resources/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Neofonie%2Ffrontend-resources/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":343072799,"owners_count":37992479,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-10-03T21:59:58.778Z","status":"online","status_checked_at":"2026-10-04T02:00:06.888Z","response_time":127,"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"}},"created_at":"2024-01-04T18:13:51.062Z","updated_at":"2026-10-04T04:00:29.562Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["DOING","LEARNING","UNMAINTAINED"],"sub_categories":["Tools and Utilities","Learning Resources","Essentials","Podcasts","Online Courses","Magazines","Newsletter","Tech Tutorials","Browser Extensions"],"readme":"# frontend-resources\n\n## LEARNING\n\n### Learning Resources\n\n* [Cheatsheets](https://devhints.io/) a modest collection of cheatsheets \n* [Frontend Performance](https://github.com/thedaviddias/Front-End-Performance-Checklist) an exhausted list of elements you should check or at least be aware of\n* [Web Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap) 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. \n* [Superhero.js](http://superherojs.com/) A stylish list of online resources to learn and understand the basics of JavaScript (ES5), how to organize code, which tools to use, etc. A very good starting point for the beginner and intermediate frontend developer.\n* [JavaScript the right way](http://jstherightway.org/) Another resource for beginners and intermediate developers.\n* [You don't know JS](https://github.com/getify/You-Dont-Know-JS) A free series of books on JS. A little dated, but still worth a read.\n* [Eloquent JavaScript](https://eloquentjavascript.net/) A beginner-friendly resource from which even the experienced developer might learn a thing or two.\n* [Modular JavaScript Book Series](https://github.com/mjavascript) \"An open effort to improve our collective understanding of writing robust, well-tested, and modular applications\"\n* [Web-Skills](https://andreasbm.github.io/web-skills/) A visual overview of useful skills to learn as a web developer\n\n### Magazines\n\n* [medium](https://medium.com/topic/software-engineering) Back-end to front-end.\n* [Hackernoon](https://hackernoon.com/) How hackers start their afternoon.\n* [freeCodeCamp](https://medium.freecodecamp.org) Stories about development, design and data science.\n* [techcrunch](https://techcrunch.com/tag/javascript/) The javascript news stream from techcrunch.\n* [SmashingMagazine](https://www.smashingmagazine.com/) For web designers and developers.\n* [CSS tricks](https://css-tricks.com/) Lots of tricks in css.\n\n### Newsletter\n\n* [Codrops Collective](https://tympanus.net/codrops/collective/) The Collective features the latest news and resources from the web design \u0026 web development community. \n* [Sidebar](https://sidebar.io/) Since 2012, Sidebar has been collecting the best links about UI design, typography, CSS, user research, and all other facets of design.\n* [Web Development Reading List](https://wdrl.info/) A handcrafted, carefully created weekly update resource for web developers by Anselm Hannemann, founder of Colloq. \n* [ES6.Next News](http://esnextnews.com/) Weekly newsletter curated by Dr. Axel Rauschmayer\n\n### Online Courses\n\n* [CSS Grid (FREE!)](https://cssgrid.io/) learn CSS Grid with Wes Bos in 25 pretty good videos\n* [Javascript30 (FREE!)](https://javascript30.com/) 30 Day Vanilla JS Coding Challenge\n* [What TheFlexBox?! (FREE!)](https://flexbox.io/) a simple, free 20 video course that will help you master CSS Flexbox!\n* [Udemy](https://www.udemy.com/)\n\n### Podcasts\n\n* [SyntaxFM](https://syntax.fm/) A Tasty Treats Podcast for Web Developers by Wes Bos and Scott Tolinski\n* [CSS Podcast](https://pod.link/thecsspodcast) All about CSS with Una Kravets and Adam Argyle, Developer Advocates from Google\n* [Shoptalk Show](https://shoptalkshow.com/) A podcast about building websites\n* [Toolsday](https://spec.fm/podcasts/toolsday) A show by Una Kravets \u0026 Chris Dhanaraj about the latest in tech tools, tips, and tricks on Tuesdays at 2 \n* [programmier.bar](https://www.programmier.bar/podcast) Wollt ihr mehr über Progressive Web Apps, CSS Grids, TypeScript oder andere spezifische Themen der Web- und App-Entwicklung erfahren? Dann hört rein in unseren Podcast! \n\n### Tech Tutorials\n\n* [CSS Grid](https://learncssgrid.com/) a guide to learning CSS grid by @jonsuh\n* [Grid Garden](https://cssgridgarden.com/) A playful intro to CSS grid.\n* [Flexbox](https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35) a complete illustrated Flexbox tutorial\n* [Flexbox Froggy](https://flexboxfroggy.com/) A playful intro to CSS flexbox.\n\n## DOING\n\n### Essentials\n* [Can i use?](https://caniuse.com/) Can i use this or that in this or that browser? Maybe. Take a look.\n\n### Browser Extensions \n\n* [Awesome Screenshot](http://www.awesomescreenshot.com/) screen capture \u0026 image annotation too\n* [EditThisCookie](http://www.editthiscookie.com/) add, delete, edit, search the cookies on your page\n* [Lighthouse](https://developers.google.com/web/tools/lighthouse/) automated tool for improving the performance, quality, and correctness of your web apps\n* [PerfectPixel](http://www.welldonecode.com/perfectpixel/) put a semi-transparent image overlay over the top of the developed HTML\n* [Web Developer](https://chrispederick.com/work/web-developer/) nice outlining for different element types, for example\n* [Page Ruler](https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme) measure elements on any web page\n* [VisBug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc) \"FireBug for designers\"\n\n### Tools and Utilities\n* [Postman](https://www.getpostman.com/front-end) working with url endpoints, simulate APIs\n* [Insomnia REST Client](https://insomnia.rest/) powerful and easy tool for api calls\n* [OBS - Open Broadcaster Software](https://obsproject.com/de) easy screen recording\n\n\n## UNMAINTAINED\n\n* [Web Love with Una](https://tinyletter.com/weblove/) the personal (monthly-ish) newsletter of Una Kravets, filled with tiny bits of web love and inspiration. \n* [JS Air](https://javascriptair.com/) Seems to be dead, but the available episodes are quite good.\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/neofonie%2Ffrontend-resources/projects"}