teleren/devto huggingface dataset:
Transform Your Backyard into a Paradise with Inground Pool Installer
Tags: ingroundpool, ingroundpoolinstaller, ingroundpoolbuilder, ingroundpooldesign
Published: 2024-03-25 17:36:19


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w4qb3jpc3mzbnrkb6v58.jpg)
In your quest for a backyard transformation, look no further than Inground Pool Installer, your premier choice for bespoke [inground pool](https://ingroundpoolinstaller.com/inground-pool/) design and construction. With our expertise, we’re dedicated to turning your vision into reality, offering personalized designs that reflect your lifestyle and enhance your home’s aesthetic. Our commitment to quality materials and craftsmanship ensures a pool that’s not only visually stunning but durable and long-lasting. Beyond just pools, we provide complete backyard solutions, from landscaping to outdoor lighting, creating your perfect outdoor oasis. Dive into the lifestyle you’ve always dreamed of with Inground Pool Installer, where we bring dreams to water. Contact us today and take the first step towards your backyard paradise.

Inground Pool Installer
Los Angeles County, CA
(213) 415-3882

[https://ingroundpoolinstaller.com/](https://ingroundpoolinstaller.com/)
Lost when trying to get good time series prediction results (regression problem) even after trying many things
Tags: python, machinelearning, tensorflow, regression
Published: 2024-03-25 17:31:32

Hi! I'm not able to get good results after a long time testing when using TensorFlow to predict time series data (regression problem). I don't know if the problem is with the data (little quantity and/or low quality) or with the model (or if there is a problem with both) (although I have tried several and tested various combinations of hyperparameters). I'm really tired and I don't know what else to do. What would you do if you were in my place? Where could I find someone who can help me with this problem? Thanks in advance for any help you can give me.
The Odyssey of International Business Loans: A Journey of Triumph and Perseverance
Tags: globaltrade, businessfinance, financialjourney, businessgrowth
Published: 2024-03-25 17:09:30

In the annals of commerce, there exists a tale as old as time—a saga of daring captains, resilient crews, and the relentless pursuit of prosperity across distant seas. This is the story of international business loans, a journey fraught with peril yet illuminated by the promise of untold riches and boundless opportunity.

Our voyage begins in the bustling port city of Trade Winds, where merchants from every corner of the globe converge to barter, bargain, and broker deals that span continents and cultures. Among them is Captain Aria, a fearless entrepreneur with a vision as vast as the ocean itself. Determined to expand her trading empire beyond the shores of her homeland, she sets her sights on securing the funds needed to finance her ambitious endeavors.


With a crew of loyal advisors and seasoned navigators at her side, Captain Aria embarks on a quest to seek out the fabled lenders rumored to hold the keys to unlocking the treasures of international commerce. Their journey takes them to the hallowed halls of the Merchant's Guild, where they are met with stern-faced bankers and labyrinthine corridors of bureaucracy. But Captain Aria refuses to be deterred by the challenges that lie ahead, for she knows that with perseverance and ingenuity, even the most daunting obstacles can be overcome.

![Navigating the Seas of International Business Loans: Your Ultimate Guide in 2024.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h7i4gwq02fardjdqm644.jpg)
As they navigate the choppy waters of loan applications and credit assessments, Captain Aria and her crew encounter a host of challenges, from navigating complex regulations to mitigating the risks of currency fluctuations and political instability. But with each setback, they grow stronger and more determined, drawing strength from the knowledge that every trial brings them one step closer to their goal.

Through sheer determination and unwavering resolve, Captain Aria and her crew emerge triumphant, securing the funds needed to fuel their expansion into new markets and seize opportunities on a global scale. Along the way, they forge alliances with fellow adventurers, share tales of their triumphs and tribulations, and inspire others to embark on their own journeys of discovery and growth.

And so, dear reader, as you set sail on your own odyssey of [international business loans](https://blog.webdosolutions.com/navigating-the-seas-of-international-business-loans-your-ultimate-guide/), remember the tale of Captain Aria and her intrepid crew. For in the boundless expanse of the open sea, there are no limits to what can be achieved by those who dare to dream, dare to explore, and dare to chase their fortunes across the vast horizon of possibility.

Embark on your own odyssey of international business loans with us at [WebDo Solutions Blogs,](https://blog.webdosolutions.com/) where we share insights, guidance, and inspiration to help you navigate the seas of global commerce and chart a course toward success.
How to Add Class to <li> tag on wp_nav_menu
Tags: wordpress, wpdev, webdev
Published: 2024-03-25 17:08:22

Hello, dev.. 👋

In this tutorial, we will try to add a class list tag (`<li>`) to the WP Nav Menu

```
<?php

add_filter('nav_menu_css_class', 'add_class_li_tag', 1, 3);
function add_class_li_tag($classes, $item, $args) {

	// Conditional if class li tag is different at different menu locations
	if ($args->theme_location == 'menu-footer') {
		$classes[] = 'list-inline-item';
	} else {
		$classes[] = 'nav-item';
	}

	// Conditional if the active page is given a class
	if (in_array('current-menu-item', $classes)) {
		$classes[] = 'active ';
	}

	// Return the modified class
	return $classes;
}
```

OK, I'll explain so you don't just copy it without understanding your coding needs.

To modify the class in the tag list we will use the [nav_menu_css_class](https://developer.wordpress.org/reference/hooks/nav_menu_css_class/) filter. We will push the modified class to the **$classes** array using the square bracket method ( **$classes[]** )

## Different classes at different menu locations

In line 7 I provide a conditional if the menu location is "menu-footer" then use the class "list-inline-item". Apart from that, use the "nav-item" class

So adjust it to your needs. If you only use 1 menu, the if conditional is lost.

## Class on the active menu

In line 14, conditional if there is a class "current-menu-item" meaning the menu that is opened is currently active. So, usually on the active menu, we will add the "active" class according to the CSS styling that we created.

## Adding Class to Link Tag <a>

So, this is to add a class to the `<a href="#">` link tag on the menu.

```
<?php

add_filter('nav_menu_link_attributes', 'add_class_link', 10, 2);
function add_class_link($classes, $item) {

    // Add class
    $classes['class'] = 'nav-link';

    // Add class 'active' if the page is currently active
    if (in_array('current_page_item', $item->classes)) {
        $classes['class'] = 'nav-link active';
    }

    return $classes;
}
```

So that's it for the tutorial, if you have any questions, write them in the comments column.

Good luck 🍻
JavaScript String Mastery: From Basics to Advanced Techniques
Tags: javascript, beginners, programming
Published: 2024-03-25 17:01:34

Words are very important to humans — they are a large part of how we communicate. Since the web is a largely text-based medium designed to allow humans to communicate and share information, it is useful for us to have control over the words that appear on it. HTML provides structure and meaning to text, CSS allows us to precisely style it, and JavaScript offers many features for manipulating strings. These include creating custom welcome messages and prompts, showing the right text labels when needed, sorting terms into the desired order, and much more.

Pretty much all of the programs we've shown you so far in the course have involved some string manipulation. Strings are dealt with similarly to numbers at first glance, but when you dig deeper you'll start to see some notable differences, here is part three javascripts strings brief tutorial on youtube
Details with example(https://youtu.be/MzPLjaWMK6o?si=elBZNwFln59-VDR6)
TW Elements - Spacing. Free UI/UX design course
Tags: tailwindcss, tutorial, ux, uxdesign
Published: 2024-03-25 17:00:00

## Spacing

The elements in Call to action are very close to each other, which makes them seem squeezed. I don't know about you, but I have the impression that they are asking for some space and breath.

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

This is exactly what Tailwind's spacing utilities classes are for - they allow us to offset elements in 4 directions - up, down, left and right.

Thanks to spacing utilities we can easily manipulate padding and margin of any element. For example, if you want to add a bottom margin to an h1 element you can add class mb- ("m" for "margin" and "b" for "bottom") to it and choose a unit between 0.5 to 96.

mb-0.5: sets margin-bottom to 0.125rem (2px)

mb-96: sets margin-bottom to 24rem (384px)

**Step 1 - add margin bottom to the headings**

Let's add .mb-5 to h1 and .mb-7 to h2:

```
<!-- Call to action -->
<div class="text-center text-white">
  <h1 class="mb-5 text-5xl font-semibold">I am learning Tailwind</h1>
  <h2 class="mb-7 text-2xl font-medium">
    And what an exciting adventure it is!
  </h2>
</div>
```

Now they can breathe freely!

_Notice that we added a bottom margin to the h2 element as well, even though there is nothing underneath it. However, that will soon change as we will add a button there._

**How spacing works in Tailwind CSS**

You may have guessed that if you need to use the mb-* class to add a bottom margin, you need to add the mt-* class to add a top margin. And you will be right.

The same applies to the left and right margins - we use the ms-* and me-* classes respectively

For example:

mt-8 to add some margin to the top

ms-2 to add some margin to the left

me-4 to add some margin to the right

**How to use padding**

It's easy. The same scheme for margins applies to padding - so for example, .pt-4 to add some top padding, ps-5 to add some left padding, and so on.

Below is an example using classes for the right margin with a visual representation of their sizes. The same sizes apply to all directions (left, right, top, bottom) and for both margins and padding.

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

**[DEMO AND SOURCE CODE FOR THIS LESSON](https://tw-elements.com/snippets/tailwind/ascensus/5335514)**
The Frontend Challenge: 🍌 bananas are the superior fruit
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-25 17:00:00

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

## Inspiration 

I know apples have many great qualities, but if we are honest, bananas are simply the better apples. Just the fact that the code of bananas has been optimized by humans in a way that they come with a practical packaging and, unlike apples, you don't have an inedible inside part. That's why bananas are the perfect snack for me on the go, whether in the morning or in the evening, wonderful before sport or as an ingredient in a smoothie or muesli.

## Demo

{% codepen https://codepen.io/flos-code/pen/VwNWYON %}


## Journey

Since I'm not artistically talented and the banana is unfortunately crooked I couldn't just use a grid to draw but thanks to my past as a Minecraft player I knew that you can create great artwork with just blocks or in the case of CSS pixels. But since creating pixel art is not one of my strengths either, I took a [template](https://www.freepik.com/premium-vector/pixel-art-fresh-banana-peel_33583556.htm) and pimped it up a bit with a few [faces](https://www.shutterstock.com/de/image-vector/vector-set-different-cartoon-pixel-faces-365581871)

Then I wanted to just go ahead and create countless divs with different background colors in a grid to finally create a banana. But with the thought that the banana is about 30 by 50 pixels in size that would be 1500 divs, and so I rather went on the search to make the whole thing a bit clearer and come across [this great article](https://medium.com/@FlangerHanger/create-your-own-css-pixel-art-with-two-divs-box-shadow-33653e3d3228), which creates pixel art in CSS through box-shadows. 

To make the whole thing a bit more interactive I use the pseudo elements hover and active to peel the banana. Of course an animation by using keyframes could not be missing to draw the attention to the banana for more than 3 seconds.
Turn a chicken wrap into css art!!
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-25 16:53:54

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

## Inspiration 

Who doesn't love a nice juicy mouth melting chicken wrap! We know it's absolutely delicous and to increase your appetite even further take a sneak peek [here](https://kaustav1810.github.io/CSS_Art_Challenge/) at how I turned a chicken wrap to css art! wohoo!

## Demo

### Code: {% embed https://github.com/kaustav1810/CSS_Art_Challenge.git %}

### Live: https://kaustav1810.github.io/CSS_Art_Challenge/


![screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hz7ez40s4tr29bwpcx5g.png)

## Journey

I learned about animation keyframes in vanilla css and also how to manage transitions.Proud of making this without writing a single line of Javascript(crazy ikr!!). Hoping to keep sharpening my css skills by building similar small projects and participating in challenges.

Dev username: @kaustav1810
Claude 3 is so good and it's kinda scary
Published: 2024-03-26 15:09:43

---
title: Claude 3 is so good and it's kinda scary
published: true
date: 2024-03-25 16:40:06 UTC
tags: 
canonical_url: 
---

Some time ago Anthropic released their latest version of Claude, "Claude 3". And honestly, it's very impressive. I tried it for coding, and it's just fantastic, even the free version is, in my experience, way better than most other models. If you look at their benchmarks, it's pretty amazing:

![Claude 3 benchmarks](https://cdn.hashnode.com/res/hashnode/image/upload/v1711383160169/c5fe3ad2-5cbb-4ba8-9887-c8e009851e69.webp)

Here are the vision capabilities benchmarks:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1711383501865/8ae3ecc0-42f8-4d72-9829-b5d405dad2c1.webp)

It does not score the best here, but it's pretty good!

💡

Clarification: Claude 3 is a _family of models_ Opus, Sonnet, and Haiku. Opus is available commercially for $20/month and Sonnet is free.

Another impressive thing is its context window:

[https://twitter.com/alexalbert\_\_/status/1764722513014329620](https://twitter.com/alexalbert__/status/1764722513014329620)

I have also read some stuff about Claude being apparently "self-aware", and just like Microsoft's Sydney it didn't want to be shut down. Asking Claude 3 directly revealed nothing, but we still need to wait.
The Rise of Decentralized Betting Platforms
Published: 2024-03-25 16:32:06

Are decentralized betting platforms like [https://web3bet.com/](https://web3bet.com/) reshaping the landscape of online gambling? With their promise of transparency, security, and fairness through blockchain technology, are they gaining traction among bettors seeking a more trustworthy experience? Explore the potential impact on traditional betting sites and the broader gambling industry.
Learning AWS Day by Day — Day 16 — Virtual Private Cloud (VPC)
Tags: aws, cloud, cloudcomputing, help
Published: 2024-03-25 16:22:37

Exploring AWS !!

Day 16:

Virtual Private Cloud (VPC)

Amazon VPC lets you create a logically isolated section of AWS cloud where you can launch AWS services in virtual network which you defined.
VPCs span all availability zones in a region.

What is IP address?
Unique string of numbers assigned to a computer using Internet Protocol to communicate over a network.
Network address = 54.92.xx.xx
Host Number = xx.xx.31.18
54.92.0.0/16 = CIDR (Class Inter Domain Routing)
So, number of hosts = 2¹⁶ — 1 (65535)
54.92.0.0 to 54.92.255.255

Class A — x.0.0.0/8 — here /8 cannot be changed
Class B — x.x.0.0/16
Class C — x.x.x.0/24

Firewall: a system made to prevent unauthorized traffic to and fro from your PRIVATE network/computer/server by allowing or denying those traffic. Allowing or denying traffic are mentioned by rules, also called firewall rules.
Types:
Stateful: No additional rules are needed for response traffic.
Stateless: Rules have to be mentioned for both requests and responses.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39e5712pj8583p4qv0k3.png)
Bulk Insert, Bulk Delete, Bulk Update with Dapper by Bulk.Dapper
Tags: csharp, dapper, sql, dotnet
Published: 2024-03-25 16:17:43

After researching Dapper, I discovered that it does not support bulk insert, bulk update, or bulk delete. Therefore, I have written a library to support these operations.

## Performance
The table below describes the performance in milliseconds of the methods corresponding to the respective database types with 500 records.

| Method      | SQL Server | MySQL | PosgreSQL | SQLite |
|-------------|------------|-------|-----------|--------|
| Insert      | 24900      | 8600  | 5300      | 7900   |
| Bulk Insert | 111        | 88    | 53        | 89     |
| Update      | 9500       | 22600 | 4800      | 6500   |
| Bulk Update | 889        | 112   | 96        | N/A    |
| Delete      | 17200      | 23800 | 5400      | 6100   |
| Bulk Delete | 194        | 150   | 1200      | 115    |


![Bulk.Daper performance](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0qx3z38hub827gb3lwxc.png)
SQLite does not meet the bulk update requirement because it does not support any bulk update method.

## Nuget
```
dotnet add package Bulk.Dapper
```

## Example
for example  User
```cs
   public class User
    {
        [Key]
        public int id { get; set; }
        public string name { get; set; }
        public int age { get; set; }
    }

    List<User> users = new List<User>
    {
            new User { name = "Joe", age = 10 },
            new User { name = "Donal", age = 10 }
    };
```

## Insert

Normal
```cs
       connection.BulkInsert(users);
```
Async 
```cs
       connection.BulkInsertAsync(users);
```
## Update
Normal
```cs
       connection.BulkUpdate(users);
```
Async 
```cs
       connection.BulkUpdateAsync(users);
```
## Delete
```cs
       connection.BulkDelete(users);
```
Async 
```cs
       connection.BulkDeleteAsync(users);
```
## Set Table name and column name
Can change the table name by attribute Table, column name by attribute ColumnName
```cs
    [Table("Users")]
    public class UserChangeColumn
    {
        [Key]
        public int id { get; set; }

        [ColumnName("name")]
        public string fullname { get; set; }
        public int age { get; set; }
    }
```

## Note
Other attributes are the same as [Dapper.Contrib](https://github.com/DapperLib/Dapper.Contrib/)

[Source code ](https://github.com/nghiand1010/Dapper.Contrib.Bulk)

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/adamnguyen)
Challenge Défi CSS/HTML : Cartes Animées avec des Dés!
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-25 16:11:10

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

## Inspiration
Animated cards with animated dice inside.

## Demo
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y6k9dxo67yfjq87rwvk8.png)
Lien:https://guillaumesere.github.io/animations-css/
Code:https://github.com/GuillaumeSere/animations-css
Seamless Fridge Fixing Services by Fix it Right Appliance Repair
Tags: fridge, appliance, refrigerator, repair
Published: 2024-03-25 16:09:51

At Fix it Right Appliance Repair, we understand the critical role a functioning refrigerator plays in your daily life, keeping groceries fresh, drinks chilled, and ensuring leftovers are preserved for the next meal. When issues arise—be it noise, malfunctions, or leaks—it can disrupt your kitchen routine significantly. That’s why our expert technicians are here to offer fast, reliable, and transparently priced [refrigerator repair](https://fixitrightappliances.ca/refrigerator-repair/) services. We pride ourselves on quick response times, efficient repairs, and a satisfaction guarantee to ensure your appliance is fixed right with minimal disruption to your day. Don’t let refrigerator troubles throw off your routine; contact Fix it Right Appliance Repair today for professional service that keeps your kitchen running smoothly.

Fix it Right Appliance Repair
7250 Keele St Unit 152,
Concord, ON L4K 1Z8
(647) 556-6228

[Find Fix it Right Appliance Repair on Google Maps](https://maps.app.goo.gl/kXbX6kVG5F2VN4ta8)
[Find Fix it Right Appliance Repair on Bing Maps](https://www.bing.com/maps?osid=55df06b6-f48e-443d-a797-a30e56ab05a7&cp=43.787237~-79.5031&lvl=16&pi=0&imgid=dda5b53a-5133-4779-adc7-2c0de1944420&v=2&sV=2&form=S00027)
[https://fixitrightappliances.ca/](https://fixitrightappliances.ca/)
How to make the search bar focus using JavaScript
Tags: frontend, javascript, webdev, programming
Published: 2024-03-25 16:01:26

This is the process I took to create a similar search bar focus feature just like the one Google uses in Google and YouTube search bar and some other products.
This feature allows you to enter the search bar from anywhere on the screen just by hitting the forward-slash (/) button on your keyboard, you wouldn't need to scroll to the search bar and start clicking with your mouse to start searching. 

This is how I did it;
I started by creating a simple HTML page adding a search bar tag and giving it an ID.

`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="script.js"></script>
<title>Search Bar Focus</title>
</head>
<body>

<input type="text" id="searchInput" placeholder="Search...">

</body>
</html>`

Yes, to make the code cleaner I put the JavaScript in a separate file.

`document.addEventListener('keydown', function(event) {
  // Check if the key pressed is the one you want to trigger the focus
  if (event.key === '/') { // Change '/' to the key you want to use
    var searchInput = document.getElementById('searchInput');
    
    // Select the text in the input field
    searchInput.setSelectionRange(0, searchInput.value.length);
    
    // Focus on the search input
    searchInput.focus();
    
    // Prevent the default action of the '/' key
    event.preventDefault();
  }
});`

I added comments to some places in the code just in case.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d0c2i4qejw5vhag7aq6x.png)
The result should look like this. 
This is just basic HTML and JavaScript. This is the [GitHub](https://github.com/arize99/search-bar-focus) link in case you want to fork the repo or copy the codes and use them in your project.

It would be really exciting to have someone add a search icon and probably a mic icon on the right too, and adjust the position of the search bar.

https://github.com/arize99/search-bar-focus again in case you missed the repo. I hope to see what amazing projects you guys add this feature to.
Application URL redirecting to 'ParentDirectory' page by default.
Tags: help
Published: 2024-03-25 15:58:22

I hosted an ANgular app on IIS server. My web config entry has Rewrite url = "/MapInternal" however the url opens the parent Directory instead of Index.html .

**Can someone please help what I am missing here?**

            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        </conditions>
        <action type="Rewrite" url="/MapInternal" />
        <!--<action type="Rewrite" url="/" />-->