Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Awesome-List

A list of my favorite findings in the software industry. 🕶️
https://github.com/ryparker/Awesome-List

Last synced: about 20 hours ago
JSON representation

  • 📰 Blogs

    • CSS-Tricks - Blog posts from CSS experts. Every web developer should bookmark this site for CSS reference. Don't care about the blog posts? Here's the [almanac](https://css-tricks.com/almanac/).
    • Code Academy - Learn web development.
    • Cypress
    • Amazon's Alexa Teams
    • Kent C. Dodds - Software quality
    • Dev.to - A place for developers to share their knowledge and ideas.
    • Medium.com - Medium is a platform for sharing ideas, knowledge, and resources.
    • Kaggle - Machine learning challenges.
    • TechChrunch - Tech and Startup news.
    • The Daily Swig - Cybersecurity news and views
    • Designmodo - Frontend design blog
    • Bruno Simon - Bruno's blog is like a video game. Built using Threejs you traverse as a little toy monster truck exploring his projects and knocking over bowling pins. This blog is so creative it might just inspire you to learn more about ThreeJS of which he provides a comprehensive course for!
    • Gleb Bahmutov PhD - Quality and testing
    • Zach Leatherman - Zach is a builder for the web with Netlify. He’s currently fixated on web fonts and static site generators.
    • Illustrated.dev - Illustrated explanations of web development, technology & a little bit of anthropology.
    • HackerNoon - News and articles from the hacker community.
    • Bobby Tables - A guide to preventing SQL injection.

  • 🕷️ Bug Bounties

    • HackerOne - The most trusted hacker powered security platform.
    • Facebook Whitehat - Facebook's official bounty program.
    • BugCrowd - Fully-managed Bug Bounty programs combine analytics, automated security workflows, and human expertise to find and fix more critical vulnerabilities.
    • Facebook Whitehat - Facebook's official bounty program.

  • 📚 Books

  • 💖 Admired Examples

    • Using Clean Architecture for Microservice APIs in Node.js with MongoDB and Express - Youtube - Good example of how to develop node applications in JS.
    • Relay Examples Subscription - JS - Example of subscriptions with Relay Modern.
    • AWS CDK - TS - AWS CDK (Cloud Development Kit) is written in Typescript but is transpiled into multiple languages using [JSII](https://github.com/aws/jsii).
    • Node Slack SDK - TS - Slack Developer Kit for Node.js
    • AWS SDK JS - JS - AWS SDK for JavaScript in the browser and Node.js.
    • NodeJS Clean Architecture App - JS - A simple API built with Hapi.js that follows DDD + Clean Architecture principles.
    • Google Test - C++ - Google Testing and Mocking Framework
    • Jira Performance Tests - Kotlin - A fully-automated performance benchmarking tool designed for Jira Server and Jira Data Center.
    • PyTest Allure API Framework - Python
    • Devilution - C++ - Diablo devolved - magic behind the 1996 computer game.
    • Josh Comeau's blog - One of the best blog designs i've seen. Josh incorporates sound, hit counters, and other fancy tricks in his blog design. His actual content are solid and some go into detail on how he added some of his blogs coolest features. I highly recommend it to everyone.
    • RallyInteractive - Rally is a small digital product studio in Salt Lake City, Utah. We're an experienced team of designers & developers, partnering with brands like Google, Nike, and National Geographic since 2011.

  • 💻 Applications

    • CleanShot - A better screenshot/screen record tool that gives you more control on what is captured. This app offers fantastic editing options that native MacOs screenshot does not, such as blur, step annotations, highlighting, and pinning. It also offers a scrolling capture function which allows you to screenshot a webpage that is longer than your devices viewport.
    • HazeOver - A MacOS app that automatically dims inactive windows to help keep you focused.
    • Muzzle - A simple mac app that automatically silences embarrassing notifications when screen-sharing.
    • Tower - The best Git client i've ever used. Over 100000 developers and designers are more productive with Tower - the most powerful Git client for Mac and Windows.
    • Krisp - An AI powered application that removes background noise from both your microphone and your input audio. 120 minutes/week are free.
    • Burp Suite - A leading range of cybersecurity tools, brought to you by PortSwigger.
    • Contexts - A replacement for MacOs's CMD + Tab interface. The reason I love this app is because it allows me to tab between windows of the same app (like multiple VSCode windows). Contexts also offers a convenient tab menu and more customization options of where and how windows behave.
    • PixelSnap 2 - The fastest tool for measuring anything on your screen. This is a must have for UI development.
    • Dashlane - Everybody should have a password manager by now. Dashlane is a cross-platform subscription-based password manager and digital wallet application available on macOS, Windows, iOS and Android. It uses a Freemium pricing model which includes both a free tier and a premium subscription.
    • Alfred - A replacement for MacOs's Spotlight. It allows you to install/create plugins to fit your work patterns. My favorite feature is that you can search clipboard history directly from spotlight. [_Check out my list of Alfred resources._](#Alfred)

  • 🎩 Alfred

  • 🍰 Raspberry Pi

    • Time Machine - How to turn your Pi into an Apple Time Machine.
    • Gladys Assistant - Gladys is an open-source program which integrates into your life, seamlessly communicating across your entire home network and your devices while checking your calendar.
    • Pi-Hole - Network-wide Ad Blocking

  • 🫖 Design

    • :bulb: Design Inspiration

      • Grid By Example - Everything you need to learn CSS Grid Layout. Includes several examples of how you can use CSS grid to give your site a unique layout.
      • CodePen Topics - Templates, examples and resources for common libraries, frameworks and UI patterns.
      • Codrops - A web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.
      • Dribble - Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.

    • :abacus: Data Visualizations

      • ObservableHQ - Explore data visualization demos/code. Typically showcases examples that use D3.
      • Data-Driven Documents - A JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

    • :art: Color Pallet Design

      • Paletton - You don’t need to know the ins and outs of color theory in order to use Paletton's unique and easy color wheel. All you need to do is choose the basic color you are interested in exploring, and get inspired.
      • Adobe Color Wheel - Another easy to use color wheel.
      • Colorable - Make sure your background colors contrast from your text color by using Colorable to rate your colors.
      • My Color Space - Just enter a color and generate nice color pallets.
      • UIGradients - Beautiful gradients.
      • Encycolorpedia - Search a color and find complimentary colors and designs.

    • :sponge: Textures

      • Transparent Textures - Free transparent textures that can give your backgrounds style.
      • Toptal - Subtle patterns that can give your backgrounds style.

    • :thumbsup: Icon Design

      • Make App Icon - This icon resizer optimizes your icon designs into all formats needed for iOS and Android mobile app!
      • TheNounProject - Download public SVG/PNG icons. If you have a membership you don't even have to cite the creator!
      • FlatIcon - The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.

    • :ticket: Social Cards

    • :framed_picture: Image Optimization

      • 99Designs - Image file types - To the point explanation of when to use which image file format.
      • TinyJPG - TinyJPG reduces the file size of your JPEG images. Every uploaded image is analyzed to apply the best possible JPEG encoding. Based on the content of your image an optimal strategy is chosen. The result is a quality image without wasting storage or bandwidth!

    • 🎨 Design Libraries

      • Styled Components - The best design library is your own. Having full flexibility to modify any presentation to your will is a difference maker.

    • :curly_loop: Typography

      • Typography for Laywers - An excellent resource by [Matthew Butterick](https://typographyforlawyers.com/about-matthew-butterick.html) that goes in depth on typography rules and recommended practices. Also the author/site owner offers some beautiful fonts for sale. I've purchased a few that are currently being used on [USACounts.com](https://usacounts.com)
      • V-Fonts - A simple resource for finding and trying variable fonts.

    • :jigsaw: Component Libraries

      • ReachUI - Provides unstyled base components that come with great accessibility and performance. All you have to do is style them to fit your design.
      • Ant Design - A design system for enterprise-level products. Create an efficient and enjoyable work experience.
      • Semantic UI - Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
      • Radix Primitives - Similar to ReachUI, An open-source UI component library for building high-quality, accessible design systems and web apps.

    • :money_with_wings: UI Kits

      • ShutterStock - Not interested in designing your own components but still want a unique look and feel? Purchase a library of components!
      • Creative Market - These modern, feminine, and professional themes can power e-commerce sites, portfolios, and blogging platforms.
      • ShutterStock - Not interested in designing your own components but still want a unique look and feel? Purchase a library of components!
      • Creative Market - These modern, feminine, and professional themes can power e-commerce sites, portfolios, and blogging platforms.

    • :black_square_button: Shadow Design

      • CSSBoxShadow - Easily generate box shadow CSS. Also includes tools for gradients, borders, and noise textures.

    • :scissors: CSS and SVG Masking/Clipping

    • :tada: Animation

      • Framer Motion - A production-ready motion library for React. Utilize the power behind Framer, the best prototyping tool for teams. Proudly open source. Used by Netflix and other state of the art sites.

  • 📦 Modules/Packages

    • :curly_loop: Typography

      • Hasura - Hasura is an open source engine that connects to your databases & microservices and auto-generates a production-ready GraphQL backend.
      • RimRaf - A simple, fast, and reliable utility for removing files and directories and it's OS agnostic. There's almost always an output folder in every project RimRaf is a good way to clean up those outputs. I usually add a script to the `package.json` to easily run this e.g. `"clean": "rimraf build cdk.out .next"`.

    • Frontend development

      • NextJS - NextJS can be a static site generator like Gatsby, however it lacks in image rendering features. Where NextJS comes up short, it makes up for with other **fantastic features like SSR, SSG, REST API server** and more.
      • Google Charts - Google chart tools are powerful, simple to use, and free. Try out Google's rich gallery of interactive charts and data tools.
      • Recharts - A composable charting library built on React components.

    • Testing

      • Steno - Record and Replay your HTTP requests, both incoming and outgoing, to generate fixtures for your tests.
      • Loki - Visual Regression Testing for Storybook.
      • Stryker - TS - For an introduction to mutation testing and Stryker's features, see stryker-mutator.io.

    • Documentation

      • Docz - Create MDX files showcasing your code and Docz turns them into a live-reloading, production-ready site.
      • Doxygen - The de facto standard tool for generating documentation from annotated C++ sources, but it also supports other popular programming languages such as C, Objective-C, C#, PHP, Java, Python, IDL (Corba, Microsoft, and UNO/OpenOffice flavors), Fortran, VHDL and to some extent D.

  • 🐦 Twitter

    • Testing

      • NSA/CSS - National Security Agency/Central Security Service official account, home to America's codemakers and codebreakers.
      • Chrome Dev Tools - Official account. Follow for latest news, features, tips, handy extensions and more.
      • Microsoft Game Stack - The official account for Microsoft Game Stack. Follow for the latest GameDev news and updates from the #GameStack team and community.
      • Microsoft - Microsoft actually has a pretty decent twitter team.
      • Getify - Kyle Simpson - Teacher, Author of YDKJS, JS Theologian, Symmathecist in the medium of software.
      • Addy Osmani - Engineering Manager for Google Chrome.
      • Christoph Nakazawa - Engineering Manager at Facebook · React Native · Metro · Jest
      • Dave Hahn - Netflix core team developer
      • Eric Elliott - JS book author and developer relations
      • Kent C. Dodds - Improving the world w/ quality software
      • Gleb Bahmutov - JavaScript ninja, image processing expert, software quality fanatic. VP of Eng at Cypress MS MVP for OSS
      • Chris Lilley - Creator of SVG. Staff member at World Wide Web Consortium (W3C)
      • Josh W. Comeau - Another Brilliant developer and designer. Usually posts about very interesting CSS topics.
      • I Am Devloper
      • Programming Wisdom
      • Sindre Sorhus - Full-time open-sourcerer
      • Luna Ruan - React core team developer
      • Inti De Ceukelaire - Hacker
      • Brian Clark - Microsoft VSCode developer & developer relations
      • Uncle Bob Martin - Software Craftsman and author of Clean Code.
      • Bryan Jones - Apple Mac developer.
      • Matteo Collina - NodeJS TC39 member, PhD, Technical Director, IoT Expert, Consultant, and Conference Speaker.
      • Justin James - NodeJS TC39 member, Microsoft MVP and author
      • Jeff Scott Brown - Object Computing Partner, Grails and Micronaut Practice Lead
      • Jeff Barr - Chief Evangelist for the Amazon Web Services
      • Lauren Wagner - Researched, designed, and built products for Google, Truveris, Telefonica, Breastcancer.org, Truly Wireless, Guardant Health, Moonshot CVE and others, in the US, Europe, and Latin America.
      • Zack Argyle - Facebook Engineering Manager for React Native Core.
      • Edward Snowden
      • Sarah Drasner - Brilliant developer, designer, and teacher. She is down to earth and loves tacos.

  • 📜 Other Awesome Lists

    • Testing

      • Free for Dev - A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev.
      • Groovy - A curated list of awesome groovy libraries, frameworks and resources.
      • Awesome list of ZSH plugins - A collection of ZSH frameworks, plugins, themes and tutorials.
      • VSCode - A curated list of delightful Visual Studio Code packages and resources.
      • Mac - Collect premium software in various categories.

  • 📺 Videos

  • :octocat: Github

    • Emoji Cheat Sheet - List of emojis that are supported in Github's README presenter.
    • Github Labels - A list of GitHub labels for reuse across projects.
    • Refined Github - Browser extension that simplifies the GitHub interface and adds useful features.
    • Refined Github - Browser extension that simplifies the GitHub interface and adds useful features.
    • Chris Lilley - Creator of SVG.
    • Sindre Sorhus - Full-Time Open-Sourcerer ·· Maker ·· Into Swift and Node.js This guy creates some incredible open source, you've got to check out his work. After all, he's the guy who started Awesome lists! Some others you may have heard of: XO, Ava, Gifsky, refined github, is-\*, p-\* and many others. He actively maintain 1100+ npm packages (2 billion downloads a month!) Webpack relies on 101 of his packages and Babel relies on 144 of his packages!

  • 📟 Terminal

    • NodeJS Dashboard - Telemetry dashboard for node.js apps from the terminal!
    • Vtop - JS - Wow such top. So stats. More better than regular top.
    • PM2 - Node.js Production Process Manager with a built-in Load Balancer.
    • TMUX - a terminal multiplexer. It lets you switch easily between several programs in one terminal, detach them (they keep running in the background) and reattach them to a different terminal.

  • 🔧 Chrome Dev Tools

    • Code-Snippets - Performance, debugging and testing code snippets to be run in Chrome DevTools.

  • ✍️ VSCode

    • GitHub Copilot - An AI extension that predicts code patterns and offers autocompletion. This is such a time saver.
    • WallabyJS - Wallaby.js is a developer productivity tool that runs your JavaScript and TypeScript tests immediately as you type, highlighting results in your IDE right next to your code.
    • WakaTime - Open source plugins for metrics about your programming.
    • Quokka - Quokka.js is a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed in your IDE next to your code, as you type.
    • VSCode Recipes - A collection of recipes for using VS Code with particular technologies.
    • AWS CFN Lint Visual Studio Code - CloudFormation Linter integration, autocompletion, and documentation.

  • :computer: Courses

    • CSS for JS developers - Josh C. Comeau teaches you modern CSS and how to create accessible, animated, thoughtful front ends. By far the best online course design i've ever experienced. It took me 6 months of casual progress to complete, but it can be completed in around 30 hours (10 modules * 3 hours). I might even consider going through it again to pickup on lessons that I may have missed or forgotten.
    • Design for Developers - Sarah Drasner teaches you the foundations of design, color theory, patterns, typography, and more. This was a great introduction to design and I loved it.
    • Three.js Journey - This course is the best i've seen if you're looking to learn about Three.js. Guided by Bruno Simmon's, this course offers 5 chapters / 39 lessons / 45 hours of video content (or a textual guide if you prefer). Even if you're not interested in game development this course should give you an edge that will allow you to sprinkle a little magic into the standard UI and give your next website a wow factor that makes it stand out.
    • Testing Javascript - Kent C. Dodd's designed this. Kent teaches you how to write clean, efficient, elegant tests for your JavaScript applications. I haven't completed this course but i'm excited to start.
    • Epic React - Kent C. Dodds also created this React course that teaches best practices when developing build top tier web apps. I haven't completed this course but i'm excited to start.

  • :briefcase: Career

    • PayScale - Gain the insights and confidence to get pay right with relevant, validated salary data and industry-leading, AI-powered compensation software.
    • Blind - Blind is a social media platform for people who work at large tech companies. This is an excellent resource for hiring and connecting. It is a social media platform which means there are a lot of trolls and junk. Don't say I didn't warn you.
    • Angel - Angel is a platform for hiring and connecting with top tech talent.

  • 🧑‍🎓 Interview Prep

    • Algo Monster - Similar to Techie Delight but with different questions and approaches.
    • Techie Delight - Whiteboard interview prep. Practice solving real interview problems using search algorithms, data structures, and other techniques.
    • Big-O Cheat Sheet - A cheat sheet to help you calculate time complexity.
    • LeetCode - I think LeetCode is a bit overrated but it's a great place to practice coding interview questions. Just don't spend all day here.

  • Bug Boards

  • :new: Feature Bounties

  • :artificial_satellite: Services

    • CircleCI - Automate your development process with CI hosted in the cloud or on a private server.
    • CodePen - Online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets.
    • Chromatic - Chromatic is a visual regression testing tool for storybook. This is a must if you've put the work into writing stories for you components. When new code is pushed Chromatic will automatically genereate image diffs from the new vs old stories. If a diff is found it will wait for a reviewer to approve before replacing the baseline.
    • Bit - Bit is a scalable and collaborative way to build and reuse components. It's everything you need from local development to cross-project integrations.
    • TensorFlow - TensorFlow is an end-to-end open source platform for machine learning. It has a comprehensive, flexible ecosystem of tools, libraries and community resources that lets researchers push the state-of-the-art in ML and developers easily build and deploy ML powered applications.
    • EggPlant - Applying Artificial Intelligence and Machine Learning to move from predominantly manual Quality Assurance to automated QA helps support a new culture of working, to help you deliver DevOps at scale and optimize your User' Experiences (UX).
    • Regex101 - Regex generator and tester.
    • Fake Name Generator - Generate entire identities with finance records, employment information and more.
    • Boxstarter - Repeatable, reboot resilient windows environment installations made easy using Chocolatey packages.
    • Slackmojis - An unofficial\* directory of the best custom slack emojis.
    • CDNJS - Stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries.
    • Netlify - More speed. Less spend. 900,000+ developers & businesses use Netlify to run web projects at global scale—without servers, devops, or costly infrastructure.
    • EggPlant - Applying Artificial Intelligence and Machine Learning to move from predominantly manual Quality Assurance to automated QA helps support a new culture of working, to help you deliver DevOps at scale and optimize your User' Experiences (UX).
    • Vercel - Vercel is an excellent option if you're building with a framework like NextJS. It's cheap, comes with a lot of optimizations, and easy to setup. I've noticed that some of the image optimizations that Vercel does with Next/Image components would take a long time to setup from scratch in something like AWS.

  • 🔏 JSON Schema

  • 🔏 OpenAPI

Programming Languages
JavaScript 16 TypeScript 7 Python 3 C++ 2 HTML 2 Kotlin 1 Shell 1 Groovy 1
Categories
🫖 Design 35 🐦 Twitter 29 📚 Books 28 📰 Blogs 17 📺 Videos 14 :artificial_satellite: Services 14 💖 Admired Examples 12 📦 Modules/Packages 10 💻 Applications 10 ✍️ VSCode 6 :octocat: Github 6 📜 Other Awesome Lists 5 :computer: Courses 5 Bug Boards 4 📟 Terminal 4 🧑‍🎓 Interview Prep 4 🕷️ Bug Bounties 4 🍰 Raspberry Pi 3 🎩 Alfred 3 :briefcase: Career 3 🔏 OpenAPI 3 :new: Feature Bounties 1 🔏 JSON Schema 1 🔧 Chrome Dev Tools 1
Sub Categories
Testing 37 :art: Color Pallet Design 6 :bulb: Design Inspiration 4 :curly_loop: Typography 4 :jigsaw: Component Libraries 4 :money_with_wings: UI Kits 4 Frontend development 3 :thumbsup: Icon Design 3 :abacus: Data Visualizations 2 Documentation 2 :scissors: CSS and SVG Masking/Clipping 2 :sponge: Textures 2 :framed_picture: Image Optimization 2 :ticket: Social Cards 1 :tada: Animation 1 :black_square_button: Shadow Design 1 🎨 Design Libraries 1
Keywords
javascript 6 nodejs 4 awesome-list 4 list 4 awesome 4 react 3 programming 3 github 3 typescript 3 firefox-addon 2 chrome-extension 2 browser-extension 2 es6 2 angular 2 monitoring 2 interview 2 github-extension 2 safari-extension 2 userstyle 2 aws 2 web 2 best-practices 2 testing 2 macos 1 macosx 1 software 1 cypress 1 development 1 design-system 1 design-patterns 1 design 1 ui-testing 1 e2e-testing 1 puppeteer 1 interview-practice 1 interview-questions 1 python 1 system 1 web-application 1 webapp 1 clean-architecture 1 clean-code 1 coding-guidelines 1 principles 1 solid 1 design-guideline 1 design-principle 1 document 1 javascript-sdk 1 zsh-configuration 1