Useful tools and repositories for development open-sourced on github
Tags: webdev, python, ruby
Published: 2019-11-03 21:37:28

Github is a marvelous tools that allows developers to host their code for free online on repositories. This code is often open-source, which means it encourages open collaboration and use. Open-source is a great aspect of software development that has led to the creation of several free projects (libs, frameworks, packages...). Today we'll be looking at which useful repositories can help you for web development and computer science

### Style
![animate.css](https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.ytimg.com%2Fvi%2FQYQ0I1mvFDE%2Fmaxresdefault.jpg&f=1&nofb=1)
#### <a target="_blank" href="https://github.com/daneden/animate.css">Animate.css</a>
<a target="_blank" href="https://github.com/daneden/animate.css">Animate.css</a> is a helpful css repo that lets you add animations to your code by simply adding a class to the element you wish to style. I recommend it because its animations are very appealing and setup is quick and easy.<br>


<center>
<img src="https://camo.githubusercontent.com/c9b72a633333edd828a7d8e9f552396c0c63c752/68747470733a2f2f63646e2e737667706f726e2e636f6d2f6c6f676f732f7079746f7263682e737667"></center>

#### Logos
This <a target="_blank" href="https://github.com/gilbarbara/logos">repository</a> is a nice collection of optimized svg logos for pretty much any company you can think of.<br><br>

<center>
<img alt="loaders" src="http://bashooka.com/wp-content/uploads/2013/05/loader.jpg"></center><br>
#### Loaders 
<a target="_blank" href="https://github.com/ConnorAtherton/loaders.css">Loaders.css</a> is a collection of nice and well-designed loaders built entirely with css. They have some    cool designs so you should check it out!

There are also some interesting css frameworks that are a base on which you can build your site, packaged with the styles people often use on certain elements of their site. The most popular are <a target="_blank" href="https://github.com/twbs/bootstrap">Bootstrap</a> and <a target="_blank" href="https://github.com/zurb/foundation-sites"> Foundation</a>.

### Javascript

<center>
<img src="https://proxy.duckduckgo.com/iu/?u=http%3A%2F%2Fimg.stackshare.io%2Fservice%2F1623%2Fzepto-logo.png&f=1&nofb=1" alt="zepto.js">
</center>

#### Zepto.js
<a target="_blank" href="https://github.com/madrobby/zepto">Zepto.js</a> is a minimalist javascript library that can help you simplify your js code immensely. It's simple to use and is similar to JQuery.

<center>
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse2.mm.bing.net%2Fth%3Fid%3DOIP.LcdYOPKDVu6tOPY6ln54DAHaEJ%26pid%3DApi&f=1" style="border-radius:10%;"></center>

#### Modernizr.js
<a target="_blank" src="https://github.com/Modernizr/Modernizr">Modernizr</a> is another javascript library that lets you use <strong>feature detection</strong> to test if the website visitor is on a touch screen or which html, css or js features they're browser supports and etcetera.

<center><img src="/assets/images/jasmine.svg" alt="jasmine logo"></center>
#### Jasmine

<a href="https://github.com/jasmine/jasmine">Jasmine</a> is a javascript testing framework that lets you check the quality and performance of your browser and nodejs code. Test Driven Development is an important part of building quality code and Jasmine can help you with that.

<center><img src="https://camo.githubusercontent.com/9c24355bb3afbff914503b663ade7beb341079fa/68747470733a2f2f6e6f64656a732e6f72672f7374617469632f696d616765732f6c6f676f2d6c696768742e737667" alt="node"></center>
#### Node.js
<a target="_blank" href="https://github.com/nodejs/node">Nodejs</a> is a popular tool you probably already know about that lets you use javascript on your server instead of your browser.
<br>

You can also check this <a target="_blank" href="https://github.com/sorrycc/awesome-javascript">awesome-javascript github repository that lists tons of other fun tools with js.

### Python
<img src="https://proxy.duckduckgo.com/iu/?u=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2F0%2F05%2FScikit_learn_logo_small.svg%2F1200px-Scikit_learn_logo_small.svg.png&f=1&nofb=1" alt="scikit logo"><br>
#### Scikit Learn
<a target="_blank" href="https://github.com/scikit-learn/scikit-learn">Scikit Learn</a> is THE library for machine learning that can help you train you own algorithms. It's a neat tools I recommend you look at if you intend to work on machine learning.<br>

<img src="https://raw.githubusercontent.com/altair-viz/altair/master/images/cars.png" href="Altair example"><br>

#### Altair
<a href="https://github.com/altair-viz/altair">Altair</a> is a well-designed library to visualize data in Python. It can produce complex and simple graphs alike (see above).

<img src="https://proxy.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.probytes.net%2Fwp-content%2Fuploads%2F2018%2F10%2Fflask-logo-png-transparent.png&f=1&nofb=1" alt="flask logo" height="250"><br>

<a  href="https://github.com/pallets/flask" target="_blank">Flask</a> is a lightweight framework for Python which you can build webapps with. It's simple to use and get started with. This <a href="https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world" target="_blank">tutorial</a> does a good job of covering the basics. <br>

<center><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn-images-1.medium.com%2Fmax%2F1600%2F0*4VR_lMPSRF_ir-Re.&f=1&nofb=1" alt="spacy logo"></center><br>

#### SpaCy
<a href="https://github.com/explosion/spaCy" target="_blank">SpaCy </a> is the most efficient python library to analyze text using machine learning. You can check out my simple tutorial <a href="https://etherio.netlify.com/cs/ai/tech%20tutorials/python/2019/09/05/weekly-tech-tools-spacy-io.html">

You can look at more python tools on the <a href="https://github.com/vinta/awesome-python" target="_blank">awesome-python</a> github repo.

### Some Ruby Tools

#### Sorcery
<a href="https://github.com/Sorcery/sorcery" target="_blank">The Sorcery ruby gem </a>is extremely useful for authentication with Rails like signing in, resetting your password...

<center><img src="https://proxy.duckduckgo.com/iu/?u=http%3A%2F%2Fmainstreetcomputing.com%2Fassets%2Ftechnologies%2Frspec-a6d57cd7ff8186c261a23f03d186b716.png&f=1&nofb=1" alt="rspec logo"></center> <br>

#### RSpec
<a href="http://rspec.info/" target="_blank">The RSpec ruby gem</a> is useful and has an intuitive syntax to test your Rails or plain Ruby code. It's essential for Test Driven Development with Ruby.<br>

#### Byebug
<a href="https://github.com/deivid-rodriguez/byebug" target="_blank">Byebug </a>is a great debugger for Ruby that can help you find what's preventing your code from working the way it should be.<br>

I hope you enjoyed this short list of software tools I use. If there are any others you think are worth mentioning you should comment them down below.