teleren/devto huggingface dataset:
Practical Privacy: A Guide for Everyone
Tags: infosec, dataprivacy, dataprotection
Published: 2019-01-28 18:42:04

---
title: Practical Privacy: A Guide for Everyone
published: true
description: Take steps to protect your privacy online without becoming a hermit.
tags: #infosec #dataprivacy #dataprotection
canonical_url: https://auth0.com/blog/practical-privacy-a-guide-for-everyone/
---

To celebrate #DataPrivacyDay, we are releasing Practical Privacy—a guide with simple steps to protect your sensitive data and increase your overall online privacy.

[Read on 🔐](https://auth0.com/blog/practical-privacy-a-guide-for-everyone/?utm_source=dev&utm_medium=sc&utm_campaign=privacy_guide)

![Practical Privacy: A Guide for Everyone](https://thepracticaldev.s3.amazonaws.com/i/d8tqru6atdqsrmkgftsf.png)
How to Load a Website Faster
Tags: loadtime, website
Published: 2019-11-23 14:04:43

---
title: How to Load a Website Faster
published: true
date: 2019-01-28 18:30:00 UTC
tags: load-time,website
canonical_url: https://abdus.xyz/how-to-load-a-website-faster
---

Page Load-time is an important factor for any kind of websites. The lower the load-time, higher the site traffic and low [bounce rate](https://en.wikipedia.org/wiki/Bounce_rate).

If you don’t know what a page load time is, it’s the time taken by a browser to render a webpage. This process includes: making a request to the server, downloading the resources, processing DOM elements and rendering.

To decrease a website’s page load time, you have to follow certain things while building/creating a website.

## Place scripts just before the closing body tag

No matter what a script does, it should always be placed at end of \<body\>. i.e. the closing \</body\> tag. Scripts are generally huge in size and costs browser some extra time to load it. Moreover, you don’t want to execute any scripts before the DOM even loads, right?

## Minify

Yes, minify stylesheets and scripts. _minify_ is a process of removing whitespace and unwanted characters from your code. It will help you reduce the size of files so that browser could download it faster.

## Don’t use too many redirects

Whenever we redirect a link, it takes an extra request to the server. For example, if you are loading some resources from _example.com_ which redirects to _example-2.com_. You are forcing the client(browser) to make an extra request. So, minimize the use of redirected links.

## Use CDN

**CDN** or Content Delivery Network help you reduce the server load and serve pages based on user’s location. For example, if you are somewhere in the US and using a CDN, the website would be served from the nearest server available and not from the original server. This method helps you cut-down the distance travelled by resources.

## Code Splitting

This might look something new to you. This helps you load only the code you require to render the very first instance of any website. So, if you have a big CSS file which contains many selectors which don’t need during initial render, eliminate them or create a new CSS file and load them on a later stage.

## _async_ and _defer_ for scripts

if you have some scripts which you don’t need immediately, just `defer` them. `async` and `defer` tells the browser to load these scripts on a later stage. Example,

```html
<script async src="example.com"></script>
<script defer src="example.com"></script>
```
Need Guidance!!
Tags: help, code, community
Published: 2019-01-28 18:22:22

---
title: Need Guidance!!
published: true
description: 
tags: #help #code #community
---

Hello there! Hope you are doing great. 

Recently I opened a coding community in my college (tier-3) and it's 1st-time happened in my college so I need your support. Form last 2 months it's running through WhatsApp but now on Sunday, we have permission for a live session. 

So the main goal of our community is to teach coding or programming stuff. So I need your support. Because of you guys are so professional and good experiences in your field so I want can some of you mentor us or guide us in your free time through WhatsApp or live video session. And one more thing it's a non-profitable community so we are not in a condition to pay you so please if anyone thinks he/she can then, please comment in the comment section I will message you directly. 

If you are interested then please send a email to ugicodingclub@gmail.com

Thank you.
Hope for a better response.
React CRA + Netlify = 💯❤
Tags: react, todayilearned, deployment, workjournal
Published: 2019-01-28 18:13:18

---
title: React CRA + Netlify = 💯❤
published: true
cover_image: https://media.giphy.com/media/oYtVHSxngR3lC/giphy.gif
description: Why mess with S3/Cloudfront when netlify is so damn easy?
tags: #react, #todayilearned, #deployment, #workjournal
canonical_url: https://ajsharp.com/react-cra-netlify/
---

I've been shipping static frontend to s3/cloudfront for a while, and I finally gave [Netlify](https://netlify.com) a chance and **wow is it easy.** You connect your github repo, give it a command to run and done. They handle all the cloudfront / CDN stuff behind the scenes that I used to have to configure manually.

[See here](https://www.netlify.com/blog/2016/07/22/deploy-react-apps-in-less-than-30-seconds/) for more.

****

☝️ _**Be sure to check out [Sharesecret](https://www.sharesecret.co), which makes it easy to securely share sensitive data.**_
Better bash history search with McFly
Tags: bash, mcfly, history, commandline
Published: 2019-01-28 17:52:07

---
title: Better bash history search with McFly
published: true
description: McFly is a library that will make your life so much easier when navigating through your bash history
tags: bash, mcfly, history, command line
---

If there's one functionality of bash that most beginners don't know but get very excited about when they discover it, it's history. First you learn to go through the history by pressing up and down, then you find out that `CTRL+R` is the spell that gives you access to write commands and find them from history.

I'm a huge fan of that. Probably 80-90% of my bash command history is repeating commands over and over again. Whether it's `npm install`, `npm run start`, `git add .` or something similar, I can find it from my history.

But the built-in search isn't always the optimal one. You can't really **see** the history: you have to know what you're looking for. Luckily, developer community is amazing and [Andrew Cantino](https://github.com/cantino) has built a tool to augment your bash history.

Meet [McFly](https://github.com/cantino/mcfly). Great Scott!

![Screenrecording of bash shell using mcfly to read through history, re-run commands and edit commands](https://thepracticaldev.s3.amazonaws.com/i/i7la8waznttc6tyl0zsn.gif)

Instead of being faced with blank black prompt, you get nice visual view of your history. You can search by writing a part of the command, you can navigate with arrow keys and either run (ENTER) or edit (TAB) your commands.

It also features a smart system that takes into account certain things to be more relevant: in which directory you are, what's the context of the command, if the command has failed or not, etc.

In the beginning, mcfly felt a little bit slower because it takes a moment to start up. But after using it a while, I don't want to go back to guessing game.
Building an image optimization tool to win the PageSpeed game on autopilot
Tags: showdev, custdev, pagespeed, imageoptimization
Published: 2019-01-28 17:43:10

---
title: Building an image optimization tool to win the PageSpeed game on autopilot
published: true
description: I want to ask you folks for URLs to analyze and provide you with optimization instructions to raise your image score up to a 💯.
cover_image: https://ucarecdn.com/cf49b808-a227-4f8d-98eb-954a94e59680/-/format/auto/
tags: #showdev #custdev #pagespeed #imageoptimization
---

Hi dev.to!

We’re building an image optimization tool called [PageDetox](https://pagedetox.com?utm_source=dev.to). Its purpose is helping to win the Google PageSpeed game.

**I want to ask you for URLs to analyze and provide you with optimization instructions to raise your image score up to a 💯.**

How does the tool work?
- You analyze a page on autopilot, request a report
- We provide the report together with a personalized workflow for optimizing images

The analyzer is there and ready, while the step-by-step optimization part is work in progress.

Here’s the instruction design we want to start with:
- Upload files to an Image CDN *(since we're with [Uploadcare](https://uploadcare.com?utm_source=dev.to), we stick with using that service; if you're a fan of other solutions, pick your favorite. Uploadcare provides a CDN URL that allows applying Image Transformations on the fly, we make use of it)*
- Get those CDN URLs
- Replace the `src` attribute in `<img>` with `srcset`
- Make each version of a source image with on-the-fly transformations taking analyses results into consideration

Check an example below ⬇️
{% gist https://gist.github.com/rsedykh/26662773d062ff48ec93dcd8d14fdc06 %}

So, shoot me your page URL in the comments. I’ll be supervising each set of instructions and ask what was unclear/going wrong, a custdev kind of thing.

If you’ll have any feedback regarding the app’s flow, I’d appreciate you sharing it.

Thanks!
Ansible Tutorial
Tags: linux, ansible, beginners
Published: 2019-01-28 17:35:17

---
title: Ansible Tutorial
published: true
description: 
tags: #linux #ansible #beginners
---

1 What is Ansible?
2 Ansible setup on Ubuntu
2.1 Ansible master node configuration
2.2 Node Configuration for Linux client
2.3 Node Configuration for Windows client
3 YAML Basics
4 Ansible Inventory
5 Ansible Playbook
6 Ansible Roles
7 Ansible Vault
8 Ansible Container

https://likegeeks.com/ansible-tutorial/

Hope you like it.

Thanks!
Install and Update NodeJS on the Mac with NVM
Tags: javascript, mac, node
Published: 2019-01-28 17:13:58

---
title: Install and Update NodeJS on the Mac with NVM
published: true
description: A quick rundown on the way I install NodeJS on my Mac
tags: JavaScript, Mac, nodejs
---

I thought I would share an older post on my site that I found myself pointing a few people too over the weekend when they wanted to maintain NodeJS versions without the hassle.

<a href="http://nodejs.org/">Nodejs</a> is great, but I always seem to end up explaining to people how to install it. so here is my way, once and for all.

There are installers for Windows and Mac, there are also binaries for Windows, Mac, Linux and I believe SunOS. Plus there is the source code if you want to compile it yourself.

Personally, I like to use the ‘NVM’ way, which stands for Node Version Manager. Not only does it keep things simple but you can also install and switch to as many different versions of Node.js as you please.

<h3>Install nvm</h3>

I’m doing this on a Mac, but it’s pretty much the same on all platforms once you have installed nvm. So go to <a href="https://github.com/creationix/nvm">https://github.com/creationix/nvm</a> and install it now. Since I’m doing this on a Mac I have already ensured I meet the requirements of having Xcode installed for the c++ compiler.

I’ll open up a terminal and follow the instruction to run the install script. Worth noting that if you already have nvm installed you can update it using the same commands.

<pre>curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash</pre>

<h3>Install Node</h3>

Now go over to https://nodejs.org where I see it’s telling me the latest stable release is v10.15.0 LTS. I see there is a v11.8 Current with all the latest features, but I’m not using that one today.

So I simply use the terminal and nvm to install it with

<pre>nvm install 10.15.0</pre>

I’ll set the current version I want to use to the same

<pre>nvm use 10.15.0</pre>

And since I want to use this version over time (in case I had more than one installed) I’ll also set it to the default.

<pre>nvm alias default 10.15.0</pre>

That my friends is all there is to it! type

<pre>node —version</pre>

And voila, it tells me the version I have is

v10.15.0

We are done, now sit back and grin or write some code!
Faqtor: Promise-based task runner. Easy to use, easy to extend. 
Tags: npm, javascript, taskrunner, buildautomation
Published: 2019-01-28 17:07:23

---
title: Faqtor: Promise-based task runner. Easy to use, easy to extend. 
published: true
tags: npm, javascript, task runner, build automation
canonical_url: https://github.com/faqtor/faqtor
---

[Faqtor](https://github.com/faqtor/faqtor) is Promise-based task runner / build automation system for the NodeJS ecosystem. Existing plugins support [rollup](https://www.npmjs.com/package/faqtor-of-rollup), [uglify-js](https://www.npmjs.com/package/faqtor-of-uglify), [browser-sync](https://www.npmjs.com/package/faqtor-of-browser-sync), [handlebars](https://www.npmjs.com/package/faqtor-of-handlebars) and some other tools. I would appreciate any feedback or support.
Ensinar para aprender
Tags: development, teach, meetup, learn
Published: 2021-01-31 16:03:42

---
title: Ensinar para aprender
published: true
date: 2019-01-27 20:43:05 UTC
tags: development,teach,meetup,learn
canonical_url: https://medium.com/@jplethier/ensinar-para-aprender-8af87c3ce46f
---

![](https://cdn-images-1.medium.com/max/1024/1*4iZJREVVa9niZeaPdY_5rQ.jpeg)

Eu participo da comunidade [RubyFloripa](https://ruby.floripa.br/) e sempre que posso tento ajudar de alguma forma nos eventos. Já ajudei na organização de um workshop para iniciantes, já consegui que a [SumOne](https://lp.sumone.com.br/sitesumone/) recebesse a patrocinasse um meetup e já palestrei em alguns. Mas essa semana que passou eu aceitei um desafio que para mim foi maior e diferente.

Tinha um tempo já que eu não fazia nenhuma palestra nos meetups, e conversando no nosso grupo no slack, o [Weverton Timoteo](https://medium.com/u/97fdc9b3fabc) estava querendo alguém para se “voluntariar” a palestrar, pois ele já tinha palestrado no último e achava legal que nesse próximo os palestrantes fossem diferentes. Para dar um contexto maior, tínhamos a proposta já do meetup ser voltado para qualidade de código.

No meio da conversa no grupo, eu pensei e refleti bastante do porquê eu não me propor a falar sobre o assunto. Enquanto refletia, uma das coisas que me segurava e pesava contra era que eu não tinha material nenhum pronto sobre o assunto, nunca tinha feito uma palestra sobre isso, nunca tinha parado para organizar de fato os pensamentos e idéias sobre esse tema.

Por outro lado, eu enxergava também como uma boa oportunidade de me forçar a organizar os pensamentos e estudar mais a fundo um assunto bem importante e que eu também gosto muito. Sim, seria um desafio, e a grande dúvida era se os pontos positivos seriam maiores que os negativos.

Bom, ainda não sei qual será o resultado final da palestra, se vou de fato conseguir contribuir para a comunidade da melhor forma e ajudar na passagem de conhecimento, pois o meetup é só na próxima sexta, mas com certeza para mim já está sendo um aprendizado enorme e uma forma muito eficaz de me forçar a estudar e pesquisar bem mais sobre algo. E isso me leva novamente a mesma conclusão que tive anos atrás quando trabalhei como monitor de matemática e física e que sempre tenho quando preciso ensinar algo para alguém do meu time:

Ensinar e passar conhecimento adiante talvez seja uma das melhores formas de aprender e crescer.
An ode to Offscreen technology magazine
Tags: studiolife, magazines, print
Published: 2019-03-14 17:29:54

---
title: An ode to Offscreen technology magazine
published: true
tags: Studio Life,Magazines,Print
canonical_url: https://steadfastcollective.com/articles/ode-to-offscreen/
cover_image: https://steadfastcollective.com/app/uploads/2019/01/IMG_0120-1000x667.jpg

---

Offscreen magazine is a chance to read about technology on paper. Now in its 20th Issue, Offscreen is a breath of fresh air. Intricate articles, beautiful design and amazing print quality are just a few reasons why at Steadfast Collective, we own the nine most recent magazines. This Christmas, we even sent them to our clients as part of their Christmas gift.

Kai Brach, the creator of [Offscreen magazine](https://www.offscreenmag.com), has incredible attention to detail, which I am yet to see in any other printed material. The spine of the magazine is designed to lay flat so that when you read it, which you should, the spine can’t be ruined.

![](https://steadfastcollective.com/app/uploads/2019/01/july18-57-1000x667.jpg)

Within Offscreen magazine, you will find long-form articles from giants within the industry but also thought pieces from lesser-known rising stars. A personal favourite segment is the ‘Gear’ section; a collage of beautiful products from around the world.

‘A day with’, another regular segment, gives insight into how other people work and live. Someone’s routine laid out on paper from dawn to dusk; each major element of a person’s day explained in detail. It’s fascinating to read how different individuals shape their lives, from their morning workout to how they balance their family/work time.

![](https://steadfastcollective.com/app/uploads/2019/01/IMG_0120-1000x667.jpg)

When chatting to clients or fellow companies about how they use ads, I can’t help but pick up a copy of Offscreen from around the studio to show. In the middle, each advertising company or partner get a double spread. On the left, their logo in black and white, while on the right, a short blurb about the company. A simple and beautiful, non-jarring way to display adverts that is in keeping with the magazine’s aesthetic.

Currently, Kai is taking a break from publishing [Offscreen magazine](https://www.offscreenmag.com) but don’t let this put you off throwing your attention their way. The last four magazines are still available to buy on the website. Kai’s latest endeavour, [Dense Discovery](https://www.densediscovery.com/) is a weekly newsletter about ‘helping web workers be productive, stay inspired, and think critically’. Why not give that a read too?

So there we have it, an ode to Offscreen, a technology magazine. Offscreen is just one of the many publications that fill the Steadfast studio with inspiration and colour. Pop in and visit us for a chat and have a flick through Offscreen as you wait.

The post [An ode to Offscreen technology magazine](https://steadfastcollective.com/articles/ode-to-offscreen/) appeared first on [Steadfast Collective](https://steadfastcollective.com).
Portfolio gallery, Face detection, YouTube overlay & more | Module Monday 26
Tags: showdev, opensource, webdev, javascript
Published: 2019-01-28 15:54:23

---
title: Portfolio gallery, Face detection, YouTube overlay & more | Module Monday 26
published: true
description: Module Monday 26
tags: showdev, opensource, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/v1548441586/portfolio_opqoyj.gif
canonical_url: https://guide.anymod.com/module-monday/26.html
---

## Open-source mods for your next project

Everything below is open source and free to use on any website, web app, or anywhere else. [Anymod](https://anymod.com) has hundreds more like these.

Click a mod to see it along with its source code.

### Portfolio gallery
Show off your work in a clean grid format.
<a class="btn btn-sm" href="https://anymod.com/mod/allaml?v=20">View mod</a>
<a href="https://anymod.com/mod/allaml?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1548441586/portfolio_opqoyj.gif"/>
</a>

### Face detection image
Automatically crop uploaded images to a face.
<a class="btn btn-sm" href="https://anymod.com/mod/dkkrbr?v=20">View mod</a>
<a href="https://anymod.com/mod/dkkrbr?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1548468530/face-detection_xq3exa.png"/>
</a>

### YouTube video overlay
Open any YouTube video - just add video ID. Trigger warning: baby shark do do do.
<a class="btn btn-sm" href="https://anymod.com/mod/kddlam?v=20">View mod</a>
<a href="https://anymod.com/mod/kddlam?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1548445939/youtube_uyxwyh.gif"/>
</a>

### Hero unit underlay
Full screen image that underlays other content.
<a class="btn btn-sm" href="https://anymod.com/mod/orranl?v=20">View mod</a>
<a href="https://anymod.com/mod/orranl?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1548466747/hero-underlay_anoasd.gif"/>
</a>

### Fixed profile nav
Fixed side navigation with profile info.
<a class="btn btn-sm" href="https://anymod.com/mod/allanl?v=20">View mod</a>
<a href="https://anymod.com/mod/allanl?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1548467429/fixed-sidenav_rjnpaj.png"/>
</a>

<hr>

I post new mods [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
Who's looking for open source contributors? (Jan 28th edition)
Tags: discuss, opensource, contributorswanted
Published: 2019-01-28 15:44:04

---
title: Who's looking for open source contributors? (Jan 28th edition)
published: true
description: 
tags: discuss, opensource, contributorswanted
---

Find something to work on or promote your project here.

Please shamelessly promote your project. Everyone who posted in previous weeks is welcome back this week, as always. 😄

Additionally, all are welcome to also create a standalone post in this tag:

{% tag contributorswanted %}

Follow the tag for more posts like this one.

Happy coding!
My Go Toolkit to Build a Frameworkless App
Tags: go, tools, githunt, framework
Published: 2019-01-28 15:26:49

---
title: My Go Toolkit to Build a Frameworkless App
published: true
description: How I manage to build a frameworkless app with Golang
tags: go, tools, githunt, framework
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sp6baiex1tjq736iz7lk.jpg
canonical_url: https://mamyn0va.github.io/2019/01/28/my-go-toolkit-to-build-a-frameworkless-app
---

A few months ago, I started [my journey from PHP to Go](https://dev.to/biros/my-journey-from-php-to-go-55bd) on a new app in my company.

Some 3 months after, I posted another Article on DEV talking about [my feedbacks on the language](https://dev.to/biros/its-been-three-months-since-my-first-go-loc----419d).

Now it's the time to share about the libraries & tools I've been using so far. Note that I don't use any framework nor any ORM. Just the right libraries to do the job.

---

## Libraries

### 1. Viper

🌠 *7,353*

{% github spf13/viper %}

### 2. Gin Gonic

🌠 *23,913*

{% github gin-gonic/gin %}

### 3. Mgo

🌠 *1,385*

{% github globalsign/mgo %}

### 4. Zap

🌠 *5,901*

{% github uber-go/zap %}

### 5. ~~Go.uuid~~ gofrs/uuid

🌠 *394*

{% github gofrs/uuid %}

### 6. JWT-Go

🌠 *4,849*

{% github dgrijalva/jwt-go %}

### 7. Testify

🌠 *6,634*

{% github stretchr/testify %}

### 8. Go-yaml

🌠 *2,692*

{% github go-yaml/yaml %}

---

## Tools

### 1. Gomock + mockgen

🌠 *2,023*

*Gomock is a testing library that allows you to mock your dependencies and to make assertions on them. Mockgen is a CLI tool packaged with gomock to create your mocks.*

{% github golang/mock %}

### 2. Modd

🌠 *977*

*A file watcher allowing you to restart your app, to run your unit tests and much more*

{% github cortesi/modd %}

---

I hope that you'll find some of these libs/tools useful for your needs.

Don't hesitate to propose the ones you find great.

Thank you for reading!
Flutter for Web Developers
Tags: flutter, webdev, presentation
Published: 2019-01-28 15:21:39

On Friday I had the honor of [speaking](https://slides.today/decks/-LX-BBFrNGjo4laRZuHU) to the [SFHTML5](https://www.meetup.com/sfhtml5/events/256523273/) meetup group about [Flutter](https://flutter.io). Here is the recording of the presentation.

{% tweet 1088607444689801216 %}

{% youtube lhyAMLmQuCI %}
I just discovered Rainmeter
Tags: showdev, design
Published: 2019-01-28 15:13:02

It's like Conky, but for Windows. I plan on integrating some work events into my skins, but here is my mostly stock beginnings:

![My Rainmeter setup](https://thepracticaldev.s3.amazonaws.com/i/runduumu1mw8ctwp21c2.PNG)

Who else has experience with Rainmeter?