DEV Community

loading...
Cover image for 33 GitHub projects I have bookmarked and you should

33 GitHub projects I have bookmarked and you should

devdefinitive profile image devdefinitive Originally published at devdefinitive.com Updated on ・7 min read

GitHub isn't only a rendition control administration; it is a marvelous substance asset for all-things-advancement. From free digital books and instructional exercises, to talk with planning material and 'amazing' bullet point articles, GitHub is the go-to learning center for Developers anxious to up-expertise themselves and stay important.

A great deal of designers love to invest energy on GitHub investigating the venture, learning a ton of stuff constantly, making associations with different engineers and adding to the open-source projects.

Here is the list of GitHub repositories I have bookmarked and should you.


For beautiful free fonts, Script, Display, Calligraphy, Sans, Serif, Handwritten, Retro, and more. Visit -> Fancy Fonts



Open Source Society University

OSSU
The OSSU curriculum is a complete education in computer science using online materials. It's not merely for career training or professional development. It's for those who want a proper, well-rounded grounding in concepts fundamental to all computing disciplines, and for those who have the discipline, will, and (most importantly!) good habits to obtain this education largely on their own, but with support from a worldwide community of fellow learners.

Slidev

Slidev
Presentation Slides for Developers (Beta).

The Art of Command Line

The art of command line
A great deal of designers flinch even at the prospect of opening a terminal window, yet having a decent comprehension of the order line is significant to turning into a gifted and useful engineer who can utilize the 'PC enchantment' apparatuses available to them.

LakeFS

Bot
LakeFS is an open source layer that delivers resilience and manageability to object-storage based data lakes.

With lakeFS you can build repeatable, atomic and versioned data lake operations - from complex ETL jobs to data science and analytics.

Bootstrap

Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Animate.css

Animate
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

Awesome

Awesome
Awesome lists about all kinds of interesting topics. Resources related to all the programming languages.

You Don't Know JS

This is a series of books diving deep into the core mechanisms of the JavaScript language.

Oh my ZSH


A delightful community-driven (with 1800+ contributors) framework for managing your zsh configuration. Includes nearly 300 optional plugins (rails, git, OSX, hub, docker, homebrew, node, php, python, etc), over 140 themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.
shell theme productivity terminal

Free programming books

Free programming books
The Free Ebook Foundation now administers the repo, a not-for-profit organization devoted to promoting the creation, distribution, archiving, and sustainability of free ebooks.

Cheat.sh

Cheat
the only cheat sheet you need.

Coding Interview University

Coding Interview University
A complete computer science study plan to become a software engineer. The items listed here will prepare you well for a technical interview at just about any software company, including the giants: Amazon, Facebook, Google, and Microsoft.

Gitignore


A collection of useful .gitignore templates.

Electron


Build cross-platform desktop apps with JavaScript, HTML, and CSS. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on Node.js and Chromium and is used by the Atom editor and many other apps.

PixiJS


The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer. The PixiJS renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast.

JavaScript Style Guide


A mostly reasonable approach to JavaScript. An amazing style guide to JavaScript.

Java Design Pattern


Design patterns are the best formalized practices a programmer can use to solve common problems when designing an application or system. This site showcases Java Design Patterns. The solutions have been developed by experienced programmers and architects from the open source community.

Public APIs


A collective list of free APIs for use in software and web development.

Python Algorithms


These implementations are for learning purposes only. Therefore they may be less efficient than the implementations in the Python standard library.

Defintely Typed

The repository for high quality TypeScript type definitions.

Ansible


Ansible is a radically simple IT automation platform that makes your applications and systems easier to deploy and maintain. Automate everything from code deployment to network configuration to cloud management, in a language that approaches plain English, using SSH, with no agents to install on remote systems.

Blockchain

A simple Blockchain in Python

Ionic Framework


A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript. Ionic Framework is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies.

JavaScript Testing best practices


Comprehensive and exhaustive JavaScript & Node.js testing best practices (May 2021). This is a guide for JavaScript & Node.js reliability from A-Z. It summarizes and curates for you dozens of the best blog posts, books and tools the market has to offer.

First Contribution


🚀✨ Help beginners to contribute to open source projects. This project aims to simplify and guide the way beginners make their first contribution. If you are looking to make your first contribution, follow the steps below.

Awesome Privacy


A curated list of services and alternatives that respect your privacy because PRIVACY MATTERS.

Tachyons


Functional CSS for humans. Quickly build and design new UI without writing CSS.

SuperCookie


Supercookie uses favicons to assign a unique identifier to website visitors. Unlike traditional tracking methods, this ID can be stored almost persistently and cannot be easily cleared by the user.

AI Expert Roadmap


Roadmap to becoming an Artificial Intelligence Expert in 2021. You'll find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a data scientist, machine learning or an AI expert.

Google map React


google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered.

Bunken

A chrome extension to download ebooks directly from Goodreads.

Plotly.js


Open-source JavaScript charting library behind Plotly and Dash. Plotly.js is a standalone Javascript data visualization library, and it also powers the Python and R modules named plotly in those respective ecosystems (referred to as Plotly.py and Plotly.R).

Winds


Winds is a beautiful open-source RSS and Podcast app created using React & Redux on the frontend and Express.js on the backend. Use the free hosted version or run it on your own server and customize it as you see fit.

photos

This is a gallery app based on react native+typescript that gives you the same smoothness and features of Google Photos or Apple Photos, but free and opensource! It connects to "BOX"(a web3.0 decentralized gadget you own) or any centralized cloud service provider like AWS, Azure or your own server.


Conclusion

Inventiveness additionally has no restrictions. GitHub projects like these that are the ideal grandstand of individuals' innovativeness and ability. Be that as it may, this is only a hint of something larger as Python can be utilized to do an expansive scope of exercises, allowed you have the ability and a reasonable image of what you need to accomplish. As Python keeps on advancing, an ever increasing number of designers will begin to utilize it to construct astonishing and creative undertakings like the ones we referenced previously.

Discussion (33)

Collapse
lesha profile image
lesha 🟨⬛️ • Edited

Supercookie uses favicons to assign a unique identifier to website visitors. Unlike traditional tracking methods, this ID can be stored almost persistently and cannot be easily cleared by the user.

There is a special section in hell reserved for people who tracks user this way

don't do this, it's nasty

Collapse
johnwalz97 profile image
John Walz

I think it's good for people to know that these methods exist though! The more you know about how you are tracked, the more you can do to prevent it. I just put in a quick rule to block favicons :)

Collapse
lamka02sk profile image
lamka02sk

I agree

Collapse
polaroidkidd profile image
Daniel Einars

If they didn't find this loophole, it works have remained exploited.

Collapse
grocker42 profile image
Grocker

Is it ok to use it for spam protection ?

Collapse
darkwiiplayer profile image
DarkWiiPlayer

Great list; there's quite a few repos in there that are 120% worth bookmarking!

Bootstrap, however, is the worst thing that happened to the web since that time someome thought building entire websites in flash was a good idea. And it gets very close to that.

Collapse
damienpirsy profile image
Matteo Vignoli • Edited

Why? It did an awesome job to spread easy and good looking UX/UI even among non-frontend devs. Before Bootstrap a lot of sites were half broken, ugly as hell and if you had to inherit a design you needed to spend a lot of time figuring out how not to break things. Bootstrap solved all these problems and allowed even people with low design sensibility (for example, non-web programmers) to wip out in a few hours good-looking websites with little to no effort.
They did an immensely good job imho, and set out a path that led to even more awesome things.

Collapse
darkwiiplayer profile image
DarkWiiPlayer • Edited

Nah. Bootstrap tricks people into thinking it's easier to learn than plain CSS, which isn't true. Instead all it does is bring back bad practices from the darkest moments of the web and make them the de-facto default way of building websites. And on top of all that, it interacts poorly with proper CSS.

The only thing bootstrap really does is allow developers to stay in their comfort zone and do all the styling in code. They still have to learn how bootstrap works just like they'd have to learn CSS otherwise, but it doesn't feel like learning a new technology because they stay in the syntax of their preferred backend language.

EDIT: The websites also don't even look nice anymore; just very repetitive

Thread Thread
damienpirsy profile image
Matteo Vignoli

It is easier to learn, especially with complex layouts - compare throwing a couple of classes on html elements with learning flexbox, grid systems, floating, media queries, etc. It might be easier for YOU because you already know that, but coming from someone who never used CSS before building a website with bootstrap takes little effort.

There are many situations where you CANNOT learn a whole new technology just to do something (you know, people have lives outside programming); a backend/desktop dev shouldn't have to learn hard css concepts and javascript just because he wants to build a nice-looking website for his pet projects.

The fact that all websites are similar is a relatively small problem - ultimately regular users don't care much about your fancy graphics and your cool CSS skills; they want to navigate a comfortable and pleasing website to enjoy its content, not its originality.

Thread Thread
darkwiiplayer profile image
DarkWiiPlayer

Flex box isn't hard: you just set display: flex on the container and two or three attributes describing how to align content, almost like one would do with bootstrap. Same goes for CSS grid: you just set display: grid on the container and follow one of the countless guides to set up how the elements position themselves in the grid. Float is super easy too, if you're using it for what it's actually meant for instead of the weird hacks it was abused for before flex was a thing.

Yes it takes some effort, but not much more than learning bootstrap.

And it's also not like bootstrap only gets used for pet projects of backend programmers who don't want to spend too much time building a generic interface; even people calling themselves web developers use it or similar frameworks.

Thread Thread
sinjai profile image
Sinjai

@darkwiiplayer the criticism seems valid, but the biggest hangup for me is knowing where to start. With Bootstrap it's very easy to start with something basic and add on components or adjust things with simple CSS classes. Do you know of a good resource as a starting point for making a stylish and easy-to-use website using pure CSS?
I have a feeling the hacky stuff comes in when you want to customize the default bootstrap behavior -- so maybe it's something someone ought to "grow out of", but that's not a thing someone can do simply with a site they've already worked on using Bootstrap for a long time.

Thread Thread
darkwiiplayer profile image
DarkWiiPlayer

I think getting started is pretty much the one thing where frameworks like bootstrap might have a bit of an advantage over vanilla CSS; but I see it more as a form of early-on scaffolding that should be gradually replaced, not built upon. As you've said, the hacky stuff comes in when you start customizing, and that's precisely why I don't think it's ultimately easier than vanilla CSS.

As for how to get started with a website, the approach that always works best for me is to find something I want to copy (I'm more of a programmer than a designer) and then just start with the layout. Once the website more or less has the right shape, it's really just adding elements like buttons, text boxes, etc.

Thread Thread
sinjai profile image
Sinjai

@darkwiiplayer so you can see why Bootstrap is so enticing -- getting started is the hardest part. That said, I feel like there MUST be a collection of starters somewhere that aren't Bootstrap. I definitely don't blame people who are primarily backend, desktop, etc. developers for making the deal with the devil. For my part, I was introduced to it because the starter ASP.NET MVC application used it, so I definitely didn't see a good reason to change that.

Thread Thread
darkwiiplayer profile image
DarkWiiPlayer

there MUST be a collection of starters somewhere that aren't Bootstrap

My best guess is that most people just end up having a bunch of snippets that they copy around, maybe some go through the effort of compiling them all into a sort of personal mini-framework. Personally I have a bunch of things on codepen and github that I find myself copying into projects every now and then.

The "deal with the devil" part is a surprisingly good analogy: It makes building the website easier for a while, at the cost of eternal suffering as features need to get added and maintained and the hacks start creeping in :D

Collapse
allestri profile image
Allestri

It's fair to replace the context a little bit, when Bootstrap first came to the web, both CSS Grid and Flexbox were a dream i.e not quite here yet.
It made Responsive design easier for us especially the backend girls and guys and delivered a set of components to work with ( modals, collapsibles, buttons, you name it )
Before Bootstrap it was quite tedious to have a layout that works well if you weren't CSS savy really.
Now learning Bootstrap today ? It's debatable given how powerful CSS is, but that wasn't really your point I guess.

Collapse
darkwiiplayer profile image
DarkWiiPlayer

It's just as with jquery though: the web used to suck. A lot. And many technologies were created to fix the mess that was CSS and Javascript back then; but these days, browsers natively support technologies that are just as good, if not way better in many cases. CSS Grid is, in my opinion, a much better way of describing any sort of grid layout than what CSS frameworks offer, and just because they used to be the best or only way of achieving something, that shouldn't now hold us back from using an even better technology.

Collapse
ehsan6sha profile image
ehsan shariati

I believe soon this will get its position in your list :)
github.com/functionland/photos

Collapse
devdefinitive profile image
devdefinitive Author

Indeed. This too deserves.

Collapse
ehsan6sha profile image
ehsan shariati

Thank you :)

Thread Thread
devdefinitive profile image
devdefinitive Author

Let me add. No prob.

Collapse
tatticoder profile image
Naman Singhal

Great article but there is a small typo in Free programming books section. Image is not displayed but shown as link.

Collapse
devdefinitive profile image
devdefinitive Author

Let me edit it.

Collapse
cubiclesocial profile image
cubiclesocial

A much lighter weight alternative to Electron is PHP App Server, which lets the user use their own already-installed and preferred web browser instead of bundling another Chromium and chugging 1GB RAM and 300MB disk storage.

I like c3.js better than Plotly since I think C3 has nicer tooltips when looking at data points. But that's personal preference. At the end of the day, a line/pie/scatter chart is a line/pie/scatter chart that may or may not help someone understand the data better.

Collapse
ama profile image
Adrian Matei • Edited

As a heavy bookmarker myself, I must admit some very good from your list I was not aware of and bookmarked them right away.

I have also bookmarked on Codever most of the awesome list and free-programming-books, to which you can add extra filters for your needs...

Collapse
disane87 profile image
Marco • Edited

Change bootstrap with tailwind and everything is fine 🔥

Collapse
paco profile image
Paco

Awesome, this is a good compilation! Btw, I did not see freeCodeCamp in your list?

Collapse
devdefinitive profile image
devdefinitive Author

Stay tuned for our next post.

Collapse
rakesh_nakrani profile image
Rakesh S Nakrani

Super cool.....:)

Collapse
edib_isic profile image
Edib Isic

Good interessted repos I never seen before very useful

Collapse
baksman profile image
ibrahim Shehu

Github repo for web developers, any ways nice one

Collapse
roeniss profile image
Roeniss Moon

This is more like 'good-to-know' list, not for bookmarks.

Why I have to follow changes of Oh-My-Zsh, BootStrap, and Ansible?

Collapse
z2lai profile image
z2lai • Edited

I'm curious why you have so many different languages and topics bookmarked. Do you really plan on using them? This list was a little all over the place compared to your previous two articles.

Collapse
devdefinitive profile image
devdefinitive Author

Mostly our team uses. It's just a small list. We're looking to add more in future.

Forem Open with the Forem app