teleren/devto huggingface dataset:
Manage Bundler indirect dependencies versions
Tags: ruby, beginners, tutorial
Published: 2022-05-20 16:20:34

Have you seen that bundler stuck on finding how to upgrade your gems? What to do if there is a new breaking version of the indirect dependency, causing deployment fails?
![Bundler looks for options](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4sxis2wl9dy5364bl24a.png)
 
Sometimes we got broken deploy, because of the not supported version of the gem, and it has been used automatically as an indirect dependency.

Or bundler could find any upgrade because of conflict of the indirect dependencies.

So what can we do? How could we help bundler find better versions for indirect dependencies?

## Migrate from indirect to direct dependency status
Yep, that's all. We just need to add indirect dependency as direct. And do not forget to add a notice comment to ensure that this gem is required only for assigning version constraints.
![Add direct dependency to add constraint for indirect](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pbxx3fzqemouy7a2uml4.png)

With explicit version constraints assigned for indirect (and now direct) dependency, the bundler will have to satisfy them and will change other gems.

---

**Paul Keen** is an Open Source Contributor and a Chief Technology Officer at [JetThoughts](https://www.jetthoughts.com). Follow him on [LinkedIn](https://www.linkedin.com/in/paul-keen/) or [GitHub](https://github.com/pftg).
Gradient Background Picker
Tags: codepen, javascript, css, tutorial
Published: 2022-05-20 16:20:03

In this article, you will learn how to build a Random Gradient Generator using JavaScript, HTML, and CSS. CSS Gradient Generator is basically a simple JavaScript project that will increase the knowledge of beginners about JavaScript.

linear-gradient is mainly used in the background of [web pages](https://www.rembertdesigns.co/). If you know basic JavaScript, you can easily create this project.

A gradient is a reformist change starting from one color to another. It gives anyone the ability almost to invent a new color. It adds a new dimension to the design and realism to the product, making it stand out. Gradients, to put it simply, add dimension.

{% codepen https://codepen.io/rembertdesigns/pen/wvpOLRX %}

The gradient pattern can be used in a variety of ways. It can be a focal point of a design or a background feature, and it can be bold or subtle. Gradients can also create new color combinations that feel different and modern by mixing and blending different shades of color, giving designs a unique feel.

Gradients can be used for creating logos, packaging, [web design](https://www.rembertdesigns.co/), apps, and Print materials.

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Aim-based experiment tracker for spaCy
Tags: spacy, nlp, machinelearning, deeplearning
Published: 2022-05-20 16:15:27

Hi all, excited to share with you aim-spaCy! 🎉 

It's an Aim plugin for spaCy that automatically logs the spaCy metrics and displaCy visualizations as images.
Both on training and evaluation.

Aim has a powerful Images Explorer that allows to compare 1000s of tracked images in-depth.
aim-spaCy will allow to seamlessly compare 1000s of displaCy visualizations at once with a few clicks. 🙌 

### A use-case example
In the gif below, we have tracked 100+ displaCy Dependency Tree and NER visualizations for one spaCy inference run.
With 2 clicks we can compare two visualizations of the same sentence at each step:
- group by `record.step`
- stack by the last grouping param (the step)
- [Bonus] you can compare across 100s of runs too

**Basically this will allow to find where and why (thanks to displaCy magic) models misbehave / underperform.**

![aim-spaCy usage example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b4ceweigonxrk4vd8qnt.gif)
 
### Other perks
- Free, self-hosted and open-source
- Easy to embed in your jupyter notebook
- Compare 1000s of high-dimensional experiments (100s of metrics, images, text tracked per experiment)

web: [aimstack.io/spacy](https://bit.ly/3woVzFC)
code: [github.com/aimhubio/aim-spacy](https://github.com/aimhubio/aim-spacy)

Would love your feedback on aim-spaCy. What else would you like us to add to the project?
RGB Color Slider
Tags: codepen, javascript, css, tutorial
Published: 2022-05-20 16:12:04

Today you will learn to create a program for creating or get RGB value of colors. Basically, there are 3 range sliders for RGB values: first for R, second for G, and third for B. And we can generate a color by sliding them because after together merging these colors can create any color. When you will slide the range then the background color will also change according to slide values. Also, you can see the generated color’s RGB value downside of the sliders.

{% codepen https://codepen.io/rembertdesigns/pen/rNpRRjR %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Variables
Published: 2022-05-20 14:55:13

A **variable** is a container where we can store a value.

## _let_

- can be reassigned but not redeclared

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ec4gy7ip1a99sofhn40.png)

- can declare _let_ with a value when declaring the variable, or declare it and not give it a value. 

- with let arrays: you can update it at any point. let is the var keyword but block-scoped. 

## _const_

- cannot be reassigned or redeclared

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5ccrc1ayiqkdk0l8c82f.png)

- cannot declare const with a value and not give it a value. can't say const chicken; because const is supposed to say constant, so you need to know ahead of time what the value is going to be.

- const array: the values can be updating the values/pushing onto the array. You're still changing the array. you're not updating the reference. pointing to the same array/object in memory. can't change the reference. We are not able to reassign the array itself but we can reassign any of its elements. 

## _var_

- declares variables

- declares a function-scoped or globally-scoped variable, optionally initializing it to a value.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6s97kbga61d933igkzyo.png)

- can declare a var with a value when you declare the variable, or declare it and not give it a value.

- you can redeclare the variable at any time
var x = 10; var x = "hi";
You're not just updating/reassigning x, you are completely redeclaring it. can't do that with let or const.

## **hoisting**

- a variable can be used before it has been declared

- when variables are set to undefined. declared before the rest of the code.

- let and const get hoisted. they are not set to undefined like var. 

- var is scoped to the current execution context. scoped to their enclosing function if they are in a function. if not, they are part of the global scope.

- let and const are block scoped. var is not block scoped. it is scoped to the current execution context.

- when you declare var in global scope, it is added to the window object. const and let are not in the window object.
Entrenamiento - Alibaba Cloud Associate Developer
Tags: cloud, alibaba, curso, associate
Published: 2022-05-20 16:08:41

---
title: Entrenamiento - Alibaba Cloud Associate Developer
published: true
description: Registrate a este curso que brinda Alibaba Cloud… ¡gratis!
tags: cloud, alibaba, curso, associate
cover_image: https://vicenteguzman.com/assets/img/blog/post-headers/alibaba/alibaba_training_associate_developer_HEADER.png
---
¡Hola a tod@s!

¿Te imaginas como desarrollador en el futuro? ¿Estás luchando por sobresalir entre todos los desarrolladores? ¡Entonces aquí viene el examen de certificación y capacitación de certificación de desarrollador de Alibaba Cloud Associate (ACA) GRATUITO! ¡Regístrese AHORA para estar más cerca!

El contenido del examen de certificación cubre las características y soluciones de productos relacionados con Alibaba Cloud, incluidos contenedores, monitoreo de aplicaciones, depuración, optimización, computación de funciones de Alibaba Cloud y control de acceso a productos de Alibaba Cloud.

Una vez completada la capacitación, tendremos la oportunidad de obtener la certificación de Associate Developer, siempre y cuando se logra aprobar el examen.

Recuerden, tanto el curso como el examen son totalmente GRATUITOS, así que no dejen pasar esta oportunidad.

## Calendario

Fecha: 23 de Mayo (Lunes)
Hora: 10:00 am - 6:00 pm (UTC+8/hora de Pekín)
Idioma: Inglés
Nivel del curso: Principiante a Intermedio

[Regístrate](https://alibaba.zoom.us/webinar/register/7716504459829/WN_la379Wu6QYmI16fl_2SROg)

## Examen
Examen de certificación: el examen se llevará a cabo de 2:00 p.m. a 4:30 p.m. (UTC+8/hora de Beijing) el 25 de mayo, y se le enviará el correo electrónico de confirmación del examen a fines del 24 de mayo.

¡Nos vemos pronto en la nube!

![Image ACA Developer](https://vicenteguzman.com/assets/img/blog/post-headers/alibaba/alibaba_training_associate_developer.png)
HEX Color Picker
Tags: codepen, javascript, css, beginners
Published: 2022-05-20 16:04:13

Hex color is a six-digit code representing the amount of red, green, and blue that makes up the color. Hex color generator gives the hex code of selected color.

Approach:

To select a color, we will use `<input type=”color”>` which creates a color picker.
Get the value returned by color picker.(Color picker returns hex value)
Set the color as background and display the hex code.

{% codepen https://codepen.io/rembertdesigns/pen/KKZENZX %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
SafeStorageBot - keep’s your secrets in Telegram
Tags: bot, telegram, opensource, angular
Published: 2022-05-20 15:42:09

---
title: SafeStorageBot - keep’s your secrets in Telegram
published: true
description: The bot is a secure password vault. You encrypt your password with your master password and store it in the bot.
tags: bot,telegram,opensource,angular
cover_image: https://miro.medium.com/max/1400/1*S_eb22n-amTelL1v5fSSmw.jpeg
---

The Telegram team announced the Saved Messages tab quite a while ago. Over time, my friends and I noticed that some of our passwords from services began to appear there as well, and “Saved Messages” is already being used as a password repository.

It’s quite convenient, but there are some disadvantages:
1. Passwords are not encrypted.
2. It is hard to search without tags, because there is other information
3. It’s inconvenient to associate the service with the password
4. You have to select when copying (which is not always convenient when there are special characters)

Solve this problem securely for passwords with a bot, before the release of Telegram WebApp was impossible with one bot(you can encrypt separately and send the result):
1. No client side(code that can be verified)
2. Send unencrypted passwords to server is unsafe

With the advantage of WebApp this can be done (the main thing is to think up and remember the master-password):
1. Encrypt the password with a master password using Javascript (crypto API/crypto-JS) on the client side
2. Send the encrypted password to the server (there we encrypt the password a couple more times to secure the database)
3. When we need a password, we request it and decrypt it using the master password on the client side

That’s how this bot came about.

[BOT LINK](https://t.me/SafeStorageBot)

Below I will show a short video of the bot:
{% embed https://www.youtube.com/watch?v=VEZt9bAXH74 %}

How it works:

1. You add a password with the title
2. You enter the master password for encryption
3. Send title + encrypted password to the server (master-password is never sent)
4. On the server, encrypt the password and userId a second time with the server master-password
5. The entry is saved in the database
……
6. You request the password
7. The entry is retrieved from the database and decrypted with the server master-password
8. Sent to the client side
9. You enter your master password and decrypt on the client side using javascript
10. You see the decrypted password and can copy it

The client part of the application is posted in the repository:

{% embed https://github.com/SafeStorageBot/frontend_bot %}

With the command **/version** you can always see the commit number of the client part of the application and see the code.

[Frontend encryption module](https://github.com/SafeStorageBot/frontend_bot/blob/master/src/app/utils/crypto.ts)

I have long thought about monetisation and after consulting with friends I settled on the option 3 passwords can always be stored, and for a donation of 3 euros a month you can store any number

Thank you for your attention!

PS: Let me take advantage of the opportunity to be promoted again:
[BOT LINK](https://t.me/SafeStorageBot)
Status Update - Upcoming Release
Tags: phalcon5, status, update
Published: 2022-05-20 15:37:08

---
title: Status Update - Upcoming Release
published: true
date: 2022-05-20 15:12:39 UTC
tags: phalcon5,status,update
canonical_url: 
---

A quick update for the community, since it has been a while since we last posted our progress.

### Team

Both [Jeckerson](https://github.com/Jeckerson) and [niden](https://github.com/niden) have had urgent issues that had to be addressed outside the project. Moving was the most time consuming task for both, leaving little to no time to work on the project. The weeks ahead seem much better though!

### PSR

As mentioned in our previous blog post, PSR needs to be removed as a dependency from Phalcon. As such, we have refactored our classes to allow for our own interfaces (which are much stricter with types). We also created `proxy-*` repositories for different PSR implementations, to be available in composer. The user that wishes to use a PSR standard (say Logger) will be able to install `proxy-psr3` and use that class, which implements the PSR interface but internally uses code from the extension.

Sadly PSR-7 proved to be way too complex to address. We have spent a few weeks trying to get it to work with both implementations but it proved to be too much. Since we will be rewriting our HTTP layer, we will make sure that it can accept and process both Phalcon and PSR related objects (Requests, Responses etc.). So in short, no PSR-7 in v5. There is however a full implementation of PSR-7 in our [v6](https://github.com/phalcon/phalcon) repository.

### v5

The showstopper for v5 was indeed PSR, offering a good amount of segfaults. Now that it has been removed as a requirement, we have progressed as fast as we could to make sure that all the builds are working and we have support for PHP 7.4, 8.0 **and** 8.1!

There are a few things to tidy up (such as the windows builds for instance in our GitHub actions). We are however getting ready to release v5.0.0RC1 very soon.

While that part of the code is being worked on, we have some new issues that have been reported, that we will try to address and fix before the stable release.

### Thank you

As always a huge thank you to the community that has been supporting us with thoughts, ideas, discussion etc.
Cap Stone - Chain Stars
Tags: typescript, react, csharp, beginners
Published: 2022-05-20 15:11:44

In hopes to improving my understanding of the process of making a full stack app.  I will document the journey of how an idea goes from thought to functional bits on a screens. 

In the beginning...[step 1]

First comes the user stories and needs. These are necessary to flesh out the functionality that the website will need.  These will change and mutate as the process evolves, but a base is needed to start building 

  As a user I should be able to do 
       -Sign up for an account
       -Sign out of account
       -Update account details
       -Upload a user logo 
       -Input a bike into my stable w/ details and at least a single picture
       -Update a bike in my stable
       -view all bikes in stable on a user/my page 
       -View all bikes on a main page
       -Search for a bike by table/description
       -Leave a review for another user bike

Wire diagrams...[step 2]
Pen and paper are best for me.  As you can see from the pictures I wireframed out each page out.  Even at this step, I have changed details of the wireframes or I haven't styled them completely with CSS.  However, they are providing good guild rails as I work. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eisoi3pkfysfujy1znpf.jpg)

For example I have all ready changed button placement through out the project thanks to some early feed back.  I will also move the add a bike button away from the home page and to the user page. 

The next write up will be on generating static HTML and basic CSS.
RGBA Color Picker
Tags: codepen, javascript, css, tutorial
Published: 2022-05-20 15:06:51

The RGB color space is a combination of the red, green, and blue light components of additive color. The components of RGB are represented by the mathematical model:

**R = red (0 ≤ R ≤ 255)
G = green (0 ≤ G ≤ 255)
B = blue (0 ≤ B ≤ 255)**

The RGBA color space is a color space that includes an extra channel (alpha channel) for representing the transparency information of an image. An RGBA color is composed of four channels, where each channel is represented by 8 bits. In RGBA, the transparency information is stored in the alpha channel, and the color information is stored in the three RGB channels.

{% codepen https://codepen.io/rembertdesigns/pen/wvpOGwK %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
social media bookmarks
Published: 2022-05-20 15:04:00

## Awards

- swissgeol.ch Geospatial World Forum Award
 - [GWF linkedin](https://www.linkedin.com/feed/update/urn:li:activity:6940572853641568257/)
 - [Swisstopo linkedin](https://www.linkedin.com/posts/swisstopo_hurra-swissgeolch-gewinnt-aus-%C3%BCber-100-activity-6932249614985142273-BUWJ)

## Events
**2022**
- Lyon Métropole GIS day [FR]. Presenting open source GIS solutions: [LinkedIn](https://www.linkedin.com/posts/jnponnelle_collterr-communsnumaezriques-opendata-activity-6933390335398035458-GXUd)
- GeoMapfish Users Group Meeting in Yverdon: [LinkedIn](https://www.linkedin.com/posts/geomapfish_geomapfish-lidar-wfs-activity-6928019575607341056-gl-R)

**2021**
- IGN GeoCommun workshop in Paris, France [Lindkedin](https://www.linkedin.com/feed/update/urn:li:activity:6813459998274818048)

## Open Source contributions
- OpenLayers WebGL Vector renderer [GitHub](https://github.com/openlayers/openlayers/pull/13461#pullrequestreview-1047165262)
- Cloud Native GeoServer Project Donation [GitHub](https://github.com/geoserver/geoserver/wiki/GSIP-201)
How to install python2 in a macbook M1 with brew
Tags: beginners, macos, python, brew
Published: 2022-05-20 13:57:31

Today, I need it to clone a repository of a project I'm working on, and after I run 

```
npm install
```
it returns python2 executable not found. so here are the steps to install python in your macbook.

**Steps**
1. First of all , you should have installed brew.
2. After you install brew run the following command

```
brew install pyenv
```
**pyenv** (python version management) will help us on having multiple python versions in our pc. 

3. After the installation of pyenv we can now proceed to install the required python version we need with the following command:

```
pyenv install 2.7.18

```
4. once the installation completes we can export our env variables like this

```
export PATH="$(pyenv root)/shims:${PATH}"

```

```
echo 'PATH=$(pyenv root)/shims:$PATH' >> ~/.zshrc

```
After restarting my shell and try to install the dependencies of the project I found one more time there is not a python2 executable , but you are wondering what I did wrong? if I just installed it. Well we need to tell **pyenv** to use the version of python running the following command in our terminal

```
pyenv init

```
Make sure to follow the instructions for configuration, and after restarting your terminal we can tell our shell to use the python version we need 

```
pyenv shell 2.7.18

```
and that's it , we have now python2 configure in our macbook.
Random Password Generator
Tags: codepen, css, javascript, tutorial
Published: 2022-05-20 15:01:02

If you are a beginner and want to create a JavaScript Random Password Generator then this tutorial is for you. Here I have shown step-by-step and shared complete information on how to create a password generator using JavaScript. 

JavaScript Random Password Generator will help you create the password of your choice.

This simple password generator will help you create the password you want. There are different options and controls. This will allow you to create the password you need.

{% codepen https://codepen.io/rembertdesigns/pen/dyJVvaY %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Interest Loan Calculator
Tags: codepen, css, javascript, tutorial
Published: 2022-05-20 14:58:48

In today's post, you will learn how to create a Simple Loan Calculator using HTML CSS, and JavaScript. JavaScript Loan Calculator will help you to calculate the loan amount, interest rate, and information of monthly payment.

We basically use the general formula to calculate the interest rate and monthly payment of a loan amount. However, JavaScript will help you to make this task more perfect and easy.

{% codepen https://codepen.io/rembertdesigns/pen/VwyWVrO %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Should I use webflow or wordpress to build static websites?
Tags: discuss, wordpress, webflow, elementor
Published: 2022-05-20 14:56:46

Hi. I've been using Svelte + Bootstrap to build static sites when a client wanted one. I’m being tempted to use some kind of tool like Webflow or Wordpress + Elementor for this purpose.

The thing is that I still feel I'm faster coding the websites by hand than using these tools, also building them writing the code is free and allows me to keep the price low for the client.

Do you have any experience you can share?