DEV Community

Cover image for Here Are Some GitHub Repos I've Starred Throughout The Years
Shahed Nasser
Shahed Nasser

Posted on • Originally published at blog.shahednasser.com

Here Are Some GitHub Repos I've Starred Throughout The Years

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

GitHub logo thedaviddias / Front-End-Checklist

🗂 The perfect Front-End Checklist for modern websites and meticulous developers


Front-End Checklist

  Front-End Checklist  


🚨 Currently working on a V2 of frontendchecklist.io,
feel free to discuss any feature you would like to see in the next version


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.

      PRs Welcome           Contributors         Front‑End_Checklist followed         CC0  

  How To UseContributingWebsiteProduct Hunt

Other Checklists:
  🎮 Front-End Performance Checklist💎 Front-End Design Checklist

It is based on Front-End developers' 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:

  • Low means 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

GitHub logo goldbergyoni / nodebestpractices

✅ The Node.js best practices list (November 2022)

Node.js Best Practices

Node.js Best Practices


102 items Last update: October 28, 2022 Updated for Node 14.0.0

Follow us on Twitter! @nodepractices


Read in a different language: CNCN, FRFR, BRBR, RURU, PLPL, JAJA, EUEU (ESES, HEHE, KRKR and TRTR in progress! )


🚀 We have an official Node.js starter - Practica.js. Use it to generate a new solution skeleton with all the practices baked inside. Or just it to learn by code examples


Latest Best Practices and News

  • 80,000 stars: Blushing, surprised and proud!

  • 🔖 New menu and tags: Our menu is collapsible now and includes #tags. New visitors can read #strategic items first. Returning visitors can focus on #new content. Seniors can filter for #advanced items. Courtesy of the one and only Rubek Joshi

  • 👨‍👩‍👧‍👦 New family member!: A new repository joins our family - Node.js Integration Tests Best Practices . It includes 40+ best practices for…

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

GitHub logo ellisonleao / magictools

🎮 📝 A list of Game Development resources to make magic happen.

   logo


   Awesome    build

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

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

GitHub logo carbon-app / carbon

🖤 Create and share beautiful images of your source code

maintained with Ranger All Contributors MIT License FOSSA Status

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.

Carbon example

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 gist…

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

GitHub logo goabstract / Awesome-Design-Tools

The best design tools and plugins for everything 👉

Awesome Design Tools

Awesome-Design-Tools

awesome PRs Welcome

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

GitHub logo 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.

Lax 2.0 Gif

>> DEMO <<


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

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
Enter fullscreen mode Exit fullscreen mode

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

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

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

GitHub logo 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 a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.

This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.

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 bit of a grey line at times so this is a bit opinionated; do not be offended if I do not accept your contribution.

This list is the result of Pull Requests, reviews, ideas and work done by 1100+ people. You too can help by sending Pull Requests to add more services or by remove ones whose offerings have…

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

GitHub logo 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 */
Enter fullscreen mode Exit fullscreen mode

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.

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 repo is going viral…

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)

Collapse
 
rahxuls profile image
Rahul

I starred these amazing repos too

Collapse
 
heymich profile image
Michael Hungbo

The last one tho :haha
Awesome list Shahed!