This article was originally posted on my personal blog
Throughout the years, I have found repositories that I liked and starred (then totally forgot about, to be honest). Some are very helpful, others are just nice to know about. So, I decided to put some of them on a list in the hopes that it helps others.
Front-End Checklist
thedaviddias
/
Front-End-Checklist
🗂 The perfect Front-End Checklist for modern websites and meticulous developers
Front-End Checklist
🚨 Currently working on new version of frontendchecklist.io,
feel free to discuss any feature you would like to see. Thanks for your support!
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.
How To Use • Contributing • Website • Product Hunt
Other Checklists:
🎮 Front-End Performance Checklist • 💎 Front-End Design Checklist
It is based on Front-End developer's years of experience, with the additions coming from some other open-source checklists.
How to use?
All items in the Front-End Checklist are required for the majority of the projects, but some elements can be omitted or are not essential (in the case of an administration web app, you may not need RSS feed for example). We choose to use 3 levels of flexibility:
indicates that the item is recommended but can be…
The name is pretty straightforward. This repository gives you the ultimate checklist you might need for your front-end projects. It is very detailed and I think it's extremely helpful for beginners and for the rest of us that tend to look over or forget certain details sometimes.
Node.js Best Practices
goldbergyoni
/
nodebestpractices
✅ The Node.js best practices list (July 2024)
Node.js Best Practices
Follow us on Twitter! @nodepractices
Read in a different language: 
CN, 
FR, 
BR, 
RU, 
PL, 
JA, 
EU (
ES, 
HE, 
KR and 
TR in progress! )
🎊 2024 edition is here!
-
🛰 Modernized to 2024: Tons of text edits, new recommended libraries, and some new best practices
-
✨ Easily focus on new content: Already visited before? Search for
#newor#updatedtags for new content only -
🔖 Curious to see examples? We have a starter: Visit Practica.js, our application example and boilerplate (beta) to see some practices in action
Welcome! 3 Things You Ought To Know First
1. You are reading dozens of the best Node.js articles - this repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators
2. It is the…
This repositories include articles and news that highlight the best practices of Node.js. It's constantly updated and insightful. So, if you're interested in Node.js I suggested you go through the list to learn more about its best practices.
magictools
ellisonleao
/
magictools
🎮 📝 A list of Game Development resources to make magic happen.
A curated list of game development resources to make magic happen.
License Legends
- 🆓 - Free
- 🎉 - Open Source
- 💰 - Paid
- 💸 - Partially Free
Table of Contents
Graphics
Great graphics placeholders and tools to turn that squared game into a picasso painting
Assets/Placeholders
- 🆓 2D Cartoon Mobile Game UI Pack - cartoon user interface asset pack. It comes as a layered psd file.
- 🆓 420 Pixel Art Icons for RPGs - Set of 420 RPG icons, free for commercial use.
- 🆓 Blender 3D models - 3D models, particle systems/effects
- 💸 CGTextures…
magictools is a repository that lists resources you might need for game development. This ranges from graphics to code and audio. It also specifies whether the resources are free, open-source, paid, or partially-free. I recommend this for game developers in general.
Carbon
carbon-app
/
carbon
🖤 Create and share beautiful images of your source code
Translations
Introduction
You know all of those code screenshots you see on Twitter? Though the code's usually impressive, we saw room for improvement in the aesthetic department. Carbon makes it easy to create and share beautiful images of your source code. So what are you waiting for? Go impress all of your followers with your newfound design prowess.
Features
- Customization. Customize things like your image's syntax theme, font style, and more
- Share quickly. Save your image or a link with one click
- Save snippets. Create an account to save snippets for later. Shared snippets are automatically unfurled on Twitter and Slack.
Usage
Import
There are a few different ways to import code into Carbon:
- Drop a file onto the editor
- Append a GitHub…
Do you ever see on social media beautifully designed code screenshots and think "hmm I wonder how they make those?" The answer is Carbon. Carbon lets you share and create beautifully designed code images. You can do this using their website by choosing the language, typing in your code, and then export the image and share it to any social media platform you want. It also has many features as well so I suggest you check out their GitHub repositories for more details.
Awesome Design Tools
goabstract
/
Awesome-Design-Tools
The best design tools and plugins for everything 👉
Awesome Design Tools
Awesome Design Tools as a part of Flawless App family joins Abstract!
Today, we’re excited to announce that Flawless App has joined Abstract, a design delivery platform that brings visibility, accountability, measurability, and predictability to design.
Flawless App was our first company, and we’re proud of everything that we’ve achieved with our 5-person team.
Since 2015, we’ve launched powerful tools for designers and developers — among them are Flawless App, Reduce, Flawless Feedback. We’ve also invested a lot of love and care into community-driven initiatives. Awesome Design Tools is one of them.
So what’s next?
Our team has joined Abstract and is focused on building out the Abstract SDK, bringing developers’ experience forward. One unbelievable journey has finished and the new one has just begun. And if you want to know more…
This repository contains a huge list of websites where you can find design resources and use them for free. It does not just include design resources, but also resources that will be helpful for your front-end development as well. It can save you some time when you need some resources for your next project.
lax.js
alexfoxy
/
lax.js
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.js
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
What's new with Lax.js 2.0
Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations.
- New javascript animation syntax, allowing for more advanced effect combos
- Use any value to drive animations, for example mouse position, time of day .. and of course scroll!
- Animations can be given inertia when scrolling
- Create custom CSS bindings
- Animation easings
- And much more..
Examples
- Scroll effect
- Horizontal snap scroll
- Inertia
- Video/Gif playback
- Cursor position
- Text input
- Update HTML content
- Preset Explorer
Documentation
1. Getting started
2. Going deeper
3. Glossary
Getting started
NPM Setup
# https://www.npmjs.com/package/lax.js
npm install lax.js
yarn add…lax.js is a library you can use to develop beautiful animations on scroll. It's a nice, lightweight library that will help you create beautiful and modern websites, hassle-free.
Public-APIs
n0shake
/
Public-APIs
📚 A public list of APIs from round the web.
Public-APIs 
This is an attempt to categorise different APIs scoured from the web which make their resources available for consumption.
Items marked with
are open-source
Items marked with 💸 are trial based APIs
Table of Contents
- Advertising
- Analytics
- Augmented Reality
- Bar Code
- Big Data and Analytics
- Cryptocurrency
- Calendar
- Captcha
- Check In
- Commerce
- Communication
- Content
- Currency
- Design
- Dictionary
- Entertainment
- Events
- Face Recognition
- File Storage and Manipulation
- Finance
- Fitness
- Identity Verification
- Image Moderation
- IoT
- Legal
- Login and Authentication
- Machine Learning
- Maps
- Math
- Medical
- Miscellaneous
- Movies
- Music
- Natural Language Processing
- News
- Placeholder Images
- Places
- Product
- Quotes
- Science
- Screenshots
- Social Media
- Source Control
- Sport
- Test Data
- Transportation
- URL Shorteners
- Videogames
- Weather
- Resources For Design and Discovery of APIs
- More Resources
- Contribute
- License
APIs
Advertising
| API | Description | Open/Trial |
|---|---|---|
| Amazon Mobile Ads | Monetize across platforms with multiple ad formats. | N/A |
| Facebook Marketing API | Manage ads |
This repository includes a list of all kinds of APIs you can use either completely for free or with a free trial. The APIs can be used in a variety of projects. From Data Science APIs to Dictionary APIs, you can find them all in this list.
build-your-own-x
codecrafters-io
/
build-your-own-x
Master programming by recreating your favorite technologies from scratch.
Build your own <insert-technology-here>
This repository is a compilation of well-written, step-by-step guides for re-creating our favorite technologies from scratch.
What I cannot create, I do not understand — Richard Feynman.
It's a great way to learn.
- 3D Renderer
- Augmented Reality
- BitTorrent Client
- Blockchain / Cryptocurrency
- Bot
- Command-Line Tool
- Database
- Docker
- Emulator / Virtual Machine
- Front-end Framework / Library
- Game
- Git
- Network Stack
- Neural Network
- Operating System
- Physics Engine
- Programming Language
- Regex Engine
- Search Engine
- Shell
- Template Engine
- Text Editor
- Visual Recognition System
- Voxel Engine
- Web Browser
- Web Server
- Uncategorized
Tutorials
Build your own 3D Renderer
- C++: Introduction to Ray Tracing: a Simple Method for Creating 3D Images
- C++: How OpenGL works: software rendering in 500 lines of code
- C++: Raycasting engine of Wolfenstein 3D
- C++: Physically Based Rendering:From Theory To Implementation
- C++: Ray Tracing in One Weekend
- C++: Rasterization: a Practical Implementation
- C#…
Ever wondered how to build your own Gameboy emulator? How about rebuilding GIT? A huge list of the things you can build is on this repository. It has a variety of programming languages and things you can build with those programming languages. I recommend checking it out and practicing a programming language through it.
free-for-dev
ripienaar
/
free-for-dev
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
free-for.dev
Developers and Open Source authors now have many services offering free tiers, but finding them all takes time to make informed decisions.
This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings with free developer tiers.
The scope of this particular list is limited to things that infrastructure developers (System Administrator, DevOps Practitioners, etc.) are likely to find useful. We love all the free services out there, but it would be good to keep it on topic. It's a grey line sometimes, so this is opinionated; please don't feel offended if I don't accept your contribution.
This list results from Pull Requests, reviews, ideas, and work done by 1600+ people. You can also help by sending Pull Requests to add more services or remove ones whose offerings have changed or been retired.
NOTE: This list is only for as-a-Service offerings, not for self-hosted software. To…
If you want to start and deploy your next project, but you don't really want to pay or you're controlling your budget, then I suggest keeping this repository in your Stars. This repository provides a full list of services you can find online that will provide you with what you need to do for free.
Suggested Read: The Things You Can Do For Free: The Ultimate Guide
not-paid
kleampa
/
not-paid
Client did not pay? Add opacity to the body tag and decrease it every day until their site completely fades away
Client did not pay?
Add opacity to the body tag and decrease it every day until their site completely fades away. Set a due date and customize the number of days you offer them until the website is fully vanished.
/* change these variables as you wish */
var due_date = new Date('2017-02-27');
var days_deadline = 60;
/* stop changing here */
PS: Next time use letsdeel.com to make sure you get paid.
Usage
Just load the not-paid.js file in <head>
- A Wordpress plugin is also available here.
- There's also an Android version available here.
- There's also an Windows Forms version available here.
- Flutter version available here.
- iOS (SwiftUI) version available here.
- Angular version available here.
Author
Inspired from twitter (@riklomas) Made by Ciprian (@kleampa), Romania
PS: No PR's or issues will be accepted for this project.
Advertising
Because…
This repository might be helpful to some freelancers. If you worked on a project and the client isn't paying you, just add the js file in this repository to the web page and it will add opacity to the page then increase it every day until the page completely fades away.
Conclusion
These are some of the GitHub repositories I've liked throughout my years as a developer. If you have others as well, please share them in the comments!
Top comments (2)
I starred these amazing repos too
The last one tho :haha
Awesome list Shahed!