teleren/devto huggingface dataset:
HTML5+CSS3 Small Example: 3D Domino Character Card with Title
Tags: html, css, javascript, webdev
Published: 2023-09-14 10:30:20

{% embed https://youtu.be/HVYOmJS6zu0 %}

HTML5+CSS3 Small Example: 3D Domino Character Card with Title
In the world of web development, the combination of HTML5 and CSS3 has opened up a realm of possibilities, allowing developers to create stunning and interactive web elements. One such fascinating creation is the 3D domino character card with a title. In this article, we will delve into the steps and techniques required to design and implement this eye-catching feature on your website.


Responsive Movie Landing Page Website Design
Anime Website Design Using HTML CSS JavaScript
Online Cake Shop Website Design With Source Code
Hotel Booking Website Design HTML CSS and JAVASCRIPT
The Basics of HTML5 and CSS3
Before we dive into the specifics of our 3D domino character card, let’s quickly review the basics of HTML5 and CSS3.

What is HTML5?
HTML5, short for Hypertext Markup Language 5, is the latest iteration of the standard language used to create web pages. It brings forth new features and elements, making web development more efficient and dynamic.

CSS3: Adding Style and Beauty
Cascading Style Sheets (CSS) level 3, or CSS3, is a style sheet language used to describe the presentation of a document written in HTML. CSS3 introduces a multitude of new styling options, including animations and transitions, which are crucial for our 3D domino card.

HI 👋
I'm Daily Web Design
In this channel, We make videos about the Complete Responsive website.
You can check out our channel 👇


📺 Our Channel : https://www.youtube.com/@dailywebdesign
🔔 Subscribe:      https://www.youtube.com/@dailywebdesign


🔗 Essential links
-----------------------------

✅ HTML5 + CSS3 Project : 
https://youtube.com/playlist?list=PLP1xU0duo6-gSt54DxihbSzvxhISEbgJd

✅ HTML5 + CSS3 + JS Project : 
https://youtube.com/playlist?list=PLP1xU0duo6-gFYT8Cn-8nJFklS4TkM8j2

✅ Completely Responsive Web Design : 
https://youtube.com/playlist?list=PLP1xU0duo6-jhNWX9geGXak3I_I22PL6C

✅ Responsive Landing Page using HTML CSS
https://youtube.com/playlist?list=PLP1xU0duo6-iYl7ayBSxk0sNCeuYtOVbu&feature=shared


💜 Like Follow & Subscribe 
-----------------------------
💻 Free Source Code :-   https://www.dailywebdesigns.com

 @dailywebdesign  

⚠️ Disclaimer
-----------------------------
video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use


#HTML
#CSS
#DAILYWEBDESIGN
AntDB-Oracle Compatibility Developer’s Manual P3–60
Published: 2023-09-14 10:15:39

##### STDDEV\_POP

This function calculates the overall standard deviation and returns the square root of the overall variable with the same return value as the square root of the VAR\_POP function.

**Example:**

```
select deptno,ename,sal,stddev_pop(sal) over (partition by deptno) as pop from emp;
 DEPTNO | ENAME  |  SAL  |        POP        
---------------+------------+------------+-------------------
     10 | KING   | 10000 | 1546.142152441216
     10 | CLARK  |  7450 | 1546.142152441216
     10 | MILLER |  6300 | 1546.142152441216
     20 | SCOTT  |  8000 | 1195.339619336511
     20 | SMITH  |  6800 | 1195.339619336511
     20 | JONES  |  7975 | 1195.339619336511
     20 | FORD   |  8000 | 1195.339619336511
     20 | ADAMS  |  8100 | 1195.339619336511
     20 | SMITH  |  4800 | 1195.339619336511
     30 | ALLEN  |  7600 | 2057.506581601462
     30 | MARTIN |  6250 | 2057.506581601462
     30 | TURNER |  6500 | 2057.506581601462
     30 | JAMES  |  5950 | 2057.506581601462
     30 | BLAKE  | 11850 | 2057.506581601462
     30 | WARD   |  6250 | 2057.506581601462
(15 rows)
```
AntDB-Oracle Compatibility Developer’s Manual P3–59
Published: 2023-09-14 10:13:15

##### REGR\_AVGY

regr\_avgy(y, x) actually calculates the average of y (mathematical expectation), x has no role here.

##### REGR\_SXX

The return value is equal to REGR\_COUNT(expr1, expr2) \* VAR\_POP(expr2) .

##### REGR\_SYY

The return value is equal to REGR\_COUNT(expr1, expr2) \* VAR\_POP(expr1) .

##### REGR\_SXY

The return value is equal to REGR\_COUNT(expr1, expr2) \* COVAR\_POP(expr1, expr2) .

##### STDDEV

Calculates the standard deviation of the current row about the group.

**Example:**

Example returns the cumulative standard deviation of salary values for department 30 sorted by date of hire.

```
select ename,hiredate,sal,stddev(sal) over(order by hiredate) a from emp where deptno=20;
ENAME |      HIREDATE       | SAL  |         A         
-------+---------------------+------+-------------------
 SMITH | 1980-12-17 00:00:00 | 4800 | 1414.213562373095
 SMITH | 1980-12-17 00:00:00 | 6800 | 1414.213562373095
 JONES | 1981-04-02 00:00:00 | 7975 | 1605.264775667865
 FORD  | 1981-12-03 00:00:00 | 8000 | 1503.935808692202
 SCOTT | 1987-04-19 00:00:00 | 8000 |  1393.24262065155
 ADAMS | 1987-05-23 00:00:00 | 8100 | 1309.428946780491
(6 rows)
```
HTML | Border
Tags: css
Published: 2023-09-14 10:13:08

`<html>

<head>  

<style>*

body{ text-align: center; }

.solid{
   border: 15px solid blue;
}

.dashed{
   border: 15px dashed blue;
}

.dotted{
   border: 15px dotted blue;
}

.ridge{
   border: 15px ridge blue;
}

.double{
   boder:15px double blue;
}

.groove{
  border: 15px groove blue; 
}

.inset{
   border: 15px inset blue;
}

.outset{
   border: 15px outset blue;
}


</style>

</head>

<body> 

<h1 class="solid"> solid </h1>
<h1 class="dashed"> dashed </h1>
<h1 class="dotted"> dotted </h1>
<h1 class="ridge"> ridge </h1>
<h1 class="outset"> outset </h1>
<h1 class="double"> double </h1>
<h1 class="groove"> groove </h1>
<h1 class="inset"> inset </h1>

</body>


</html>`
AntDB-Oracle Compatibility Developer’s Manual P3–58
Published: 2023-09-14 10:10:24

##### REGR\_R2

The higher the correlation, the more accurate the set of data used for prediction. When the highest correlation (close to 1) is obtained, the predicted data is most accurate.

For example:

```
create table test(id int, num int);
insert into test values(1, 298),(2, 368),(3, 458),(4, 328),(5, 108),(6, 667),(7, 123),(8, 555);
```

Calculate the correlation between two sets of data.

```
select count(*),regr_r2(t.num,test.num) from 
(select id-1 as id, num from test) as t,test where t.id=test.id ;

 COUNT(*) | REGR_R2(T.NUM,TEST.NUM)  
----------+--------------------------
       28 |       0.6088521468006012
(1 row)
```

##### REGR\_AVGX

regr\_avgx(y, x) actually calculates the average of x (mathematical expectation), y has no role here.
SICP Chapter 1:3:1
Tags: sicp, discuss
Published: 2023-09-14 10:07:46

**<u> Procedures as Arguments</u>**
Its a pseudo-revamp or alternative approach to the examples and some exercises in the book

_Addition via linear recursion_

(define (sum a b)
(if (> a b) 
0
(+ a (sum(+ a 1) b))))


_Approach 2 of addition via linear recursion_
(define (sum-int a b)
(define (inc n )(+ n 1))
(if (> a b) 
0
(+ a (sum-int (inc a) b))))


_Addition of cubes via linear recursion_
(define (sum-cubes a b)
(define (cube z)(* z z z ))
(if (> a b)
0
(+ (cube a)(sum-cubes(+ a 1) b))))

_Approach 2 of addition of cubes via linear recursion_

(define (sum-cubes a b)
(define (cube z)(* z z z))
(define (inc n)(+ n 1))
(if (> a b)
0
(+ (cube a)(sum-cubes (inc a) b))))

_Approach of sequential sum_

(define (sum-pi a b)
(if (= a 0)
"null"
(if (> a b) 
0
(+ (/ 1.0 (* a(+ a 2)))(sum-pi (+ a 4) b)))))

_Approach of exercise 1.30 Additions via iteration_

(define (sum a b)
(define (next n)(+ n 1))
(define (iter a result)
(if (> a b)
result
(iter (next a)(+ result (next a)))))
(iter a 0))

_Approach to exercise 1.31 Factorial via iteration_

(define (Product a b)
(define (next n)(+ n 1))
(define (iter a result)
(if (> a b)
result
(iter (next a)(* result (next a)))))
(iter a 0))
AntDB-Oracle Compatibility Developer’s Manual P3–57
Published: 2023-09-14 10:07:12

##### REGR\_INTERCEPT

Calculate the intercept distance.

**Example:**

```
select count(*),regr_intercept(t.num,test.num) from 
(select id-1 as id, num from test) as t,test where t.id=test.id ;
 COUNT(*) | REGR_INTERCEPT(T.NUM,TEST.NUM)  
----------+---------------------------------
       28 |               655.2852157477586
(1 row)
```

##### REGR\_COUNT

regr\_count(y, x) counts the number of records for which neither x nor y is empty.

**Example:**

```
create table test(id int, num int);
insert into test values(1, 298),(2, null),(3, null),(null, 328),(null, 108),(6, 667);
select regr_count(id, num) from test;

REGR_COUNT(ID, NUM)  
----------------------
                    2
(1 row)
```
Bun 1.0: A No-Nonsense Look at the New Kid on the JavaScript Block?
Tags: bunjs, javascript, typescript
Published: 2023-09-14 10:04:06

---
title: Bun 1.0: A No-Nonsense Look at the New Kid on the JavaScript Block?
published: true 
description: Choo-choo! The Bun 1.0 hype train has left the station, and we're here to give you a first-class tour. From its ambitious goal to be your all-in-one JavaScript toolkit to its promise of lightning-fast performance, we break down what Bun brings to the table. Is it the future of JavaScript development or just a flash in the pan? Hop on and find out!
tags: bun, bunjs, javascript, typescript 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k98vmt316bpw07rdv9b8.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-09-14 09:47 +0000
---

Alright, let's hop on the hype train for a moment and talk about Bun 1.0! 🚂 Choo-choo, all aboard!

### What's Cooking in the Bun Oven?
So, Bun wants to be your one-stop-shop for all things JavaScript and TypeScript. It's like the Swiss Army knife of coding, but without the awkwardness of actually trying to use a Swiss Army knife for anything serious. 🤣

### Too Many Cooks in the Kitchen?
JavaScript has more tools than a hardware store, and let's be honest, it can be a mess. Node.js, npm, webpack, Jest—sounds like the lineup for a nerdy music festival. Bun aims to declutter your life by replacing all these tools without making you learn a new programming language or ditch your favorite libraries. 🎸🔨

![bunjs killing node and deno](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sp8o6vuznbi9ay161x90.jpg)

### Speedy Gonzales
Bun claims to be faster than a caffeinated squirrel, starting up 4x faster than Node.js. It's like the Usain Bolt of JavaScript runtimes. 🏃‍♂️💨

### One Ring to Rule Them All
Compatibility is the name of the game here. Bun wants to be your new BFF, fitting into your life like that one friend who's always up for anything. It's a drop-in replacement for Node.js and plays nice with both CommonJS and ES modules. 🤝

### Customization Station
You can trick out Bun with plugins, just like you'd add spinning rims to a car (if you're into that sort of thing). Most esbuild plugins will work with Bun, so you can make it as fancy or as simple as you like. 🚗✨

### Windows to the Soul
Mac and Linux users, you're already in the club. Windows users, you're getting your VIP pass soon. Bun is working on a native Windows build, so everyone can join the party. 🎉

### The Final Bun, I Mean, Run
So, is Bun 1.0 the future of JavaScript development, or is it just the flavor of the month? Only time will tell (I mean react is still the king when it should actually be 6 feet under the ground). But hey, bun's got some pretty cool tricks up its sleeve, and it's worth keeping an eye on. 👀
AntDB-Oracle Compatibility Developer’s Manual P3–56
Published: 2023-09-14 10:04:00

##### PERCENT\_RANK

Calculates the percentage ranking of the given row. This function has no arguments, but requires empty parentheses. The return value ranges between 0 and 1 (inclusive). The PERCENT\_RANK of the first row in any set is 0.

**Example:**

Calculate the percentage ranking of each employee within the same position.

```
select empno,job, sal, percent_rank()  over (partition by job order by sal)  from emp;
 EMPNO |    JOB    |  SAL  | PERCENT_RANK() OVER (PARTITION BY JOB ORDER BY SAL)  
-------+-----------+-------+-------------------------------------------------------
  7902 | ANALYST   |  8000 |                                                    0
  7788 | ANALYST   |  8000 |                                                    0
  7469 | CLERK     |  4800 |                                                    0
  7900 | CLERK     |  5950 |                                                 0.25
  7934 | CLERK     |  6300 |                                                  0.5
  7369 | CLERK     |  6800 |                                                 0.75
  7876 | CLERK     |  8100 |                                                    1
  7782 | MANAGER   |  7450 |                                                    0
  7566 | MANAGER   |  7975 |                                                  0.5
  7698 | MANAGER   | 11850 |                                                    1
  7839 | PRESIDENT | 10000 |                                                    0
  7521 | SALESMAN  |  6250 |                                                    0
  7654 | SALESMAN  |  6250 |                                                    0
  7844 | SALESMAN  |  6500 |                                   0.6666666666666666
  7499 | SALESMAN  |  7600 |                                                    1
(15 rows)
```

##### REGR\_SLOPE

Calculate the slope.

**Example:**

```
create table test(id int, num int);
insert into test values(1, 298),(2, 368),(3, 458),(4, 328),(5, 108),(6, 667),(7, 123),(8, 555);
select count(*),regr_slope(t.num,test.num) from 
(select id-1 as id, num from test) as t,test where t.id=test.id ;
 COUNT(*) | REGR_SLOPE(T.NUM,TEST.NUM)  
----------+-----------------------------
       28 |         -0.8425517064826854
(1 row)
```
Implementing data engineering solution for an EV charging station company
Tags: dataengineering, ev, chargingstation, datasolutions
Published: 2023-09-14 10:01:35

Softweb Solutions worked closely with us, customizing Tableau CRM and Einstein Analytics to visualize and analyze our data effectively. Their expertise and attention to detail were evident throughout the process, resulting in optimized charging networks and improved customer experiences. Their knowledgeable, responsive, and dedicated team has played a significant role in helping us achieve our goals.

**Here are the key features of our solution:**

**Tableau Prep for ETL**: To handle the client’s data, which required analysis and visualization in Excel sheets, we proposed using Tableau Prep for extract, transform, load (ETL).

**Tableau CRM for data governance and modeling:** We leveraged Salesforce due to its ease of integration and used Tableau CRM for data governance and modeling.

**Einstein Analytics for interactive dashboards:** We used Einstein Analytics to create interactive dashboards for accurate predictions. With easy data integration, we provided the company with insights such as monthly reports on installation development, project completion forecasts, state-wise and project-wise data on slots and inventory visibility for better supplier management.

**Identification of top manufacturers:** We helped the client to identify the top manufacturers by the make of vehicle that visited a station the most through data visualization.

**Performance enhancement:** We assisted our client to gauge the power consumption of each station to enhance charging stall performance using data visualization.

Talk to our experts today: https://www.softwebsolutions.com/data-engineering-consulting-services.html
Prevent app crashes with ExpressJS
Tags: express, javascript, errors, node
Published: 2023-09-14 09:57:22

Most annoying experience of any app when it get crashed so basically it blocks the entire operation in expressJS

Lets fix this using the middleware, so even if the app has some issue will work continually and wont impact user on other part of the app

```javascript
// An error handling middleware
app.use(function (err, req, res, next) {
  console.log(err.message);
  res.status(500);
  res.json({ message: "Oops, something went wrong :(", error: err.message });
});


```

Thats it!

Let me know if you have any other suggestions :)
Why everyone should read the almanack of Naval Ravikant
Tags: discuss, beginners
Published: 2023-09-14 09:56:17

Last week someone introduced to naval ravikant and well I have to say he is really smart. I found a book about him called the almanack of Naval Ravikant. I'm halfway through it and I really love it and I think everyone should read it.Naval is a software engineer and a tech investor. 

The book talks about authenticity at some point and it made me reflect about my tech projects. Most portfolios have the same E-commerce website, todo list, Tic Tac Toe,weather apps. Even though these are great projects they are everywhere and they can be found on YouTube with one search.And for a recruiter who has had alot of experience they'll be demotivated and you will be a basic applicant who doesn't stand out.
 I believe that as a software engineer you should have all these projects to show that you can do what a basic applicant can do and add other projects that target a specific niche of people in your area or on the internet and is being used in their daily life. You should also contribute to a couple of open source projects so that you show your ability to repair code. 

Imagine if netflix was open source and it has a glitch that has been happening for days that has been overlooked and a person fixes it. Wouldn't you be impressed. That person can be you and you can impress a recruiter. 
You can't start from the top with fixing open source material but you should start from somewhere. There alot of open source projects with spelling mistakes go there and fix them.

So my main core thoughts in this chunk of words is be authentic and work smart and hard.
Entity Framework Core model definition in C#
Tags: csharp, aspdotnet, programming, tutorial
Published: 2023-09-14 09:50:09

🍂 This model configuration is used to map C# objects to the database structure.


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

Here's what this piece of code does ✨

1. `modelBuilder.Entity<WorkItem>(eb => { ... });` - Creates a configuration for an entity named `WorkItem` within the data model context. All the properties and relationships of this model are defined within this block.

2. `eb.Property(wi => wi.State).IsRequired();` - Specifies that the `State` property is required (NOT NULL) in the database.

3. `eb.Property(wi => wi.Area).HasColumnType("varchar200");` - Specifies the column type of the `Area` property as `varchar(200)`.

4. `eb.Property(wi => wi.IterationPath).HasColumnName("Iteration_Path");` - Sets the column name in the database to "Iteration_Path" for the `IterationPath` property.

5. `eb.Property(wi => wi.Efford).HasColumnType("decimal(5,2)");` - Specifies the column type of the `Efford` property as `decimal(5,2)`.

6. `eb.Property(wi => wi.EndDate).HasPrecision(3);` - Sets the precision of the `EndDate` column to 3 decimal places.

7. `eb.Property(wi => wi.Activity).HasMaxLength(100);` - Specifies a maximum length of 100 characters for the `Activity` column.

8. `eb.Property(wi => wi.RemainingWork).HasPrecision(13,3);` - Specifies a precision of 13 total digits and 3 decimal places for the `RemainingWork` column.

9. `eb.HasMany(w => w.comments) ...` - Defines a "one-to-many" relationship between the `WorkItem` entity and the `Comment` entity.

10. `eb.HasOne(w => w.Author) ...` - Defines a "one-to-many" relationship between the `WorkItem` entity and the `Author` entity.

11. `eb.HasMany(w => w.Tags) ...` - Defines a "many-to-many" relationship between the `WorkItem` entity and the `Tag` entity through the auxiliary entity `WorkItemTag`. The `UsingEntity` method is used to customize the mapping of the many-to-many relationship.

The final `UsingEntity` block configures the intermediary entity `WorkItemTag`, which allows customization of the mapping of the many-to-many relationship. It also sets a default value for the `PublicationDate` column using `HasDefaultValueSql("getutcdate()")`.

<hr>

**This code is an example of model configuration in Entity Framework Core and defines how entities and their relationships will be mapped to a database.**
Gulf Of Goa Plots
Tags: discuss
Published: 2023-09-14 09:20:01

Gulf of Goa Plots is a great place to invest in property or buy a home. **[Gulf of Goa](https://www.lodhagulfofgoa.co.in/)** offers a number of benefits, including rapid economic growth, high demand for rental properties, affordable property prices, and a relaxed and peaceful lifestyle.
Convert MJML to HTML Using PHP
Tags: techzpad, javascript, php, programming
Published: 2023-09-14 09:19:47

The MJML offers a variety of methods for converting MJML to HTML, including a Node tool, a CLI tool, and a website where you may manually convert MJML. You can also get auto-completion for MJML in your preferred editor by using one of the many plugins.

Our most recent package, spatie/mjml-php, uses PHP to convert MJML to HTML. It’s a skillfully made, user-friendly wrapper for the Node tool. Instead of needing to develop every feature in PHP, we can just use it all by using the Node tool below. But you don’t need to worry about any of this as you’re using the PHP package.

The package can be installed using composer:

`composer require spatie/mjml-php`
Additionally, check that your project has access to the Node MJML package.

`npm install mjml`
With this out of the way, you can start converting MJML.

`use Spatie\Mjml\Mjml;
// let's assume $mjml contains the MJML you want to convert
$html = Mjml::new()->toHtml($mjml);`

There are a couple of methods, such as beautify, hideComments(), minify() to customize the conversion process.

`use Spatie\Mjml\Mjml;
// let's assume $mjml contains the MJML you want to convert
$minifiedHtml = Mjml::new()->minify()->toHtml($mjml);`
We also added a method that you can use to ensure the given MJML is valid.

`use Spatie\Mjml\Mjml;
Mjml::new()->canConvert($mjml); // returns a boolean`

From the package’s README file, here is the simplest usage:

``use Spatie\Mjml\Mjml;
 $mjml = <<<'MJML'
    <mjml>
      <mj-body>
        <mj-section>
          <mj-column>
            <mj-text invalid-attribute>Hello World</mj-text>
          </mj-column>
        </mj-section>
      </mj-body>
    </mjml>
    MJML;
 $html = Mjml::new()->toHtml($mjml);``

If you try step by step process here is the guide on [How to Convert MJML to HTML Using PHP.
](https://techzpad.com/convert-mjml-to-html-using-php)
Laravel 10 REST API CRUD Tutorial
Published: 2023-09-14 09:17:08


Laravel 10 CRUD stands for Create, Read, Update, and Delete. These are the four basic functions used to manage data in a database. 

Through out this tutorial, we will learn how to create crud REST API operations in laravel 10 using passport auth.

## Laravel 10 REST API CRUD Tutorial

To create crud REST API in Laravel 10, you can follow these steps:

- Create a new Laravel 10 project.
- Set up the database with the Laravel project.
- Install Passport Auth.
- Set up Passport Auth with the model.
- Create a migration and model.
- Run the migration.
- Define CRUD routes.
- Create CRUD controller file.
- Test Laravel 10 REST API CRUD App in Postman

[Read More Laravel 10 REST API CRUD Tutorial](https://www.tutsmake.com/laravel-10-rest-api-crud-with-passport-auth-tutorial)