teleren/devto huggingface dataset:
Como animar o scrolling para anchor links com CSS
Tags: css, webdev, portugues
Published: 2023-12-12 13:54:46

_**Nota:** apenas traduzi o texto abaixo e postei aqui._

## A propriedade scroll-behavior

A propriedade `scroll-behavior` informa ao navegador como lidar com o scrolling para anchor links dentro de um elemento.

O valor default, `auto`, dá um salto forte como você está acostumado. Um valor de `scroll` informa ao navegador para animar o scrolling. Não há como especificar a atenuação, mas ela está vinculada à taxa de atualização do navegador para fornecer animações suaves e sedosas. 

```css
/**
 * Habilita smooth scrolling no document inteiro
 */
html {
    scroll-behavior: smooth;
}
```

Aqui está uma [demonstração](https://codepen.io/cferdinandi/pen/MWwvPJZ?mc_cid=9ad2a34472).

Normalmente eu o habilito em todo o html document, mas você pode restringi-lo a elementos específicos, se desejar. 

```css
/**
 * Habilita smooth scrolling no elemento #be-cool
 */
#be-cool {
    scroll-behavior: smooth;
}
```

## Preocupações com acessibilidade

As animações podem causar problemas para usuários que sofrem de enjôo e outras condições.

Felizmente, Windows, MacOs, iOS e Android oferecem uma maneira para os usuários especificarem que preferem movimentos reduzidos. E todos os navegadores modernos (mas não o IE) fornecem uma maneira de verificar essa configuração em CSS e JavaScript.

Ao usar `scroll-behavior`, você deve adicionar uma verificação `@media` para `preders-reduced-motion: reduce` e reverter para o default `auto`. 

```css
/**
 * Habilita smooth scrolling quando usuários
 * tem prefers-reduced-motion habilitado
 */
@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}
```

## Suporte do navegador

A propriedade `scroll-behavior` funciona na maioria dos navegadores modernos. Também não tem suporte para IE.

[Aqui](https://caniuse.com/?search=scroll-behavior) segue a definição completa mais atual do suporte a esse recurso.

No entanto, este é um ótimo recurso aprimorado progressivamente.

## Fonte

Newsletter de [Go Make Things](https://gomakethings.com/)
Hardware Intrinsics in .NET 8
Published: 2023-12-12 13:54:26

In the upcoming release of .NET 8, a new exciting feature is introduced called Hardware Intrinsics. This feature allows developers to leverage the full potential of modern CPUs by accessing low-level specialized instructions directly from their C# code.

Hardware Intrinsics enable developers to write highly optimized code for complex and computationally intensive tasks such as cryptography, system-level operations, image and video processing, and more. By utilizing Hardware Intrinsics, developers can achieve significant performance improvements compared to traditional managed code.

.NET 8 provides a standardized set of Hardware Intrinsics types and methods that are exposed through the System.Runtime.Intrinsics namespace. These types and methods are specific to different CPU architectures, ensuring broad cross-platform compatibility.

By working directly with Hardware Intrinsics, developers can utilize vector instructions, SIMD (Single Instruction, Multiple Data) operations, and other low-level CPU optimizations. This allows for parallel processing, efficient data manipulation, and reduced memory bandwidth, resulting in faster and more efficient code execution.

To use Hardware Intrinsics, developers can access the various types and methods within their code, similar to other .NET APIs. The compiler automatically generates the corresponding native CPU instructions, ensuring optimal performance and efficiency. Additionally, .NET 8 provides a hardware intrinsics code generator to simplify development and improve code quality.

In conclusion, Hardware Intrinsics in .NET 8 empower developers to unlock the full potential of modern CPUs by accessing low-level specialized instructions. With optimized code execution, developers can create high-performance applications for a wide range of computationally intensive tasks.
Docker Demystified: Uncomplicating Tech Magic 🚀🐳
Published: 2023-12-12 13:53:02

Greetings, tech enthusiasts! Today, we're diving into the extraordinary realm of Docker, a tool that transforms the way we build, ship, and run applications. 🌐✨


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

### 🐋 What's Docker?

Imagine Docker as a wizard for your applications. 🧙‍♂️ It wraps them in enchanted containers, complete with everything they need to run, ensuring they're like portable, self-sufficient magic boxes. 🪄📦

### ✨ The Docker Spellbook

#### 1. **Containerization 🔄**
   Docker's containerization is the true star of the show. It packs your app, libraries, and dependencies into a lightweight, consistent unit – a container! ⚙️📲

#### 2. **Isolation 🔐**
   Docker conjures up isolated environments for your apps, preventing magical interference between them. Each container dances to its own tune, blissfully unaware of the others. 🎭🤖

#### 3. **Portability 🌍**
   Containers are like magical carpets, transporting your app across clouds and devices with ease. Docker casts the spell of portability, allowing your app to roam freely. 🧳🚀

### 🚀 Getting Started

1. **Install Docker 🛠️**
   First things first, let's summon Docker onto your machine. Head to [Docker's website](https://www.docker.com/get-started) and follow the magical installation incantations.

2. **Pull Your First Image 📸**
   Use the `docker pull` command to bring forth your first container image. It's like summoning a genie from a bottle! 🪞🧞

   ```bash
   docker pull hello-world
   ```

3. **Cast the Run Spell 🚀**
   Now, let's cast the `docker run` spell and watch the magic unfold:

   ```bash
   docker run hello-world
   ```

   Witness the mystical greeting from the Docker genie!

### 🌈 Docker Ecosystem

Docker has a vibrant ecosystem that extends its enchantments:

- **Docker Compose 🎭**: Choreograph the dance of multiple containers with a single YAML file.
- **Docker Swarm 🐝**: Assemble a swarm of containers for high availability and resilience.

### 🧙‍♂️ Conclusion

In the magical world of technology, Docker stands as a formidable wizard, simplifying the complex and bringing harmony to our development spells. Dive into the enchanting world of Docker, and let the magic unfold! 🚀🐳

May your containers always run smoothly, and your deployments be as magical as a spell cast at twilight! ✨🌙 Happy Dockering!

Join the Tech Love Train! ❤️🚂 Follow Me for Daily Doses of Code and Inspiration! 🌟
How we implemented a straightforward post history system at Glynk
Tags: python, django, mongodb, javascript
Published: 2023-12-12 13:50:29

In #Glynk, a community platform enabling users to create social content posts and events, a comprehensive moderation system is implemented to manage user-generated content.

We have a system in place with both an automation script and a team to moderate content. The challenge was to track the edit history of posts, detailing when they were created and the modifications made.

Our main backend and web apps are created with Django. Despite the availability of Django libraries for this purpose, an alternative setup was chosen. The decision was made to create an independent module, separate from the existing ones, to facilitate easy tracking of modifications. At that time, the Post model comprised around 100 fields, but the product requirement was to monitor only a select few.

The chosen solution involved implementing a new MongoDB model:

```json
{
    "post_unique_id": post_unique_id, // Indexed
    "original_post_obj": serialized_post,
    "change_logs": [
        {
            "modified_at": timestamp,
            "modified_by": user_id,
            "serialized_post_obj": serialized_post_obj,
        },
        {
            "modified_at": timestamp,
            "modified_by": user_id,
            "serialized_post_obj": serialized_post_obj,
        }
    ]
}
```

The "post_unique_id" serves as a unique identifier and is indexed for efficient retrieval. The "change_logs" array stores instances of the post object representing modifications over time.

To view the post details and history, a separate AJAX call was integrated into the moderation console. This call retrieves both the initial and the last modified data, providing a comprehensive view of the post's evolution.

We wrapped up the whole setup — design, backend, and web frontend—in just four days. For the past two years, the system has been strong and reliable, effortlessly managing numerous post modifications. Teamwork played a key role in making it all work seamlessly.


**P.S:**
We specialise in procuring products and fostering application developments from overseas. Our robust team excels in mobile app development, encompassing Android, iOS, and Flutter platforms, as well as web app and dashboard development.

Our track record includes successfully conceptualising, developing, and delivering applications and infrastructure that have seamlessly scaled from initial stages to serving millions of users.

For further inquiries and detailed discussions, please feel free to connect with us:
https://pods.studio/
https://www.linkedin.com/in/jaleelnazir/
Rebel: Particles
Tags: opensource, showdev, gamedev
Published: 2023-12-12 13:41:39

It turns out the best way to make a Game Engine is making a game along side it. That way you instantly know what's missing. Who could've known? So, I decided to add a super basic particle system to Rebel, my own game engine for a weird clone of Piano Tiles I was building. 

https://github.com/skyloft7/Rebel

Rebel is open source under the MIT license, feel free to contribute!

Cheers!
Top Tips for Scoring on Your Leads
Published: 2023-12-12 13:24:28

What is your lead scoring methodology? Are you absolutely satisfied with the results your lead scoring model is delivering? Or is it time to review your lead scoring algorithm...

Making the most of your business leads is largely dependent on your lead scoring matrix. Lead scoring is essential for a business which relies on new customers for sustenance. Adopting a set of good lead scoring tools is the most effective method to score your leads.

Lead scoring enables a business to segregate leads into various categories based on their quality. The characteristics of each lead are analyzed. Lead scoring analytics ascertain the readiness of a lead. Irrespective of the nature of your business you need to implement a lead grading system because lead quality matters.

**Grading leads**

Establishing a proper grading system for leads is very important. Lead scoring and grading go hand in hand. If your grading technique is not giving you the type of leads you need, then it needs to be reviewed. Let us look at some tried and tested tips which have helped many businesses with their lead selection process.

Source by: [https://www.bluent.net/blog/top-tips-for-scoring-on-your-leads/](https://www.bluent.net/blog/top-tips-for-scoring-on-your-leads/)
Network - Ajansız ve SNMP'siz Zabbix Host Nasıl İzlenir?
Published: 2023-12-12 13:22:47

Bu yazıda, Ağ İzleme eklentisinde Zabbix ya da SNMP olmadan makinelerin ping template'i kullanılarak nasıl izlendiğini göreceğiz.

- Liman'a girilir.
- Ağ İzleme eklentisinin bulunduğu sunucuya girilir. 
- Eklenti açılır.
- Monitoring menüsü altındaki Hosts sayfasına girilir.
- "Create Host" butonuna tıklanır.

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

- Açılan "Create Host" penceresinde:

1. **"Hostname"** alanına oluşturulmak istenen ana bilgisayarın adı girilir.

2. **"Templates"** alanından ICMP Ping şablonu seçilir.

3. **"Groups"** alanından istenilen grup seçilir.

4. **"Type"** alanından ana bilgisayarın tipi seçilir.

5. **"Connect To"** alanından makineye nasıl bağlanılacağı seçilir.

6. **"Address"** alanı eklenen makineye göre doldurulur. **"Port"** alanı ise 10050

- "Create" butonuna tıklanarak makine kaydedilir.

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

Böylece, eklenen host'a zabbix ajanı kurulmadan ve SNMP kullanılmadan, ilgili host izlenebilir.
Outreachy: My Internship Journey
Published: 2023-12-09 16:45:15

## Introduction
I guess you've found me! I am Sarima Chiorlu, a software engineer based in Lagos, Nigeria. I am currently an Outreachy intern for Ersilia. I mostly write python with a focus on machine learning. I enjoy writing code, debugging, and working with data. This has led me to try various careers in the data path. When not writing code, you can catch me listening to music, reading novels or watching shows.

## My core values
My core values are honesty, curiosity, and empathy. I will say these describes me as a person. I'll explain why below:

As a software engineer and generally, I have found that honesty is the foundation upon which trust is built, and I thrive on creating an environment where open communication can be made. This encourages one to be forthright about the challenges they face and the solutions they offer, and we can work together to build something that makes an impact in society.

I have the notion that curiosity is the bedrock of innovation. A curious mind constantly pursues knowledge, explores new ways of doing things, embraces unconventional solutions, etc. This refines your skills and helps you grow in new areas that you haven't yet explored. I try to promote curiosity and speak most about this when talking to people.

The world is difficult as it is. Trying to understand a person and provide solutions for their problems would make it a little bit tolerable. This is what inspires me when I create software. Creating software that would improve the livelihood of society.

## Why I applied for Outreachy?
Since I began software development, I have had the opportunity to be a research assistant and have dealt mainly with research. However, I was looking for an application of my skills on a real-world project and an opportunity to work with mentors and people who had been in the programming field for a while now, gaining knowledge and also being a source of knowledge to others.  
Outreachy provided me with the opportunity to connect with people, learn more cultures and languages, and improve my professional network.

I hope to connect with you more and tell you about my experience in the next 12 weeks. Until then, have a good day.
ChatGPT-4 Output Context Size Is Still Only 2048 Tokens!
Tags: chatgpt, gpt4, llm, ai
Published: 2023-12-12 13:07:53

I am using paid GPT-4.

I am so mad about this.

I am testing on chat. openai. com

How do I know?

Check images to see my input and maximum output I got.

First image is the input and the second image is the maximum output.

I also did fed 3771 tokens input in second test which is the third picture. And output is still exactly 2048 tokens which shown in third picture.

6325 tokens chat : https://chat.openai.com/share/6e6839ce-77fe-4246-b62f-19d0dcbb031a

3771 tokens chat : https://chat.openai.com/share/bf95cf94-cee9-4bfd-a972-356842cd1ab3


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


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v5ko48ayxbw35rhrv0nf.png)
GKE Enterprise, a Dashboard That Controls All
Tags: google, anthos, gke
Published: 2023-12-12 13:04:54

---
title: GKE Enterprise, a Dashboard That Controls All
published: true
description: Google is trying again to introduce Anthos in a new product, GKE enterprise
tags: google, anthos, gke
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-12-12 13:03 +0000
---

Google takes another shot at innovation with Anthos in their new GKE Enterprise product. Will this be a breakthrough or another miss?

{% embed https://www.youtube.com/watch?v=rKu4iM-Wcnw %}
Network - Makineye Özel Dashboard Nasıl Oluşturulur?
Published: 2023-12-12 13:04:38

Bu yazıda, Ağ İzleme eklentisinde makineye özel dashboard'ların nasıl oluşturulduğunu göreceğiz.

- Liman'a girilir.
- Ağ İzleme eklentisinin bulunduğu sunucuya girilir.
- Eklenti açılır.
- Monitoring menüsü altındaki Hosts sayfasına girilir.
- "Create Host" butonuna tıklanır. 

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

- Açılan "Create Host" penceresinde:

1. **"Hostname"** alanına oluşturulmak istenen ana bilgisayarın adı girilir.

2. **"Templates"** alanından istenilen şablon seçilir.

3. **"Groups"** alanından istenilen grup seçilir.

4. **"Type"** alanından ana bilgisayarın tipi seçilir.

5. **"Connect To"** alanından makineye nasıl bağlanılacağı seçilir.

6. **"Address"** ve **"Port"** alanları eklenen makineye göre doldurulur.

- "Create" butonuna tıklanarak makine kaydedilir.

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

- Host adının solundaki link butonuna tıklanır.

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

- Açılan makine sayfasının Dashboard bölümüne girilir.
- "Create Dashboard" butonuna tıklanır.

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

- Açılan "Create Dashboard" penceresinde:

1. **"Name"** alanına oluşturulmak istenen dashboard için bir isim girilir.

2. **"Items"** alanındaki tablonun sol tarafından dashboard'a eklenmek istenen itemler seçilir.

- "Create" butonuna tıklanarak Dashboard oluşturulur.

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

- Oluşturulan Dashboard tablodaki adının solundaki link butonuna tıklanarak görüntülenir.
Godot 4.2.1 Maintenance Release Overview
Tags: godot, godotengine, gamedev
Published: 2023-12-12 12:57:10

Godot 4.2.1, the latest maintenance release, is now available, focusing on resolving platform compatibility issues introduced in Godot 4.2. The update aims to facilitate smoother upgrades from version 4.1 and supports new projects across all platforms.

**Key Fixes:**
1. **GL Compatibility Renderer on macOS:**
   - Reverted the default backend from ANGLE's Metal back to native OpenGL drivers due to issues introduced by ANGLE's Metal backend.

2. **macOS One-Click Deploy:**
   - Addressed freezing issues caused by the Xcode install dialog during iOS one-click deploy by switching to `mdfind` for Xcode presence checks.

3. **Vulkan Renderer on Android:**
   - Resolved crashes and mesh corruption issues in Vulkan renderers on Android, potentially fixing problems with tilemap rendering on specific Android devices.

4. **Godot Jolt Addon Compatibility:**
   - Introduced a workaround for compatibility issues with Godot Jolt addon, preventing crashes during project upgrades. Users are advised to update Godot Jolt to the latest version (0.11.0).

5. **TileMap Occluders:**
   - Fixed a regression related to TileMap occluders, addressing issues present in the handling of these elements.

6. **Emscripten Web Export:**
   - Adjusted linker flags to address issues introduced by recent Emscripten releases, ensuring successful compilation and execution.

**Additional Changes:**
- A total of 42 contributors made approximately 74 improvements for this release.
- The comprehensive list of changes is available in the [interactive changelog](https://godotengine.github.io/godot-interactive-changelog/#4.2.1).

___

**Download:**
Be sure to check out the [original page](https://godotengine.org/article/maintenance-release-godot-4-2-1/) for more details and to download the latest version of the engine. 

**Known Incompatibilities:**
No known incompatibilities exist with previous Godot 4.2.x releases. Users are encouraged to upgrade to 4.2.1. Report any unexpected behavior on [GitHub](https://github.com/godotengine/godot/issues).

**Support:**
Godot is a non-profit, open-source project sustained by contributions from developers and donations from the community. Financial support can be provided through the [Godot Development Fund](https://fund.godotengine.org/), managed by the Godot Foundation. Appreciation is extended to all contributors and supporters.
How to Create and Update a Table of Contents in Word Documents Using the .NET Word Library
Tags: webdev, dotnet, csharp
Published: 2023-12-12 12:42:23

Learn how to create and update a table of contents in a Word document using the Syncfusion Word Library. This video demonstrates how to create a table of contents using default heading styles and custom styles, edit a table of contents, and customize its entries. 

Word Library is a native .NET Word library that developers can use to create, read, write, and convert Microsoft Word documents. A non-UI component, it provides a full-fledged document instance model similar to the Microsoft Office COM libraries to iterate with the document elements explicitly and perform necessary manipulation. 

Word Library’s powerful conversion APIs make it easy to convert Word documents to PDF, HTML, RTF, ODT, and EPUB formats. The control generates reports like invoices and payrolls faster by performing mail merge in a batch process. 

Word Library, also known as DocIO in the code, allows users to navigate to a bookmark in a document and insert, edit, retrieve, or delete its content. This framework also supports replacing bookmarked content with text, part of a document, or an entire document. This library will find text or text patterns using regular expressions and then highlight or format them. 

You can also replace the text or text patterns with a different piece of text, part of a document, or an entire document. You can create fillable forms with legacy form fields and content controls in Word documents. Then, fill out the form and extract data from the form fields effortlessly. 

**Explore our tutorial videos:** https://www.syncfusion.com/tutorial-videos

**Example project:** https://github.com/SyncfusionExamples/how-to-create-and-update-a-table-of-contents-in-word-documents-using-the-.net-word-library

{% youtube rCtGrWuRplk %}
How to import data from a text file to SQL Server
Tags: sqlserver, devart, dbforge
Published: 2023-12-12 12:31:43

An essential process for importing or exporting data in various file formats to SQL Server databases is data transfer. You can utilize the dbForge Data Pump to carry out these activities. This adaptable SSMS add-in transfers data between SQL Server databases and external sources. To export or import data, the program supports a number of data formats, including Excel, CSV, XML, JSON, Text, MS Access, and others.

In this post, we'll examine the process of utilizing dbForge Data Pump to import data from a text file into a SQL Server database.

Read more: https://www.devart.com/dbforge/sql/data-pump/import-from-text-file-to-sql-server.html


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70jl9xoy2ryknalrzjax.jpg)
IB Physics Online tutor | IB Physics Tutor | IB Physics Tuition - Baccalaureate Classes
Tags: tutorial, beginners, learning
Published: 2023-12-12 12:26:55

Our**[ IB Physics online tutor](https://www.baccalaureateclass.com/ib-physics-tuition)** are certified and highly experienced in teaching theoretical content as well as numericals of this subject