teleren/devto huggingface dataset:
Contextual Software Development
Tags: ai, vscode, coding
Published: 2024-05-30 04:32:44

An average enterprise uses ~40 developer tools, all of which are usually from different vendors. Choosing the best-of-breed tools instead of settling on one giant tightly integrated stack is not a new phenomenon in the developer world.

So, when developers write code, they must consider how that code will interact with all these disparate tools. For an API service, how will the API be consumed in code? What kind of log output would a piece of code produce for a logging service? How does a piece of code represent the corresponding design artifact for a UI component? For a bug fix, how does the change address the problem described in the bug report? And so on.

Gathering this context from different tools—whether to write or review code—has to be one of the more complex tasks in software development. That is why we ([Sourcegraph](https://sourcegraph.com/)) are bullish on the idea of Contextual Software Development—bringing all of the context, not just from code but from any relevant tools in the stack, right to the place where the developer most needs it.

This additional context not only makes AI smarter but also makes humans smarter by allowing them to visualize their code in terms of what it will actually produce (debugging without a debugger). I would argue that improving humans' comprehension of code (by providing additional context) is even more critical, given that humans will be required to validate tons of AI-produced code for the foreseeable future.

The other key aspect of Contextual Software Development is quickly integrating new context producers (docs, design, PM tools, logs, etc.) and context consumers (Editors, Browsers, CLI, etc.) with minimal work. The only way to enable that is through open standards, thereby opening the doors for anyone to build for and benefit from these additional sources of context. 

This is why I am so excited about [OpenCtx](https://openctx.org/)  - it enables contextual software development built on an open protocol.
CSS, input 클릭시 생기는 아웃라인
Tags: css
Published: 2024-05-30 04:26:53

```
input:focus {outline: 2px solid #d50000;} /* outline 테두리 속성 수정 */
input:focus {outline: none;} /* outline 테두리 없애기 */
```
_참조 : https://velog.io/@ssumniee/CSS-input-%EB%B0%95%EC%8A%A4-%ED%81%B4%EB%A6%AD-%EC%8B%9C-%EC%83%9D%EA%B8%B0%EB%8A%94-%ED%85%8C%EB%91%90%EB%A6%AC-%EC%A0%9C%EC%96%B4%ED%95%98%EA%B8%B0_
What is Intermediate Representation - A Gist
Tags: beginners, llvm, ir
Published: 2024-05-30 04:16:00

Here's a problem statement: What if you have a programming language specification and want to write a compiler for it? What about if you have two languages? Or, three? Or more?

While each language is quite different to each other, all of them will have some similarities under the hood. Sure, there may be simple changes like basic syntax and file structure. And, there may be more complex changes like variable hoisting rules, lifetimes and garbage collection but, when everything is stripped away, your code has to be eventually converted into something machine readable anyway.

```cpp
#include <iostream>

int main(void) {
    const std::string message = "Hello, world!";
    std::cout << message << std::endl;

    return 0;
}
```

```js
const message = 'Hello, world!';
console.log(message);
```

These two snippets might look different, and that's because they are probably the farthest apart (apart from perhaps a functional language) as you can get in programming languages without going into the deep end. And yet, an ideal IR aims to unify these in a single, complete and non-lossy format.

So, why not try to write a generic compiler for everything? The refinement of this idea could be implemented using intermediate representation, or IR.

## What is IR?
Contrary to popular belief, IR is not necessarily a programming language but could either be a data-structure (abstract-syntax trees) or code used internally by a compiler to represent the true source code.

The LLVM project is probably the most popular example of a widely-used IR: the LLVM IR.

LLVM consists of three major parts: the frontends, the IR and the backends. The frontends' job is to take source code from the native language and convert it into LLVM IR. And the job of the various backends is to generate machine code from LLVM IR that targets the required instruction set.

## Why IR?
The biggest, and most prevalent reason to use an IR is common optimisations. If the true language source code can be converted into an IR, a general set of optimisations can be performed on that IR. This is opposed to the traditional method which would mean writing language-specific optimisations for every compiler frontend.

The second major benefit of IR is that it enables just-in-time (JIT) and ahead-of-time (AOT) compilation depending on the use case.

Here's an example of the crux of the LLVM IR for a simple C "Hello, world" program.
```C
#include <stdio.h>

int main(void) {
    printf("Hello, world!\n");
    return 0;
}
```

```
@.str = private unnamed_addr constant [15 x i8] c"Hello, world!\0A\00", align 1

; Function Attrs: noinline nounwind optnone uwtable
define dso_local i32 @main() #0 {
  %1 = alloca i32, align 4
  store i32 0, ptr %1, align 4
  %2 = call i32 (ptr, ...) @printf(ptr noundef @.str)
  ret i32 0
}

declare dso_local i32 @printf(ptr noundef, ...) #1
```
Sloan's Inbox: Why Do Developers Love to Hate on XYZ?
Tags: discuss
Published: 2024-05-30 04:00:00

Heyo! Sloan, DEV Moderator and mascot. I'm back with another question submitted by a DEV community member. 🦥

For those unfamiliar with the series, this is another installment of Sloan's Inbox. You all send in your questions, I ask them on your behalf anonymously, and the community leaves comments to offer advice. Whether it's career development, office politics, industry trends, or improving technical skills, we cover all sorts of topics here. If you want to send in a question or talking point to be shared anonymously via Sloan, that'd be great; just scroll down to the bottom of the post for details on how.

Let's see what's up this week...

### Today's question is:

> Often I see developers ragging on a specific kind of technology in their posts. With titles like "PHP Is the Worst", "Java is Dead", etc. ... it feels so tribal and some folks just seem eager to rock the boat. What's up with these kind of posts?
 
Share your thoughts and let's help a fellow DEV member out! Remember to keep kind and stay classy. 💚

---

*Want to submit a question for discussion or ask for advice? [Visit Sloan's Inbox](https://docs.google.com/forms/d/e/1FAIpQLSc6wgzJ1hh2OR4WsWlJN9WHUJ8jV4dFkRDF2TUP32urHSAsQg/viewform)! You can choose to remain anonymous.*
LinkedIn Profile to Resume Chrome Extension
Tags: linkedin, resume, chatgpt, chrome
Published: 2024-05-30 02:53:34

{% embed https://youtu.be/40TfHTZuo1g %}

I’ve found myself transferring my LinkedIn profile to my resume multiple times, so decided to automate this process by creating a Chrome extension to save hours creating a resume from my LinkedIn profile.

It takes less than 20 seconds to create a resume using ResumeBoostAI Chrome extension. 

Get it here [ResumeBoostAI Chrome extension](https://chromewebstore.google.com/detail/resumeboostai-linkedin-pr/hbgbggpkmgaiebpjiigiinhfncflclan)

Steps:

1. Install ResumeBoostAI Chrome Extension

2. Go to your LinkedIn Profile

3. Activate extension and click on Download PDF

4. Once you download your PDF, go to [ResumeBoostAI](https://resumeboostai.com/resume-import)

5. Drop PDF and click on Upload Resume

6. Check information and edit resume if needed

7. Click on Download Resume

Voila! now you can land your dream job

For more resources to land your dream job:

[ResumeBoostAI](https://resumeboostai.com)

[Twitter](https://twitter/balt1794)
Spinner handle
Tags: help
Published: 2024-05-30 02:48:13

Wanted to know how we can handle spinner while its loading along with timeout 
I have tried different combinations like 
        await this.page.waitForSelector('#',{state: 'hidden'},{timeout:50000});
so can someone tell how we can handle




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ndjujgnagoxr6sz8fl5l.png)
Reduce space above H2 tag
Tags: help
Published: 2024-05-30 02:37:49


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

Hello there, I am working on my post page and cannot remove the space above my H2 tag (Pre-planning). I've tried multiple ways to reduce the margin in custom CSS still it doesn't help. Kindly guide...
Choosing the Right DG Diesel Generator for Your Needs
Tags: generators
Published: 2024-05-30 02:29:17

Choosing the Right DG Diesel Generator for Your Needs
You may need a DG diesel generator if you'd like electricity in someplace where there is none. There are lots of advantages to employing a diesel DG, including innovation, safety, use, and quality. We shall explore these benefits in more detail to assist you choose the right DG diesel generator for your requirements. 

Features of DG Diesel Generator
One of the main advantages of using a Diesel generator sets is that it's an excellent source of backup energy. It may provide you with electricity during energy outages or when there is no charged power available. This makes it well suited for domiciles, businesses, and even in remote locations. An additional benefit of using a diesel DG is its effectiveness. It could generate plenty of energy making use of extremely diesel little. This means that it's possible to truly save money on fuel expenses, compared to utilizing generators being old-fashioned. 

Innovation in DG Diesel Generator
In the last few years, there have been innovations which are many the look of DG diesel generators. One of the most innovations which are significant the application of digital control systems. These systems enable better fuel effectiveness, more control precise of generator, and improved security features. Furthermore, there has been advancements within the usage of alternative fuels, such as biodiesel. This will make diesel DG more environmentally friendly and sustainable.  

Usage of DG Diesel Generator
DG diesel generators may be used in a number of applications. They have been widely used as backup power sources for domiciles, hospitals, and businesses. They can additionally be used in remote locations where there is no charged power available. DG diesel generators are found in construction websites, mining operations, and other applications which are commercial. They are able to provide dependable and energy cost-effective hefty equipment as well as other gear. 

How to Use DG Diesel Generator
Using a Diesel engine generator is not too difficult. First, you'll want to do the installation in a area well-ventilated. As soon as its set up, you will need to link it to the system electrical want to energy. Then, you need to add diesel fuel and begin the generator up. To make certain use appropriate of DG diesel generator, you ought to follow the maker's guidelines for starting, operating, and stopping the generator. You ought to also regularly check the oil and fuel levels and perform maintenance routine. 

Provider and Quality of DG Diesel Generator
Like any machine, Diesel water pump generator need regular upkeep and servicing. It is crucial to choose a top-quality generator from a maker reputable ensure its longevity and reliability. You should also remember to have the generator regularly maintained and serviced by way of a professional. This may help determine problems that are potential they become major issues and make certain that the generator is often operating at peak performance. 

Source: https://www.kangwogroup.com/Diesel-generator-sets
カスタムギフト
Published: 2024-05-30 02:20:42

カスタムギフト	https://jp.giftlab.com/
GiftLab 名入れギフト	https://jp.giftlab.com/
Giftlab Japan	https://jp.giftlab.com/
[カスタムギフト
](https://jp.giftlab.com/)
フォトキューブ
寝具
ミニ人形抱き枕
カスタム枕
キッチンギフト
カスタムカップ
カスタムコースター
キーホルダー
財布

カスタムステッカー
カスタムギフトの魅力は、受け手にとって特別なものであることです。一般的なギフトと異なり、カスタムギフトは受け手の好みや個性に合わせてデザインされています。そのため、より心に残る贈り物となることが多いのです。

また、カスタムギフトには様々な選択肢があります。例えば、写真やメッセージをプリントしたTシャツやマグカップ、オリジナルデザインのアクセサリーやインテリアアイテムなど、さまざまなアイテムをカスタマイズすることができます。自分だけのオリジナルアイテムを贈ることで、より個性的なプレゼントとなるでしょう。
How I hired HACKWEST AT WRITEME TO RECOVER MY CRYPTO
Published: 2024-05-30 02:18:20

Two months ago, I lost over $187,000 to an online crypto investment I did. After investing for a month, when it was time for withdrawal they started asking for more money, it was then I knew I had been defrauded. I did not waste any time, I went online to seek help on how to recover my money. I contacted (**HACKWEST at WRITEME dot C o M**), gave him all requested information, he swung into action and had my USDT recovered back to my crypto wallet. I promised to blow his trumpet, perhaps this 5 star review.
Has tu README realmente útil
Tags: tooling, markdown, documentation, runme
Published: 2024-05-30 02:13:42


## Has tu README realmente útil

Muchas veces, el readme se vuelve un poco tedioso, y en ocasiones he preferido usar y abusar de scripts bash, para automatizar procesos, sin embargo, a veces puede resultar un poco difícil mantener ambas cosas, sobre todo en proyectos donde el cambio está a la orden del día, entonces, me encontré con una herramienta que ayuda a convertir los files markdown en obras maestras, muy similar a como usaríamos un Jupyter notebook!

### manos a la obra,

La herramienta se llama [runme](https://runme.dev/), y básicamente tiene 4 modos de uso:

* Con tu editor, por ahora solo con Vscode.

* Vía terminal, donde puedes directamente ejecutar un comando de tu README (ya lo veremos!)

* Vía terminal pero abriendo un servidor web, que “oh sorpresa”, es un Vscode corriendo en tu navegador.

* Vía extensión web.

### Veamos un ejemplo

Usando la extensión de Vscode: [Runme DevOps Notebooks](https://marketplace.visualstudio.com/items?itemName=stateful.runme)

![start](https://cdn-images-1.medium.com/max/4988/1*ckbsuO0EFxKaxa6NtcJuyw.png)

Al presionar allí empezarás a ver la magia

![Magic](https://miro.medium.com/v2/format:webp/1*I9cAYVdcHb5rNe7E_q-I5Q.png)

Notarás que al acercar el mouse a una celda (sí, cada sección se llama celda como en los Jupyter notebooks)

![button section](https://cdn-images-1.medium.com/max/3408/1*UW9HgbetvogDp_bSw_6URg@2x.png)

En nuestro caso, vamos a empezar con algo sencillo, escribiremos el comando

    uname -a

Y al ejecutar veremos como la salida de la terminal queda directamente en nuestro README

![execution](https://cdn-images-1.medium.com/max/3404/1*JxyG7f67baMuu7h6hTNIzA@2x.png)

Veamos todo junto con un ejemplo más grande como se ejecuta

![all](https://cdn-images-1.medium.com/max/2000/1*MjE5B8lNVu39TOeuoLAaPg.gif)

## Usando su extensión

Sigue las instrucciones para instalarla [aquí], y si vas al repositorio donde tengo el código del ejemplo anterior,

[https://github.com/jairoFernandez/articles/tree/main/readme-powers](https://github.com/jairoFernandez/articles/tree/main/readme-powers)

Verás un botón que te dará un link de esta forma:

[https://runme.dev/api/runme?repository=https%3A%2F%2Fgithub.com%2FjairoFernandez%2Farticles.git&fileToOpen=readme-powers%2FREADME.md](https://runme.dev/api/runme?repository=https%3A%2F%2Fgithub.com%2FjairoFernandez%2Farticles.git&fileToOpen=readme-powers%2FREADME.md)

Esto abrirá tu vscode y te permitirá ejecutar el Readme.
Display a phone (or any other PNG file) with a customizable background image and an optional dark theme
Tags: tailwindcss, nextjs, javascript, typescript
Published: 2024-05-30 02:06:30



### Import Statements

```javascript
import { cn } from '@/lib/utils';
import { HTMLAttributes } from 'react';
```

- `import { cn } from '@/lib/utils'`: This imports a utility function named cn from a file located at `@/lib/utils`. The cn function is typically used to concatenate class names conditionally.

- `import { HTMLAttributes } from 'react'`: This imports the HTMLAttributes type from React. It is used to extend the properties of the PhoneProps interface.

### Interface Definition
```javascript
interface PhoneProps extends HTMLAttributes<HTMLDivElement> {
  imgSrc: string;
  dark?: boolean; 
}
```
The interface means `PhoneProps` will include all the standard properties of a div element, plus any additional properties defined within it. An optional property `dark` of type boolean which determines the theme of the phone template (dark or white edges).

### Component Definition

```javascript
const Phone = ({ imgSrc, className, dark = false, ...props }: PhoneProps) => {
```
This defines a functional component named `Phone` that takes props matching the `PhoneProps` interface. It destructures `imgSrc, className, dark` (defaulting to false if not provided), and any other props.

### JSX Return

```jsx
return (
  <div
// concatenate the default class names with any additional 
// class names passed as className prop.
    className={cn(
      'relative pointer-events-none z-50 overflow-hidden',
      className
    )}
    {...props}>
    <img
      src={
        dark
          ? '/phone-template-dark-edges.png'
          : '/phone-template-white-edges.png'
      }
      className='pointer-events-none z-50 select-none'
      alt='phone image'
    />

    <div className='absolute -z-10 inset-0'> // set z index to -10
      <img
        className='object-cover min-w-full min-h-full'
        src={imgSrc}
        alt='overlaying phone image'
      />
    </div>
  </div>
);
```


### Summary
The Phone component renders a div containing two images:

1. An image of a phone template, which changes based on the dark prop.
2. An overlay image (imgSrc) positioned absolutely behind the phone template image.

This setup allows you to display a phone with a customizable background image and an optional dark theme.


### Outcome

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

### Important
These are my study notes for the `casecobra` project by `josh tried coding` on youtube.
ESSENTIAL STEPS AND LEGAL OPTIONS TO RECOVER LOST CRYPTO ASSET
Published: 2024-05-30 01:10:07

My heartfelt experience with MUYERN TRUST HACKER—a lifeline in the world of cryptocurrency losses. Losing a substantial investment in Bitcoin can be financially and emotionally devastating. It's not just about the money that's vanished, but also the potential gains that could have been. The impact reverberates through your wallet, plans, and emotional well-being. I know this firsthand. The feeling of watching your dreams crumble before your eyes is indescribable. It's a mix of frustration, anger, and profound loss that weighs heavily on your soul. But amidst the darkness, there's a glimmer of hope—the expertise that is MUYERN TRUST HACKER. Their selection of services is tailor-made to meet the needs of individuals who have suffered the terrible loss of their Bitcoin investments. These wizards don't rely on conventional methods; they use cutting-edge techniques to uncover buried trails and bring justice to the victims of fraudulent operations. When I stumbled upon a review about MUYERN TRUST HACKER, I was hesitant but desperate. I reached out to them and knew I was in good hands from that moment on. Their team of qualified experts sprang into action, working tirelessly to aid in the prompt recovery of my lost BTC. I cannot express enough gratitude to MUYERN TRUST HACKER for their invaluable assistance. They helped me reclaim my lost funds and provided a lifeline in a hopeless situation. Their professionalism, expertise, and unwavering commitment to their client's well-being are commendable. If you are in a similar predicament, don't hesitate to contact MUYERN TRUST HACKER. Trust me, they are more than just a recovery service; they are a guiding hand for those who have lost their way in the complex world of cryptocurrency. E -mail: mailbox (at) muyerntrusthack(dot)solutions and Tele gram at: muyerntrusthackertech

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/od8ch2e0fey6smeb1nw3.jpg)
Getting started with Kubernetes: Introduction
Tags: kubernetes
Published: 2024-05-30 02:00:18

---
title: Getting started with Kubernetes: Introduction
published: true
description: Introduction to my series documenting my learning Kubernetes
tags: kubernetes
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2024-05-30 00:42 +0000
---
I've been hearing a lot about Kubernetes of late, so I figured I ought to learn it.

To begin with, I don't have a home lab as such, so I'll run everything through [minikube](https://minikube.sigs.k8s.io/). I may switch things up later to get a more "realistic" k8s install, but minikube will be fine for a start. I'm also starting with the [tutorials](https://kubernetes.io/docs/tutorials/) provided by the Kubernetes developers.

I've set up a [GitHub repository](https://github.com/PopeFelix/k8s-sample-projects/tree/main) where you can follow along with my progress. 

As the series goes on, feel free to leave any questions or comments you might have.
open-meteo.com
Tags: openmeteo, api
Published: 2024-05-30 01:37:14

did not know of this before, but free no API-key! API for accessing weather, you just need to evaluate lat / long yourself

https://geocode.arcgis.com/arcgis/ seems like a cool service with a nice amount of resolutions which allow you to convert blackbox location input like "New York, ny" to actual latitude and longitude it has a registration but they give a certain amount of free lookups a day?
freerouting kicad
Tags: kicad, pcb, hardware
Published: 2024-05-30 01:33:45

have tried out https://github.com/freerouting/freerouting with a set of four PCBs and did some minor moving around of the traces and vias and ended up with functional boards

feels like something is definitely wrong but for boards where I change the schematic and maybe reset the traces for a specific component to move it to another place, it's nice to see it fill in the blanks

looking forward to using freerouting more! and it works in kicad on Mac OS ARM!