teleren/devto huggingface dataset:
CSS Is Dead!
Tags: showdev, webdev, css, joke
Published: 2023-03-20 13:05:19

---
title: CSS Is Dead!
published: true
description: comiCSS cartoon for March 20, 2023
tags: showdev,webdev,css,joke
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k5mpt6fywco99j0jbo7x.png
canonical_url: https://medium.com/comi-css/css-is-dead-7878f69ff93e
---

This is the comic I coded this week for comiCSS. It is a [silly joke drawn with HTML and CSS](https://comicss.art/?id=80) (you can see the [source code here]()):

![Cartoon in three panels: Death (a skeleton wearing a dark cloak with a smythe) receives a text message from JavaScript saying 'CSS is dead!' Disappointed, Death sighs: "That guy is so annoying... Maybe it's time I take another of its frameworks away..."](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2ykfg4im4t8f1cib9u6.png)

The design for this cartoon was inspired by two different drawings that I saw on Dribble:

- [La Santa Muerte by Christian Korn](https://dribbble.com/shots/2261887-La-Santa-Muerte)
- [Death & Coffee by David Espinosa](https://dribbble.com/shots/2960917-Death-Coffee)

I also created an animated version of the comic ([available in Spanish too!](https://codepen.io/alvaromontoro/pen/ExeeKxm)), I hope you enjoy it:

{% codepen https://codepen.io/alvaromontoro/pen/GRXGPBP %}

<small><b>NOTE</b>: The animation only plays once. You may need to click on the "Rerun" button in the bottom right corner.</small>

It was actually a lot of fun trying to animate the drawing. I normally don’t do much animation, mostly just drawing –and, of course, laying out content and website styling, I mean from a creative perspective–. So it was quite a challenge, to be honest.

I liked the result, but I’m not fully sold on things like eye movement or how Death restarts walking. I need to explore the animation properties and try to create new things that move and behave more naturally.

## Links
- [Permanent link to this comic](https://comicss.art/?id=80) 
- [Image URL (for hot-linking)](https://comicss.art/comics/80/css-is-dead.png)
- [Code URL (to view CSS source)](https://comicss.art/comics/80/css-is-dead.html)
Hello Again :O
Published: 2023-03-20 12:59:00

I've neglected this 'diary' for 2 months, but on the bright side, I've committed to learning React.

During this period my learning was not as intensive as before as I had to concentrate more on my German knowledge, and I reached a solid B2 level in German, however it didn't up to this point "pay off" unfortunately, because even though 1 month has passed since the end of the course, I have still not been hired!

Just before I started this little article, I was writing an essay in German and was mentioning how bad things are going at the moment. Things are bad, because although I do my part quite well, I don't seem to get what I actually deserve, and it is definitely disappointing.

Nevertheless, I will keep on with my endeavors and it will eventually DEFINITELY pay off, more or less, cause there is no other way.

Last but not least, I may return to SAP sector as a module consultant, or better yet, an SAP-ABAP developer, I have interviews ahead, we'll see how it goes...

The problem is, even at the interviews, I am very straightforward and don't the truth enough, and it may be the biggest underlying reason, that's keeping me away from 'gains' actually :)

Yeah, I need some 'attitude-adjustment' but since it feels like drifting away from my true-self, I wanna stick to my truths and actually develop myself good enough, so that people will find it not impossible to put up with me. Because at the end of the day, I am definitely a good guy, that is fighting for a just world, with equity as much as possible.
FizzBuzz Algorithm
Tags: algorithms, programming, interview, javascript
Published: 2023-03-20 12:49:49

**The FizzBuzz Algorithm**

---

The algorithm is a popular exercise used in programming interviews to assess a candidate's proficiency in fundamental programming concepts like loops, conditionals, and arithmetic operations. 

---

Additionally, it helps evaluate a programmer's problem-solving abilities, algorithmic reasoning, and proficiency in writing clear, concise, and optimized code.

---

The problem requires the programmer to write a program that prints the numbers from 1 to 100, but with some special conditions:

- "Fizz" for numbers that are divisible by 3

- "Buzz" for numbers that are divisible by 5

- "FizzBuzz" for numbers that are divisible by both 3 and 5

- The number itself for all other numbers

---

**The FizzBuzz algorithm in JavaScript**


![FizzBuzz Algorithm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5ki9cndckwfwyy0r0f5j.png)

---

💡 You can follow me on:
- [LinkedIn](https://www.linkedin.com/in/dev-alisamir)
- [Telegram](https://t.me/dev_ali_samir)
- [Facebook](https://www.facebook.com/alisamir.dev)
- [Instagram](https://www.instagram.com/alisamir.dev)
AI tool directive website🤖💻
Tags: ai, programming, webdev, angular
Published: 2023-03-20 12:49:28

Greetings everyone! I am excited to announce the launch of my recent project - [PoweredbyAI](https://poweredbyai.app/). 


![Twitter post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18n0cjt4rqr3u7shiy0a.png)


This website is a platform that leverages the power of artificial intelligence to provide you with the best tools for your daily tasks. 

Although I am not currently aiming to attract paying customers, my primary objective is to boost traffic and raise brand awareness. I would highly appreciate your feedback on PoweredbyAI and any suggestions you may have on how I can enhance the platform.


As a member of the dev.to community for a while now, I have been following closely the amazing posts that have been unveiled here. 

Lastly, I am thrilled to share my first post here with you all! 🥳


https://poweredbyai.app


ps: I'm documenting my journey on [twitter](https://twitter.com/s_chiriac) 🐦 so have a look.
The Future of AI in Software Development
Tags: ai, devjournal, softwar, programming
Published: 2023-03-20 12:49:13

Artificial intelligence (AI) is a rapidly evolving field with the potential to revolutionize many aspects of software development. Some of the ways that AI is already being used in software development include:

- **Automated testing:** AI can be used to automate software testing, reducing the need for manual testing and improving the accuracy and reliability of test results.
- **Code optimization:** AI can analyze code to identify potential areas for optimization, leading to more efficient and performant software.
- **Predictive analytics:** AI can be used to analyze data and predict future trends, which can help developers make more informed decisions about software development.
- **Natural language processing:** AI can be used to analyze and understand natural language, which can be useful for developing chatbots and other natural language interfaces.

As AI continues to evolve, it is likely that we will see even more innovative uses for this technology in software development. From automated code generation to machine learning algorithms that can learn from user behavior, the potential for AI in software development is vast.
gitpod + commit with no reply email
Published: 2023-03-20 12:47:31

Problem : 
Were not able to push commits from gitpod since i enabled email privacy in github, and gitpod was pushing commits with my private email.


Soln :
As mentioned on their account page

> You can override Git author name and email per project by using the default environment variables GIT_AUTHOR_NAME, GIT_COMMITTER_NAME, GIT_AUTHOR_EMAIL and GIT_COMMITTER_EMAIL.


upon setting both

 GIT_AUTHOR_EMAIL and GIT_COMMITTER_EMAIL to the _your_no_reply_email_which_looks_like_username@users.noreply.github.com_  commits were finally pushed with correct no reply email.


gpg signing is still not solved. to-be-done later
Developing
Published: 2023-03-20 12:40:27

I know its been a longtime since I was on here. I am increasing my knowlege and skills a bit more. That is why I am taking a Meta Front-End Developer Professional Certificate program as we speak. I have worked on a few simple projects. I dont work in the feild want to get into the feild so its slower than I would like it to go. I am in my 5th course in Meta Front-End Developer Professional Certificate program .
Don't wait to be inspired!
Tags: webdev
Published: 2023-03-20 12:31:18

Action is the foundational key to success. Is there a lie in this statement? A farmer plants seeds and nurtures them in the expectation that these seeds will germinate into plants for consumption or sale.

I was struggling to work, and I couldn’t find the inspiration, so I became frustrated. Then I realized that waiting to be inspired or motivated wouldn’t get the job done; I had to get the job done whether I was inspired or not.
The thought of “why waiting for inspiration fails you” came to mind. I realize that having inspiration is great for doing any kind of work; however, inspiration alone is not the key to achieving consistency and growth.
You may be inspired, but you may lack self-discipline; you may be dealing with self-doubt or fear, or you may be in an environment that’s holding you back. In so many ways, having inspiration alone may fail you; it’s just like having a seed but not planting it.

Here are some ways to encourage inspiration.

**Become self-aware:** The practice of mindfulness is very important, it keeps us aware of what we’re doing. This allows us to identify our strengths and weakness, and areas we’re lacking to help us create strategies on how we can improve.
**Set achievable goals:** Setting goals can help you stay motivated. In this case, journaling is a good exercise; Create a to-do list, list out the most important task of the day, then the less important ones, and stick to working on the most important task first before moving to the less important ones.
**Organize your environment:** Your environment matters a lot, surround yourself with things that can help you stay motivated; people, books, etc., and remove distractions from your environment to keep you from indulging.
**Learn and Explore:** Be open to learning new things or skills that can help you become better, it could be books, podcasts, or a community of like-minded people.
Don't forget to take breaks; it’s important for your body, mind, and spirit.

Let’s do a little exercise;

Have a talk with yourself and find out the things that are holding you back. Write them out, and start weeding. By writing things out you can see clearly, then you can start removing things that are a distraction and start working on areas where you’re lacking(Remember there are resources online for self-development)

Seek support from others, change your environment, or design your environment to fit the kind of life you want. Overall, you must do the things required and discipline yourself to follow through to achieve the very best for yourself.

Remember, you can never stop working to become better, your best is the ultimate goal.
Discover democratizes tech with open-source developer platform
Published: 2023-03-20 12:04:58

Enjoyed my conversation with Brian Stone at Bank Automation News about the democratization of people, processes and technology through robust open source programs! You can learn more about what Discover Financial Services is up to at (https://technology.discover.com/) - article at: https://bankautomationnews.com/allposts/core-cloud/discover-democratizes-tech-with-open-source-developer-platform/
Paracetamol.ts💊| #31: Explica este código TypeScript
Tags: typescript, webdev, javascript, spanish
Published: 2023-03-20 12:00:00

## **<center>Explica este código TypeScript</center>**
#### <center>**Dificultad:** <mark>Intermedio</mark> </center>
¿Qué esta mal en el siguiente código?

```ts
abstract class Auto {
  protected color: string;
  private puertas: number;

  constructor(color: string, puertas = 4) {
    this.color = color;
    this.puertas = puertas;
  }

  abstract logColor(): void;
}

class AutoElectrico extends Auto {
  private carga: number;
  constructor(color: string, carga: number, puertas = 4) {
    super(color, puertas);
    this.carga = carga;
  }
}

```

- A. `No hay errores, todo funciona bien`
- B. `AutoElectrico debe ser una clase abstracta`
- C. `SintaxError, no existen los métodos abstractos en TypeScript`
- D. `Tenemos que implementar de manera obligatoria el método logColor en la clase AutoElectrico` 

{% spoiler **Respuesta** %} 

✅ D. `Tenemos que implementar de manera obligatoria el método logColor en la clase AutoElectrico` 

Cuando creamos un método abstracto debemos asegurarlo si o si de implementarlo en las clases que hereden dicho método.  

Para solucionar eso podríamos añandir el método en cuestión a la clase correspondiente:

```ts
class AutoElectrico extends Auto {
  private carga: number;
  constructor(color: string, carga: number, puertas = 4) {
    super(color, puertas);
    this.carga = carga;
  }
  // agregar esto soluciona el error
  logColor(){
    console.log("Soy un método abstracto...")
  }
}
```

{% endspoiler %}

---
Structs in Julia
Tags: julialang, tutorial, programming
Published: 2023-03-20 11:44:53

Asides from the several built-in data types Julia offers like string, integer, etc., Julia gives a programmer the ability to create their own data type using a type called `struct`. This helps us organize data to our specific needs.

## What is a struct in Julia?

A struct in Julia is a composite data type that allows you to store multiple values in a single object. Structs are similar to classes in object-oriented programming languages but are simpler and more lightweight. Structs are useful for organizing related data into a single object, and for creating data types with custom behavior.

Structs are immutable by default; after being created, an instance of one of these types cannot be changed. To declare a type whose instances can be changed, the `mutable struct` keyword can be used instead.

## How to define a struct in Julia

To define a struct, the `struct` keyword is used. Here is the basic syntax for defining a struct:

```julia
struct MyStruct
    field1::Type1
    field2::Type2
end
```

Where `MyStruct`is the name of the struct and `field1` and`field2` are the names of the fields of the struct. `Type1` and `Type2` are the types of the corresponding fields.

For example, let's define a simple struct `Person` with three fields `name`, `age`, and `phone_number`.

```julia
struct Person
    name::String
    age::Int
    phone_number::Int64
end
```

This defines a `Person` struct with three fields: `name` of type `String`, `age` of type `Int`, and `phone_number` of type `Int64`.

You can create a new instance of the `Person` struct as follows:

```julia
p = Person("John Doe", 30, 1234567890)
```

This creates a new `Person` object with the name "John Doe" of age 30 and a phone number of 1234567890.

The values of the fields can be accessed using the `dot` notation, like this:

```julia
println(p.name)
println(p.age)
println(p.phone_number)
```

The following code above returns the value of the fields, “John Doe”, 30, and 1234567890 respectively.

## Why use Structs in Julia?

Structs are a great way to organize complex data in Julia. They allow you to store related data in a single object and provide custom behavior for your data types. Structs are also lightweight and more efficient than classes, making them faster and easier to use. Finally, structs are a great way to make your code easier to read and understand, as they make it clear which data belongs to which object.

## Conclusion

Structs in Julia are a powerful tool for creating custom data types that can help you organize and manipulate data in a way that makes sense for your specific use case. Whether you are working on a small personal project or a large-scale application, structs can help you get the job done quickly and efficiently.

I would be happy to hear your thoughts on this article. Feel free to reach out to me on [Twitter](https://twitter.com/Ifihan_), [LinkedIn](https://www.linkedin.com/in/ifihan-olusheye/), or by [Email](http://victoriaolusheye@gmail.com).
Resolvendo problemas no HackerRank: Sequência de Equação.
Tags: javascript, beginners, programming
Published: 2023-03-20 11:41:54

Olá, seja bem vindo a mais um Resolvendo problemas no HackerRank: No caso de hoje, vamos analisar um array que guarda uma sequência de números, nosso objetivo é iterá-lo e aplicar uma forma específica que retornará uma ordem específicada. Vejamos agora.

**Sequence Equation -**

No desafio a seguir dado uma sequência de `n` inteiros, p(1),p(2)...p(n) onde cada elemento é distinto e 1 <= p(x) <= n, esse `x`é incremento de 1 para `n`, encontre um inteiro `y` de modo que p(p(y)) === x e mantém o histórico de `y` retornando o array.

Veja o exemplo abaixo:

- p = [5,2,1,3,4]
- Cada valor de `x` entre 1 e 5, o comprimento de sequência é analisado a seguir:


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

Vejamos o algoritmo resolvido:

```
function permutationEquation(p) {
    // Write your code here
    //New array to store result
  const result = new Array(p.length);
  //loop input
  for (const i of p){
    result [p[p[i-1]-1]-1] = i;
  }
  return result
}
```

A função permutationEquation(p) recebe um array p como argumento, que representa uma permutação dos números de 1 a p.length (ou seja, um rearranjo dos números de 1 a p.length).

A função cria um novo array result com o mesmo comprimento do array de entrada p. Este novo array irá armazenar os valores de p após a aplicação de uma fórmula matemática específica.

Em seguida, a função usa um loop for...of para iterar sobre os elementos do array p. Para cada elemento i em p, a função usa a fórmula p[p[i-1]-1] para calcular um índice j, que é usado para atualizar o valor em result[j-1] para i.


Com isso, concluímos mais um desafio do _Resolvendo problemas no HackerRank:_ . Até a próxima!!!
Best collaboration tools for developers and programmers in remote work
Tags: collaboration, work
Published: 2023-03-20 11:33:42

In recent times, remote work has become increasingly popular, and collaboration has become a challenge for many professionals, including developers and programmers. However, collaboration tools have emerged as a solution to help remote teams work together seamlessly, even when they are not in the same location. In this article, we have looked at some of the best collaboration tools for developers and programmers in remote work. 

[GitHub](https://github.com/) is a popular collaboration tool that is widely used by developers and programmers. It is a code repository that enables team members to work together on projects. With GitHub, team members can track changes made to a project, collaborate on code, and share ideas. GitHub also has a robust community of developers, which makes it an excellent resource for learning and troubleshooting code issues. 

[Slack](https://slack.com/) is a communication tool that has become popular among remote teams. It is a messaging app that enables team members to communicate in real-time. Slack has several features that make it an excellent collaboration tool for developers and programmers, including channels, integrations, and file sharing. 

[Trello](https://trello.com/) is a project management tool that is widely used by remote teams. It is a visual tool that enables teams to organize projects and tasks. Trello has several features that make it an excellent collaboration tool for developers and programmers, including boards, cards, and integrations. 

[Jira](https://www.atlassian.com/software/jira) is another project management tool that is widely used by developers and programmers. It is a tool that enables teams to plan, track, and release software. Jira has several features that make it an excellent collaboration tool for developers and programmers, including issues, customization, and integrations. 

Finally, Zoom is a video conferencing tool that is widely used by remote teams. It is a tool that enables teams to hold virtual meetings and collaborate in real-time. Zoom has several features that make it an excellent collaboration tool for developers and programmers, including screen sharing and recording. 

In conclusion, [online collaboration tools](https://clariti.app/blog/online-collaboration-tools/) are essential for remote teams, and the ones listed above are some of the bests for developers and programmers. By using these tools, remote teams can work together seamlessly, stay productive, and deliver high-quality work.
vscode: multiple Go Projects in a directory(Go 1.18+)
Tags: go, googlecloud, webdev, tutorial
Published: 2023-03-20 11:27:49

To fix error When opening a directory in VSCode that consists of multiple Go projects:

**Error**
```
gopls requires a module at the root of your workspace.
You can work with multiple modules by opening each one as a workspace folder.
Improvements to this workflow will be coming soon (https://github.com/golang/go/issues/32394),
and you can learn more here: https://github.com/golang/go/issues/36899.
```

From Go 1.18 onwards there is native support for multi-module workspaces. This is done by having a go.work file present in your parent directory.

For a directory structure such as:

```
/parent
├── lesson-1
│   ├── go.mod
│   ├── hello-world.go
└── lesson-2
    ├── go.mod
    ├── slices.go
```

Create and populate the file by executing go work:

```
cd parent
go work init
go work use lesson-1
go work use lesson-2
```

This will add a go.work file in your parent directory that contains a list of directories you marked for usage:

```
go 1.18

use (
    ./lesson-1
    ./lesson-2
)
```
AWS Pricing by Strake on Product Hunt!
Tags: aws, opensource, sre, devops
Published: 2023-03-20 07:49:27

A couple of weeks ago, Strake made an announcement that we have entered into an agreement with Mike Heffner to assume ownership and maintenance of the AWS Pricing add-on for Google Sheets. You can read that full [announcement on Strake's website.](https://getstrake.com/blog/aws-pricing-add-on-for-google-sheets)
<hr>

## Today, Strake is launching ['AWS Pricing by Strake' on Product Hunt!](https://www.producthunt.com/posts/aws-pricing-by-strake) 🚀🚀🚀
<hr>

[AWS Pricing by Strake](https://workspace.google.com/marketplace/app/aws_pricing_by_strake/378787760903) is an open-source project that allows users to use AWS public pricing data in Google Spreadsheets. The add-on is available from the Google Workspace Marketplace.

AWS pricing is highly complicated. Did you know there are over 300,000 line items in the most recent EC2 pricing file from AWS? I know this is a constant pain point for me - How am I supposed to know when prices change, how they impact our AWS bill, or which infrastructure changes our team should make?

We’re excited to collaborate with the Product Hunt & AWS community through this project.

Please share your feedback on the product on Product Hunt. We'd love your input on the roadmap! 🚀
S'Monday 😪 Agatha Christie
Tags: discuss, beginners, codenewbie, motivation
Published: 2023-03-20 11:00:00

From the Sunday scaries to the Monday...ughs, it can be hard to start the week off in in a good state of mind. So, if you're looking for a little motivation to tackle the week ahead, we gotchu.

From programming wisdom to career advice, we've compiled a collection of quotes that will make you think, make you laugh, maybe make you roll your eyes.

This week's quote comes from Agatha Christie, English novelist and "Queen of Crime." She is well known for enigmatic and suspenseful characters and storytelling:

> The best ideas are often the most simple.

Share your quotes, inspirational memes, words of wisdom, or anything else to help us brave the day!