Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sumansourabh14/ultimate-web-dev-resources

Helpful websites, tools, blogs about topics around web development
https://github.com/sumansourabh14/ultimate-web-dev-resources

Last synced: about 1 month ago
JSON representation

Helpful websites, tools, blogs about topics around web development

Awesome Lists containing this project

README 

        
Helpful websites, tools, blogs about topics around web development



## Frontend Preparation



- [BigFrontEnd.dev Practice + Prepare = Offer](https://bigfrontend.dev/)



## Miscellaneous 



- [What is serverless computing? | Serverless definition](https://www.cloudflare.com/learning/serverless/what-is-serverless/)

- [Why use serverless computing? | Pros and cons of serverless](https://www.cloudflare.com/learning/serverless/why-use-serverless/)

- [How to Build a Powerful Web Developer Portfolio (With Examples!)](https://arc.dev/developer-blog/web-developer-portfolio/)

- [npm vs npx — What’s the Difference?](https://www.freecodecamp.org/news/npm-vs-npx-whats-the-difference/)

- [Windows Web Developer Setup Guide (2022)](https://github.com/Vets-Who-Code/windows-dev-guide)

- [11 easy tips to fix bugs and debug your code faster](https://nirjan.dev/blog/11-easy-tips-to-fix-bugs-and-debug-your-code-faster)



## Accessibility



- [ARIA input fields must have an accessible name](https://dequeuniversity.com/rules/axe/4.9/aria-input-field-name?application=AxeChrome)

- [ARIA progressbar nodes must have an accessible name](https://dequeuniversity.com/rules/axe/4.9/aria-progressbar-name?application=AxeChrome)

- [ARIA roles used must conform to valid values](https://dequeuniversity.com/rules/axe/4.9/aria-roles)

- [Elements must meet minimum color contrast ratio thresholds](https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=AxeChrome)

- [Links must have discernible text](https://dequeuniversity.com/rules/axe/4.9/link-name)

- [ul and ol must only directly contain li, script or template elements](https://dequeuniversity.com/rules/axe/4.9/list?application=AxeChrome)

- [Scrollable region must have keyboard access](https://dequeuniversity.com/rules/axe/4.9/scrollable-region-focusable?application=AxeChrome)

- [Heading levels should only increase by one](https://dequeuniversity.com/rules/axe/4.9/heading-order)



## AI/ML



- [AI Showdown: ChatGPT Vs. Google's Gemini – Which Reigns Supreme?](https://www.forbes.com/sites/bernardmarr/2024/02/13/ai-showdown-chatgpt-vs-googles-gemini--which-reigns-supreme/?sh=67ac9aa76072)

- [ChatGPT (by OpenAI)](https://chat.openai.com/)

- [Gemini (by Google)](https://gemini.google.com/app)

- [Claude](https://claude.ai/)

- [Introducing Devin, the first AI software engineer](https://www.cognition-labs.com/introducing-devin)



## API



- [APIs Explained (in 4 Minutes)](https://youtu.be/bxuYDT-BWaI?si=8LUtHcVJGOJra3nU)

- [API Basics: A Beginner’s Guide to APIs](https://blog.postman.com/understanding-api-basics-beginners/)

- [What Is a REST API? Examples, Uses, and Challenges](https://blog.postman.com/rest-api-examples/)

- [12 Essential Book APIs](https://blog.hubspot.com/website/api-books)

- [How to build your own API and publish it on RapidAPI Hub?](https://rapidapi.com/guides/build-api-publish-on-rapidapi)

- [Postman - API platform for building and using APIs](https://www.postman.com/)

- [What is API integration?](https://www.postman.com/api-platform/api-integration/)

- [The Top 10 Best API Integration Tools For Developers](https://www.integrate.io/blog/api-integration-tools/)

- [Recite - API for quotes from books](https://recite.onrender.com/)

- [Limiting Node.js API calls with express-rate-limit](https://dev.to/brunohgv/limiting-node-js-api-calls-with-express-rate-limit-11kl)



### Open Library (Books API)



- [Open Library Developer Center / APIs](https://openlibrary.org/developers/api)

- [Importing your Goodreads & Accessing them with Open Library’s APIs](https://blog.openlibrary.org/2020/12/13/importing-your-goodreads-accessing-them-with-open-librarys-apis/)

- [Limiting query to search API from openlibrary.com](https://stackoverflow.com/questions/72925293/limiting-query-to-search-api-from-openlibrary-com)



## Canvas LMS



- [How do I manage developer keys for an account?](https://community.canvaslms.com/t5/Admin-Guide/How-do-I-manage-developer-keys-for-an-account/ta-p/249)



## Command Line



- [Command line crash course](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line)



## CSS



- [Beautiful CSS box-shadow examples](https://getcssscan.com/css-box-shadow-examples)

- [Beautifully simple click-to-copy CSS effects](https://cssfx.netlify.app/)

- [CSS Gradient](https://cssgradient.io/)

- [Color Gradient Generator](https://colorgradient.dev/gradient-generator/)

- [Z-Index (CSS): Everything you need to know](https://dev.to/therajatg/z-index-in-css-5c1p)



### CSS Libraries/Frameworks



- [daisyUI - The most popular component library for Tailwind CSS](https://daisyui.com/)

- [Tailwind CSS - A utility-first CSS framework](https://tailwindcss.com/)

- [shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.](https://ui.shadcn.com/)



## Database



- [Traditional databases vs serverless databases](https://www.prisma.io/dataguide/serverless/traditional-vs-serverless-databases)

- [Top 9 Open Source Graph Databases](https://analyticsindiamag.com/top-9-open-source-graph-databases/)

- [What is a graph database? - Neo4j](https://neo4j.com/docs/getting-started/get-started-with-neo4j/graph-database/)

- [What Is a Graph Database? - AWS](https://aws.amazon.com/nosql/graph/)

- [What is a Serverless Database?](https://www.geeksforgeeks.org/what-is-a-serverless-database/)



## Extensions



### Chrome



- [JSON Formatter](https://chromewebstore.google.com/detail/bcjindcccaagfpapjjmafapmmgkkhgoa)



## Figma



- [The only Figma plugins you need for your workflow](https://uxplanet.org/the-only-figma-plugins-you-need-for-your-workflow-42a1bbccc42)



### Figma Plugins



- [Locofy - Frontend Development at Lightning Speed | design to {code} in 1 click](https://www.locofy.ai/)



## Git



- [Complete Git and GitHub Tutorial - Kunal Kushwaha (YouTube)](https://youtu.be/apGV9Kg7ics?si=WcV0B4Sqs5v0fel7)

- [Difference between git pull and git fetch](https://stackoverflow.com/a/292359)

- [Git Branches: List, Create, Switch to, Merge, Push, & Delete](https://www.nobledesktop.com/learn/git/git-branches)

- [Git List Branches – How to Show All Remote and Local Branch Names](https://www.freecodecamp.org/news/git-list-branches-how-to-show-all-remote-and-local-branch-names/)



## Google Play Console



- [Set up an open, closed, or internal test](https://support.google.com/googleplay/android-developer/answer/9845334?hl=en)



## HTML



- [ARIA - Accessible Rich Internet Applications](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)

- [Links that don’t go anywhere should be buttons](https://christianheilmann.com/2019/02/05/links-that-dont-go-anywhere-should-be-buttons/)

- [Intrinsic Size vs Rendered Size: Understanding the Differences](https://www.ohmycrawl.com/technical-seo/intrinsic-size-vs-rendered/)



## Icons



- [Font Awesome - Icon library and toolkit](https://fontawesome.com/)

- [Favicon generator - Generate from text, image, or choose from hundreds of emojis](https://favicon.io/)

- [Ionicons - Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG. Completely open source, MIT licensed and built by Ionic.](https://ionic.io/ionicons)

- [react-native-vector-icons](https://oblador.github.io/react-native-vector-icons/)



## JavaScript



- [ES6, ES7, ES8, ES9, ES10 and ES11 features](https://gist.github.com/rajaramtt/7df3702a04c644b0b62c9a64f48f3dbf#2-ecmascript-2016---es-7)

- [The best JavaScript debugging tools for 2021 and beyond](https://raygun.com/learn/javascript-debugging-tools)

- [10 best Javascript debugging tools](https://www.zipy.ai/blog/javascript-debugging-tools)

- [ESLint - Configurable JavaScript linter. It helps you find and fix problems in your JavaScript code. Problems can be anything from potential runtime bugs, to not following best practices, to styling issues.](https://eslint.org/)

- [What Is The Fastest Way To Load JavaScript?](https://youtu.be/BMuFBYw91UQ?si=XTZzGBO88lq9E86q)

- [Garbage Collection in JavaScript](https://medium.com/swlh/garbage-collection-in-javascript-b1e4dbffb51)

- [Top 7 JavaScript Backend Frameworks In 2024](https://visionx.io/blog/javascript-backend-frameworks/)

- [7 Best Backend JavaScript Frameworks in 2024](https://www.geeksforgeeks.org/best-backend-javascript-frameworks/)



## Markdown



- [Basic writing and formatting syntax - Markdown](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)



## Next.js



- [Next.js Documentation (Docs)](https://nextjs.org/docs)



## Node.js/Express



- [Express js vs Node js](https://www.scaler.com/topics/express-js-vs-node-js/)

- [Learn The MERN Stack - Express & MongoDB Rest API (Traversy Media)](https://youtu.be/-0exw-9YJBo?si=wfUAX_7Rn4wjgDi3)

- [What are express.json() and express.urlencoded()?](https://stackoverflow.com/questions/23259168/what-are-express-json-and-express-urlencoded)

- [A guide to Node.js design patterns](https://blog.logrocket.com/guide-node-js-design-patterns/)

- [Design Patterns in Node.js - Suneel Kumar](https://medium.com/@techsuneel99/design-patterns-in-node-js-31211904903e)

- [Top 6 Node JS frameworks: which one to choose?](https://anywhere.epam.com/en/blog/best-node-js-frameworks)



## React



- [Dependencies in useEffect hook](https://react.dev/reference/react/useEffect#examples-dependencies)

- [Difference between declarative and imperative in React.js](https://stackoverflow.com/questions/33655534/difference-between-declarative-and-imperative-in-react-js)

- [What is a Clean Frontend Architecture?](https://www.geeksforgeeks.org/clean-frontend-architecture/)



## React Native/Expo



- [What is the difference between Expo and React Native?](https://stackoverflow.com/questions/39170622/what-is-the-difference-between-expo-and-react-native?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa)

- [Expo vs React Native CLI: Key Differences Explained](https://flatirons.com/blog/expo-vs-react-native/)

- [Set up Android Studio Emulator](https://docs.expo.dev/workflow/android-studio-emulator/)

- [React Native Paper - Cross-platform Material Design for React Native](https://callstack.github.io/react-native-paper/)

- [Testing - React Native](https://reactnative.dev/docs/testing-overview)

- [Submit to the Google Play Store](https://docs.expo.dev/submit/android/)

- [React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more](https://reactnative.dev/blog/2023/12/06/0.73-debugging-improvements-stable-symlinks)

- [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment)

- [Expo FAQ](https://docs.expo.dev/faq/)



## Rust



- [What is Rust?](https://www.halo-lab.com/blog/rust-programming-language#:~:text=JavaScript%20is%20dynamically%20typed%2C%20while,either%20inferred%20or%20declared%20one.)



## Testing



- [Cypress vs Jest | Top 15 Key Differences](https://testsigma.com/blog/cypress-vs-jest/)



## Tech Blog/Websites



- [The Verge - The Verge is about technology and how it makes us feel.](https://www.theverge.com/)

- [TechCrunch](https://techcrunch.com/)



## Tools



- [Excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams](https://excalidraw.com/)

- [PX to REM converter - CSS (nekoCalc)](https://nekocalc.com/px-to-rem-converter)

- [Taskade - Task Management](https://www.taskade.com/)

- [Pexels - The best free stock photos, royalty free images & videos shared by creators](https://www.pexels.com/)

- [Unsplash - The internet’s source for visuals. Free images](https://unsplash.com/)

- [What Is My Screen Resolution](https://www.whatismyscreenresolution.org/)

- [Photo editing for everyone](https://www.photomultitool.com/)

- [Free Sample pdf Files Dowload for Testing](https://www.learningcontainer.com/sample-pdf-files-for-testing/)

- [BrandBird - A screenshot editor, chrome extension available](https://www.brandbird.app/)

- [JSON Formatter Online](https://jsonformatter.org/)

- [Lorem Ipsum - Dummy text](https://www.lipsum.com/)



## UI/UX



- [Everything you need to know about skeleton screens](https://uxdesign.cc/what-you-should-know-about-skeleton-screens-a820c45a571a)

- [16 little UI design rules that make a big impact](https://uxplanet.org/16-ui-design-tips-ba2e7524d203)



## Web



- [Infinite Scrolling: When to Use It, When to Avoid It](https://www.nngroup.com/articles/infinite-scrolling-tips/)

- [Basic Types of Buttons in User Interfaces](https://uxplanet.org/basic-types-of-buttons-in-user-interfaces-ea7b065f66ee)

- [Understanding the Critical Rendering Path](https://bitsofco.de/understanding-the-critical-rendering-path/)

- [Introduction to web sustainability](https://developer.mozilla.org/en-US/blog/introduction-to-web-sustainability/)

- [What is a web server?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_web_server)

- [What is DNS? | How DNS works](https://www.cloudflare.com/learning/dns/what-is-dns/)

- [24 Best Web Development Tools Reviewed For 2024](https://thectoclub.com/tools/best-web-development-tools/#full-listing-1692444)

- [Checkboxes vs. Radio Buttons](https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/)

- [URL, URI, URN: What's the Difference?](https://auth0.com/blog/url-uri-urn-differences/)

- [8 tips for the perfect title tag](https://www.agconsult.com/en/usability-blog/8-tips-for-the-perfect-title-tag/#:~:text=Tips%20for%20a%20good%20title%20tag%201%201.,...%208%208.%20Unique%20for%20every%20page%20)



## Web Security



- [Authentication vs. Authorization](https://www.okta.com/identity-101/authentication-vs-authorization)

- [CORS, XSS and CSRF with examples in 10 minutes](https://dev.to/maleta/cors-xss-and-csrf-with-examples-in-10-minutes-35k3)

- [OAuth 2.0 and Workflow video](https://youtu.be/996OiexHze0?si=qxCIGCdMvqbnDa8V)

- [What is OAuth 2.0? by auth0.com](https://auth0.com/intro-to-iam/what-is-oauth-2)

- [OAuth and OpenID Connect: A Background Check](https://htamahc.medium.com/oauth-and-openid-connect-a-background-check-dc17257d4f6c)

- [OAuth 2.0 Simplified - by Aaron Parecki](https://www.oauth.com/)

- [Single-factor, Two-factor, and Multi-factor Authentication](https://www.pingidentity.com/en/resources/identity-fundamentals/authentication/single-factor-two-factor-multi-factor-authentication.html)

- [Bcrypt Hash Generator & Verifier - Generate password hashes with bcrypt algorithm](https://bcrypt.online/)

- [15 Password Management Best Practices](https://www.beyondtrust.com/blog/entry/top-15-password-management-best-practices)

- [Hashing Passwords: One-Way Road to Security](https://auth0.com/blog/hashing-passwords-one-way-road-to-security/)



## WordPress



- [How to Add Meta Description, Meta Title, and Focus Keyphrase in WordPress? - Hostinger](https://nextjs.org/docs/pages/api-reference/components/image?utm_source=lighthouse&utm_medium=devtools#sizes)

- [Beginner’s Guide to WordPress Image Sizes (+ Best Practices)](https://www.wpbeginner.com/beginners-guide/wordpress-image-sizes-beginners-guide/)



## Yarn



- [Selective dependency resolutions](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/)



## Concentration/Ambient Music



- [Snowfall (slowed + reverb + 1hour)](https://youtu.be/XaQndr7Kkrc?si=Rma5MD8iVMJwzN0d)

- [If Interstellar & Inception Had A Soundtrack Baby (Ambient)](https://youtu.be/zbMC9d7Z22Q?si=zc1kbn9RfBBB3oeB)

- [Interstellar | Sleeping Music, Melancholic Melody, 1 Hour Magical Journey, Ambient Music](https://youtu.be/p2zMXSXhZ9M?si=CYyHKBzfeNfGWRky)