teleren/devto huggingface dataset:
How to Delete Instagram
Tags: delete, instagram
Published: 2022-01-26 20:43:35

If you're sick of Instagram and want to get rid of it, you're probably asking how to delete Instagram. On social media, we all experience ups and downs. Instagram is one of these sites, and we become tired with it from time to time. 

Let's take a look at how to erase an Instagram account. 

## How to Delete an Instagram Account on iOS and Android 

Unfortunately, you cannot completely erase your Instagram account from mobile devices. You can, however, log out of your account using the mobile app. However, if you want to delete or temporarily disable your account, you must do so through Instagram's website.

There is no method to remove Instagram on Android. You are only able to log out. Again, deleting your account from the iOS app is not feasible. On iOS, however, you can do it through the web browser. 

Your account will not be erased if you deactivate the Instagram app from your mobile device. As a result, the best way to delete your account is through a PC or web browser. 

## How to Delete an Instagram Account on a Computer? 

If you wish to completely erase your Instagram account, you may do it from your computer. Here are the actions to take:

**1-** Log in to your Instagram account using the Instagram website. 

**2-** Navigate to the 'Delete My Account' section. 

**3-** Choose a reason for canceling your account. 

**4-** Finally, click the 'Permanently remove my account' option, and your account will be permanently deleted.
 

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

**Note:** If you are unhappy with your [Instagram](https://www.instagram.com) account, you should remove it. If you are experiencing issues such as a lack of followers or likes, you can always purchase them from [Flowline Center](https://www.flowlinecenter.com). Simply go to [https://www.flowlinecenter.com](https://www.flowlinecenter.com) and acquire what you want quickly and conveniently.

## Conclusion 

We've already answered the question, 'how to delete Instagram?' If you're tired of using Instagram, you may always disable your account temporarily or permanently erase it. You must utilize the Instagram website to accomplish this. We hope you found this post useful. 

Thank you for your time.
The smallest stylesheet possible
Tags: css, html, javascript, webdev
Published: 2022-01-26 20:35:46

**This is my experiment in building or finding the smallest working CSS stylesheet.**

Experiment is to find and create the smallest stylesheet for my website while still being concerned about accessibility and user experience.

For disclaimer, websites such as [Motherf-king Website](https://motherfuckingwebsite.com/) don't count because it doesn't have a stylesheet (and it uses Google Analytics for some reason).

The second contestant is one of its final successors, [Perfect Motherf-cking Website](https://perfectmotherfuckingwebsite.com/) that does have a stylesheet with 3 rules and one media query for dark mode (points for dark mode!). I downloaded the stylesheet and got 444 bytes from it, ungzipped and unminified.

This is the stylesheet:

```css
body {
 max-width:650px;
 margin:40px auto;
 padding:0 10px;
 font:18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 color:#444
}
h1,
h2,
h3 {
 line-height:1.2
}
@media (prefers-color-scheme: dark) {
 body {
  color:#ccc;
  background:black
 }
 a:link {
  color:#5bf
 }
 a:visited {
  color:#ccf
 }
}
```

But its predecessor, [Better Motherf-cking Website](http://bettermotherfuckingwebsite.com/) actually got a smaller footprint: 120 bytes with only two rules. The stylesheet is minified, also.

The code:

```css
body{margin:40px
auto;max-width:650px;line-height:1.6;font-size:18px;color:#444;padding:0
10px}h1,h2,h3{line-height:1.2}
```

Hard to top this one.

But it doesn't make an effort for dark layout, so this is a compromise I may have to make.

Some adjustements to my stylesheet for the body:

```css
body{margin:40px auto;max-width:600px;font:normal 1.2em sans-serif;background:#121212;color:#fafafa;padding:0 10px;line-height:1.4}
```

Max content and margins are generally equal to before, but I used the general font property to save some bits. Background and color are being almost swapped for people who find continuously harder read on brighter screens (such as me). I know I should ask the user for its preferences, but in the context of personal sites, getting an obligatory dark interface is not a problem.

The rest comes with the necessity of changing links colors to make it readable.

```css
a:link{color:#5bf}a:visited{color:#ccf}
```

The colors come from Perfect Website from above.

That leaves me with 170 bytes from a minified stylesheet.

If someone knows how to achieve better results with - preferably - what I have, let me know.

---
This was originally posted in my website: https://daepher.com
String.replace() like a pro
Tags: javascript, beginners, tutorial, programming
Published: 2022-01-26 20:17:50

String.replace is a great tool to use for string formatting.
But, not any task can be solved with a simple substring replacement. Thankfully, `replace` method provides us with some more advanced functionality.


## Replacement patterns



Let's write a function that accepts an array of 10 integers (between 0 and 9), and returns a string of those numbers in the form of a phone number.


```js
const formatPhone = phoneInput => {
  return phoneInput
    .join('') // converting array into a string 
    .replace(/(\d{3})(\d{3})(\d+)/, '+1 ($1) $2-$3')
}

formatPhone([2,0,2,5,5,5,0,1,3,1]) // +1 (202) 555-0131
```
Here we declared 3 groups in our RegExp and then pass them according to their order number to a new substring.

You can easily use named groups as well. For example, let's create a function that formats `day-month-year` date input to `year/month/day` string.

Yes, I know that there are better ways to format a date string, but it's a great example of using named replacement patterns. 

```js
const formatDate = dateInput => {
  return dateInput.replace(
    /(?<day>\d{2}).?(?<month>\d{2}).?(?<year>\d{4})/,
    '$<year>/$<month>/$<day>'
  )
}

formatDate('26-01-2022') // 2022/01/26
```
If you have never used named capturing groups in RegExp you can check [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges).

## Passing function as a parameter

I personally think that this approach is more obvious and what more important it's easier to test and maintain.

We can pass a function that accepts each substring and returns its modified version.

As an example, we create a function that converts cameCase to a snake_case.

```js
const camelCaseReplacer = pattern => {
  return `_${pattern.toLowerCase()}`
}

const camelCase = 'someVariableName'
camelCase.replace(/[A-Z]/g, camelCaseReplacer) // some_variable_name
```

These techniques will help you to solve almost any string formatting challenges, so don't hesitate to use them.
Release 1.9.11 of Perl distribution Crypt::OpenSSL::X509, followed by 1.9.12
Tags: perl, release, opensource
Published: 2022-01-26 19:56:28

---
title: Release 1.9.11 of Perl distribution Crypt::OpenSSL::X509, followed by 1.9.12
published: true
description: Release of Perl distribution Crypt::OpenSSL::X509
tags: perl, release, opensource
//cover_image: https://direct_url_to_image.jpg
---
Recently I published a new release of the Perl distribution [Crypt::OpenSSL::X509](https://metacpan.org/dist/Crypt-OpenSSL-X509).

A release had not been made since August, I had lined one up and planned for November 2021, but never got it shipped, but now I found the time.

As always I am incredibly happy for the users of, and the contributors to the distribution and this release contains PRs from 3 different contributors:

- James Rouzier [@jrouzierinverse](https://github.com/jrouzierinverse)
- Florian Schlichting [@fschlich](https://github.com/fschlich)
- Timothy Legge [@timlegge](https://github.com/timlegge)

If you want to contribute you are always welcome to submit issues or PRs via the [GitHub repository](https://github.com/dsully/perl-crypt-openssl-x509)

Well that all sounds _honky dory_ BUT, things went sideways... the first attempt at an upload to PAUSE, the gateway for CPAN was an empty tar-ball.

Luckily Timothy Legge swiftly informed me of the issue. Unfortunately it is not possible to upload a file with the same name twice, so release 1.9.12 followed just after.

I think I need to write some scripts to help me with these releases, so I do not make stupid mistakes, or I should migrate to Dist::Zilla, which is a stronger tool compared to Module::Install IMHO.

The distribution still relies on OpenSSL 1, next up is support for OpenSSL 3. I am planning a bug fix/maintenance release in between.

Take care,

jonasbn

## Change Log 1.9.11 Tue Jan 18 18:57:39 CET 2022

- Applied patch from @jrouzierinverse PR [#93](https://github.com/dsully/perl-crypt-openssl-x509/pull/93) addressing issue [#66](https://github.com/dsully/perl-crypt-openssl-x509/issues/66)

- Applied patch from @timlegge PR [#92](https://github.com/dsully/perl-crypt-openssl-x509/pull/92) addressing issues [#50](https://github.com/dsully/perl-crypt-openssl-x509/issues/50) and [#40](https://github.com/dsully/perl-crypt-openssl-x509/issues/40)

- Correction to spelling found Debian Linter, thanks @fschlich PR [#90](https://github.com/dsully/perl-crypt-openssl-x509/pull/90)

- Added eliminated compound-token-split-by-macro errors coming from newer clang/LLVM version (>11?), got some good pointers from this [Perl issue](https://github.com/Perl/perl5/issues/18780)

- Forced OpenSSL under Homebrew to 1.1 via `openssl\@1.1`, since OpenSSL version 3 got released we might experience issues and this need to be revisited and tested thoroughly

- Reformatted the Changes file, slowly converting to Markdown

## Change Log 1.9.11 Tue Jan 18 18:57:39 CET 2022

- Repair upload, see release 1.9.11, thank you @timlegge for reporting this

> PAUSE doesn't let you upload a file twice.
Run Contao CMS behind a NGINX proxy with SSL enabled
Tags: php, contao, symfony, nginx
Published: 2022-01-26 19:48:38

---
title: Run Contao CMS behind a NGINX proxy with SSL enabled
published: true
description: 
tags: php, contao, symfony, nginx
//cover_image: https://direct_url_to_image.jpg
---

This applies to Contao 4.x

```php
// Add this code snippet into your /web/app.php 
// respectively the index.php
// x.x.x.x being the IP of your proxy.
// You can also check this issue here for some more directions
// https://github.com/contao/core/issues/8826
Request::setTrustedProxies(['x.x.x.x'], -1);
```
Como usar o $ sem jQuery?
Published: 2022-01-26 19:47:10

Quando comecei a carreira de desenvolvedor, fui apresentado a um tal de jQuery. Isso foi um divisor de águas na minha vida. Naquela época (2009), uma biblioteca que facilitava tanto a vida do Dev e entregava tanta coisa bacana em JavaScript... parecia mágica, e isso me ajudou por muitos anos mas me deixou "dependente" de suas facilidades, afinal, eu só precisava usar o incrível e fabuloso símbolo de `$` e _voilà_.

> Este post é para auxiliar minhas práticas de estudo avançado de JavaScript. Caso tenha alguma sugestão ou outro meio, sinta-se a vontade para contribuir.

Um (bom) tempo depois, senti a necessidade de me libertar dessa dependência. Observei que 70% da minha necessidade de utilizar jQuery era por conta do maravilhoso recurso de seletor. Mas e se fosse pra criar um método seletor no estilo jQuery, como seria?

Eis que é muito mais simples do que pode parecer e eu vou mostrar.

Vamos precisar de um seletor versátil, pois precisaremos selecionar tags, classes e IDs. Portanto utilizaremos o `document.querySelector`.

`let $ = document.querySelector`

Criamos uma variável com o nome de `$` e atribuímos a função seletora a ela. Mas teremos um probleminha aí: 

`Uncaught TypeError: 'querySelector' called on an object that does not implement interface Document.`

Isso acontece porque o contexto de `document` atribuído à variável é diferente do contexto `document` do DOM que queremos.
Para resolver isso, é bem simples. Basta atribuir o contexto `document` junto com a declaração da função através do `.bind`.

`let $ = document.querySelector.bind(document)`

Pronto. Agora temos algo extremamente simples mas parecido com o seletor do jQuery.

```

let $ = document.querySelector.bind(document)

$('.my-class').innerHTML = 'Mussum Ipsum, cacilds vidis litro abertis'

$('#my_id').classList.add('custom-class')

```

E é isso. Simples, não?

---

Este é o primeiro post de uma série onde pretendo aplicar meus estudos de JavaScript para soluções que atualmente resolvo com jQuery mas que podem ser substituídas por JavaScript Vanilla.
Can "Microsoft loop" replace notion??
Tags: productivity, discuss, design, startup
Published: 2022-01-26 19:43:45

Google launched a platform in 2009 but to it's bad fate or may be some official decisions they permanently shut down the same project in very next year 2010, 

this was the Google's project "**Google wave**", which was to make the messages or the details chronology "change", with some drag and drop in layman's language, but as it's future was doomed as per the that times, in 2010 itself, it was shut down.

But in 2019, after microsoft announced its [fluid framework,](https://devblogs.microsoft.com/microsoft365dev/fluid-framework-is-now-open-source/) 

the basis motivation was to introduce smooth business documents management by anyone in team, just like developer manage the documents

So after making this fluid framework open source last year, microsoft started building it into some office applications, and the application which they have named as [Microsoft loop](https://www.microsoft.com/en-us/microsoft-loop/), in their ignite conference.

Loop takes the fluid framework for flexible components placement, which makes the editing based applications, real time applications and creates new experience for better collaboration on documents of the users. The same was also the promise of Google wave in 2010, but then it was thought as the project ahead of its times.

The great news is, this loop application will be part of Teams. As microsoft offially says "loop combines a powerful and flexible canvas with the portable components that  move remotely and stay in sync across apps - enabling teams to think, plan and create together"

The loop is bulit with three elements, of which first is **loop compeonts**, which has lists, tables, notes, tasks (all of which are the most important parts of productivity) then on the second number there are **loop page**, which has flexible canvases, to organise the components and to pull the other components like file, link, data for teams better connect and collaborations. And the third is **loop workspaces**, which consists of shared spaces, in which you can check out, on what issues every one is working on a perticular day and time and then track the progress towards that shared goals.

The best development in Microsoft loop overcoming Google waves limitation is real time cursor positioning.

Let's hope, some more exciting features will knock the doors soon, as the dream metaverse is coming soon for the world.
BECOMING OVERWHELMED AS AN ENTHUSIAST IN BACKEND DEVELOPMENT
Tags: backend, webdev, beginners, socialmedia
Published: 2022-01-26 19:30:41

## Here are my tips that I believe can help you avoid becoming overwhelmed:

### Start with the very basics:
 Before diving into complex and difficult concepts, make sure you have a strong understanding of the basics or foundation of programming fundamentals like data structures, algorithms, and object-oriented programming. Get yourself started with a simple programming language like Python, you will enjoy learning this programming language and you will understand the concepts faster in no distant time.

### Focus on one thing at a time:
 Don't try to learn everything at once. Focus on one language at a time and build projects with it to understand the underlying concepts of the language better and master it before moving on to the next one.

### Use online resources:
 There are many free online resources available that can help you learn backend development. Check out websites like Udemy, Coursera, and Codecademy. You can also join online communities and physical meetups to connect and network with colleagues and experienced developers who can answer your curiosity and help you in the course of your software journey.

### Practice, practice, practice:
 The best way to learn is to practice. Build small projects and test your knowledge as I mentioned before regards project. Start with simple projects like a to-do list application, and gradually work your way up to more complex projects.

**

## I will end with this last tip:
**
#### Don't be proud or afraid to ask for help!!!!

Did I say the last?

## Lol, Don't worry this is the last tip. 

### Feelings of Inadequacy or Self-doubt:
 Although there are always new trends emerging in the software world, such as new frameworks, programming languages, and concerns about artificial intelligence taking over jobs, it's important not to become too fixated on these topics. 
_This is perhaps the most important tip of all and will help you stay on the right track and achieve success in your software development journey._
La Pizarra Negra, especialistas en pequeños eventos 
Tags: webdev
Published: 2022-01-26 19:16:26

comodidad, es un gran plan para las personas que desean disfrutar de una experiencia diferente.

Para eso, muchos turistas contratan servicios de alquiler casa rural Madrid, porque les permite alejarse del ruido de la ciudad y contemplar las maravillas de la naturaleza de la península Ibérica.

Al noroeste de la provincia de Guadalajara y a tan solo 90 minutos de la capital española, se encuentra La Pizarra Negra, un alojamiento que ofrece alquiler casa rural con piscina y servicios muy completos que le garantizan al visitante el máximo confort y diversión a la hora de festejar un evento especial entre familiares y amigos.
[https://institutinternet.org/](https://institutinternet.org/)
El plástico ABS es una de las materias primas principales
Tags: webdev
Published: 2022-01-26 19:14:01

Debido a todos los efectos negativos que ha provocado la fabricación de ciertos productos en el planeta, cada día son más las empresas que se preocupan por elaborar artículos ecológicos y comprometidos con el entorno.

Los cepillos de dientes MyOwn son un ejemplo de ello, pues son fabricados con plástico ABS que proporciona durabilidad, otorgando a este instrumento una vida útil más allá del cuarto de baño.

Por otro lado, en estos cepillos también resalta la presencia de un mango ergonómico, con geometría plana y extremos afilados, lo cual mejora la sujeción y contribuye al correcto cepillado. Asimismo, cuentan con unos filamentos de poliamida, dispuestos de forma oval y elaborados con material de excelente calidad.
[https://institutinternet.org/](https://institutinternet.org/)
Free path to Android development - 0 to PRO
Tags: android, kotlin, beginners
Published: 2022-01-26 19:09:19

There are a lot paid courses and bootcamps that teach you Android development
and an endless list youtube tutorials. But no where there is a clear path for
someone completly new to it. In this blog post I am gonna compile all the resources
that I have found over the years and some very recently that I think are great for
anyone. They will be mentioned in the order I think you should follow them, but
feel free to follow them as per your wish if you are already familiar with the
topics covered in previous playlists.

You will make creating almost 10 apps and will teach you all the best and latest
practices that are recommended in Android world by Google and Android developers.

# <a href="https://www.youtube.com/playlist?list=PLVUm4IewkTXqwzuRXZisWg7shMTiQhUtz">The Kotlin Programming Language Course for Beginners</a>

This playlist is by <a href="https://twitter.com/donnfelker"> Donn Felker</a>.
He is one of the greatest Android developers and has worked for so many
great companies and helped them create their initial version of Android app.
This playlist takes you from no Kotlin knowledge to an intermediate Kotlin developer.

# <a href="https://www.youtube.com/playlist?list=PLLgF5xrxeQQ22hiHI6mrW4XHMEyzQLhua">Getting Started with Android Development</a>

This is one of the newer Android channels I found and the content on this channel
is just awesome for a beginner. This playlist do not teach anything much about
Android development, but get you setup with your Android development environment.

# <a href="https://www.youtube.com/playlist?list=PLLgF5xrxeQQ1TSchy0JQ_CYZVxw0qTf3J">Android Development: Layout & UI</a>

Another playlist likely will be the next few by <a href="https://www.youtube.com/c/TheAndroidFactory">The Android Factory</a>
that will teach you the basics Android layout including different layouts and
widgets, ScrollView and RecyclerView.

# <a href="https://www.youtube.com/playlist?list=PLLgF5xrxeQQ0zedy1oQZTENX2Vqplwh7s">Android Development: Our first App</a>

In this playlist you will create your first functioning Android app combining
the concepts learnt in the previous playlists + Fragments, SharedPreferences,
Intents and navigation between activities.

# <a href="https://www.youtube.com/playlist?list=PLLgF5xrxeQQ2sEqrbHJprsSoPwper7jjX">Git & GitHub</a>

Nothing about Android here, but an essential skill for any developer is to learn
source code control system. And git being the most popular one, you should just learn it.

For full list of resources visit my <a href="https://simran.app/2021/08/13/free-path-android-development-copy/">blog</a>
Importancia de cambiar en forma frecuente los cepillos de dientes
Tags: webdev
Published: 2022-01-26 19:07:58

Los odontólogos recomiendan cambiar los cepillos de dientes con cierta frecuencia, por lo menos cada 3 meses o antes en caso de que se observen signos de desgaste. Esto se debe a que está comprobado que no son capaces de eliminar de manera adecuada los restos de comida y la placa bacteriana, en el momento en el que sus cerdas se encuentran dañadas.

Al ser un instrumento que debe cambiarse de manera constante, es crucial que los cepillos de dientes estén elaborados con materiales reciclables y ecológicos, con la finalidad de minimizar el impacto sobre el medioambiente.

Los cepillos de dientes MyOwn cuentan con buenas características funcionales, como un mango de fácil manejo y unas cerdas de poliamida que garantizan la mejor seguridad e higiene. Asimismo, ofrecen características ecológicas, pues son elaborados con plástico ABS que proporciona mayor durabilidad y es responsable con el medioambiente. Además, gracias a su diseño exclusivo, los cepillos de MyOwn se fabrican con alrededor de un 30 % menos de plastico.
[https://institutinternet.org/](https://institutinternet.org/)
Short - Sheets in SwiftUI creates a new Environment
Tags: swift, ios, apple, swiftui
Published: 2022-01-26 19:05:58

In SwiftUI we can inject objects at the environment level using `.environmentObject()` modifier and use them using `@EnvironmentObject` property wrapper. In a perfect world this environment object is available to all the subviews in that tree with certain exceptions.

One of the exceptions is that when we create a new .sheet() in any of the subviews this environment object will NOT be available for for that sheet view and its children. To use them in the sheet view and its children you would have to inject it again using `.environmentObject().`