teleren/devto huggingface dataset:
What is the table in HTML?
Tags: html
Published: 2023-10-17 09:32:53

In HTML, table tag is used to create a table. tr is used to define rows in an HTML table. th tag is used to define headings in HTML table. Headings in HTML Table are by default bold and middle. In this, td tag is used to define the table cell.

Table is made using three elements. Rows, columns and cells

**Rows** – We call the boxes made of horizontal lines in the table as rows. A row is formed by two or more horizontal lines.

**Columns** – We call the boxes standing in the table as columns. A row is formed by two or more vertical lines.

**Cell** – When rows and columns collide, a cell is formed.

[HTML tables](https://www.tutorialspoint.com/html/html_tables.htm) are used to display data in a structured grid format. They consist of rows and columns, with cells that can contain various types of content, such as text, images, links, or other HTML elements. Tables are created using a combination of HTML tags, primarily the table, tr, th, and td tags. Here's a basic overview of how to create HTML tables:

Table Element (table): The table tag is used to define the table itself. It acts as a container for all the other table elements.

Table Row Element (tr): The tr tag is used to define table rows. You place your data within these rows. Each row can contain one or more table data cells (td) or table header cells (th).

Table Header Cell (th): The th tag is used to define header cells in a table. Header cells are typically bold and centered, and they provide labels or titles for the columns or rows. They are often used in the first row or the first column to provide context for the data.

Table Data Cell (td): The td tag is used to define data cells in a table. These cells contain the actual content or data you want to display.

Here's a simple example of an HTML table:


```
<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
  <tr>
    <td>Data 3</td>
    <td>Data 4</td>
  </tr>
</table>
```

This code creates a 2x2 table with headers in the first row and data in subsequent rows.

Additional attributes and styling can be applied to tables and their elements. For example, you can use the border attribute to add borders to your table or use CSS to control the appearance, spacing, and layout of your tables.

Here's an example of a table with some additional attributes:

```
<table border="1" cellpadding="10">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
   </tr>
   <tr>
     <td>Jane</td>
     <td>30</td>
  </tr>
</table>
```

In this example, the border attribute adds a border to the table, and cellpadding sets the padding within the cells.

[HTML tables](https://www.tutorialspoint.com/html/html_tables.htm) can become more complex by including features like colspan (to merge cells horizontally) and rowspan (to merge cells vertically) or by using CSS to style them to your preferences. They are commonly used to present data in a tabular format on websites.
Путешествие на парусной яхте
Published: 2023-10-17 09:30:21

Путешествия на яхте – это шикарный вид отпуска с возможность купаться в чистейших водах и посещать 2-3 пляжа за один день, загорать на яхте в полном уединении с природой и дышать вкусным воздухом, насыщенном ароматом растущих на берегу сосен. Путешествовать на парусной яхте вдоль изумрудного цвета береговой линии с уединенными бухтами и отвесными горами, уходящими в лазурную воду - это должен попробовать каждый. За недельное путешествие можно посетить 3-4 острова в том числи необитаемых, на которые попасть можно только на яхте.

хочешь загорай на солнышке, а рядом только твои друзья и дельфины с черепашками,
хочешь купайся в открытом море или уединенной бухте, или на шикарном пляже. В путешествиях на Средиземном море – все пляжи общественные и ты имеешь безграничную свободу выбора, плывешь, куда душа пожелает! Кстати, если даже остров частный - на пляж все равно, можно прийти и побатонить.
тишина и красота вокруг.
Стоимость недельного путешествия на яхте всего 550€ + 100€ (финальная уборка, дизель, бензин, газ, постельное белье, полотенце, транзит-лог), выбирайте понравившийся тур на яхте - на главной странице все маршруты с ценами и количеством мест, и присоединяйтесь
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0gh43z9pjg9hlz8n9jmq.jpg)
Написание отличного заголовка для поста
Published: 2023-10-17 09:28:14

 о названии вашего поста как о очень коротком (но убедительном!) описании — как об обзоре самого поста в одном коротком предложении.
Используйте ключевые слова там, где это возможно, чтобы люди могли найти ваше сообщение с помощью поиска.
CSS 3D Buttons - A curated collection of 60 CSS 3D and skeuomorphic buttons 🆒
Tags: webdev, css
Published: 2023-10-17 09:21:12

---
title: CSS 3D Buttons - A curated collection of 60 CSS 3D and skeuomorphic buttons 🆒
published: true
description: A collection of the best 3D buttons and skeuomorphic buttons made with pure CSS and HTML. Click to copy, free to use.
tags: #webdev #css
cover_image: https://csspro.com/css-3d-buttons/og-image.jpg
---

👋 Hi Dev.to!

I made [this collection](https://csspro.com/css-3d-buttons?ref=devto) of my favorite **3D and skeuomorphic buttons** on the internet, and I'll be adding new buttons to the list every time I see some new ones.

🎨 [CSS 3D Buttons Free Collection by CSS Pro](https://csspro.com/css-3d-buttons?ref=devto) is a curated collection of 60 free beautiful CSS 3D buttons.

💖 Bookmark it (keep it on your favorites) and use it whenever you need it for your projects!

All you have to do is **click on a button you like, and it'll copy its CSS and HTML code**.

And if you have any ideas or suggestions, I'm all ears.

Thanks all! 🙌
Solve Business Issues With Digital Analytics Tools!
Tags: productivity, analytics, tooling, data
Published: 2023-10-17 09:12:55

Picture this: You're the mastermind behind a company's marketing campaign, entrusted with making game-changing decisions. In your corner, you've got a data wizard, the one you call when you need to decipher the numbers and turn them into gold. You know who to call when it's crunch time – **Better Call Saul!**
This number one guy, Jimmy McGill, doesn't just study situations; he dissects them. He collects data from every nook and cranny, analyzes it with a keen eye, and serves up insights that are your secret weapon for making brilliant decisions.

Now, hold onto your seat because Jimmy's got a game-changer up his sleeve. He's offering you a **Digital Analytics Tool**, and he's named it 'Saul Goodman.' It's like having Jimmy in your pocket, only more convenient. Once Saul's on board, it's all good, man!

Imagine Jimmy McGill, the guy who always carries a notepad and pen to jot down every observation and uncover patterns. Well, Saul Goodman is like that notepad – but on steroids. It's a holistic tool that reveals opportunities for improvement, spots those pesky loopholes, and crafts genius strategies to tackle any situation.

You know how Jimmy always had a guy who knew another guy to help him out of trouble? With Saul Goodman, your search for that guy ends right there. This digital marvel is a one-stop-shop, seamlessly fusing data insights from multiple sources into workflows and applications. It's your end-to-end solution for acquiring valuable business intelligence. And here's the kicker – it doesn't stop there. Saul Goodman goes beyond, offering advanced features like data tracking, segmentation, visualization, and reporting.

It's as if your marketing team just got an upgrade to superhero status. Don't let your data drown in the sea of information. Let Saul Goodman, your virtual analytics superhero, lead you to marketing victory.

It is an exciting chapter! Click [here ](https://www.techdogs.com/td-articles/curtain-raisers/solve-business-issues-with-digital-analytics-tools)to read more!
KR Roofing Ltd
Published: 2023-10-17 09:09:51

Embarking on a new build or upgrading your current abode? KR Roofing is here to top it off with expert roof installation services that combine quality, efficiency, and style. We understand that a roof is more than just shelter; it's the crown of your home!

Visit: https://www.krroofing.co.nz/

Email : admin@krroofing.net.nz

Phone No. : 0272492326

Address : 12 Findlay Street, Ellerslie, Auckland, 1051, New Zealand
Vite
Published: 2023-10-17 09:08:01

Vite 프랑스어로 "빠르다" 라는 뜻을 가진 단어.
차세대 프론트엔드 개발 도구.
이름처럼 **빌드**와 개발 서버 **구동 시간**이 매우 빠름.

> Webpack, Parcel 등과 비교하면 10배 이상의 빠른 속도.


###Vite를 이용해 리액트 프로젝트 생성하는 방법.
```
nom init vite 프로젝트명 -- --template react
yarn create vite 프로젝트명 -- --template react
```
타입스크립트
```
npm init vite 프로젝트명 -- --template react-ts
yarn create vite 프로젝트명 -- --template react-ts
```

###디렉토리 구조
- src : 자바스크립트와 타입스크립트 코드를 작성하는 디렉토리. 진입 파일은 main.tsx or main.jsx

- public : 정적 파일과 리소스를 이곳에 작성.

- dist : 빌드 후 생성된 산출물이 저장되는 디렉토리.

###빌드 명령어
```
npm run build
yarn build
```
###개발 서버 시작 명령어
```
npm run dev
yarn dev
```
Fueling Motherhood - The Best Energy Bars During Pregnancy
Tags: energybars, wellnessbars
Published: 2023-10-17 09:01:46

Edens Sweets presents a delightful solution for expecting mothers with the pregnancy. Our specially crafted energy bars are designed to provide essential nutrients and sustained energy for both you and your growing baby. With a focus on wholesome ingredients and delicious flavors, these bars are the ideal, on-the-go snack for pregnant women, supporting a healthy and active lifestyle throughout this remarkable journey. Trust Edens Sweets to be your pregnancy companion, nourishing both your body and your cravings with every bite.

**Nourishing You and Your Bundle of Joy**
Our energy bars are not only a delicious treat for mothers-to-be but also a vital source of nourishment. Packed with essential vitamins, minerals, and fiber, they cater to the nutritional needs of pregnancy while indulging your taste buds. Edens Sweets is committed to ensuring that you and your baby receive the care and nourishment you deserve, bite by delightful bite.

**Satisfying Pregnancy Cravings, One Bar at a Time**
Edens Sweets understands that expecting mothers often have unique taste preferences, and our bars come in a variety of delightful flavors to cater to your specific cravings. Whether you're in the mood for something sweet, savory, or a combination of both, these **[energy bars](https://edenssweets.com/product/super-seeds/)** got you covered. Enjoy the satisfaction of a delicious snack while ensuring you and your baby receive the essential nutrients needed during this exciting time of your life.

## **Elevate Your Well-being with Wellness Bars**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u757g8qc8ykj10ukzs4x.jpg)
Discover the path to a healthier, more vibrant you with our Wellness Bars. These bars are not just a tasty treat; they are a nutritious addition to your daily routine. Packed with wholesome ingredients, essential vitamins, and antioxidants, they provide sustained energy and support for your overall wellness. Embrace a balanced and revitalized lifestyle while savouring the delicious Flavors and the convenience of these bars.

**Nutrient-Packed Goodness in Every Bite**
Within the subheading "Nutrient-Packed Goodness in Every Bite," we explore the core essence of our wellness bars. These bars are carefully crafted to ensure that every bite you take contributes to your well-being. Loaded with the nutrients your body needs, they are a perfect snack to enhance your health. With a focus on taste and nutrition, these bars are a delightful way to elevate your daily wellness journey.

**Sustained Energy for an Active Life**
In the subheading "Sustained Energy for an Active Life," we emphasize how our wellness bars are tailored to support your active lifestyle. These bars provide the sustained energy required for a busy day, whether you're hitting the gym, juggling work and family, or simply seeking a boost to get through the day. Elevate your well-being and maintain your energy levels with these convenient and delicious **[wellness bars](https://edenssweets.com/shop/)**.
Is your Power App "leaking" data?
Published: 2023-10-17 08:57:20

Power Platform Connectors are awesome! ✨ They simplify and speed up the process of building applications, and make it so easy that even business users can build and share their own fantastic app in matter of minutes. 

They may also, in matter of minutes, inadvertently share information that was never meant to share... 😱 Why? How? Becasue **implicit connections**

But let's not point fingers at business users. I also saw experienced developers happily entering their own credentials when building PowerApps, without giving it second thought. 

## What is implicit connections?

If you want to know more, have a look at [
Difference between explicit and implicit connections](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/connections/sql-server-security). 

> Once an implicitly shared connection is deployed to end users, the restrictions you may have put in the app you shared (such as filters or read-only access) are no longer valid for new apps end users create. The end users will have whatever rights the authentication allows as part of implicitly shared connection.

## Secure Implicit Connections to the rescue

Luckily, [Secure Implicit Connections](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/connections-list#secure-implicit-connections-preview) are coming. 

The documentation states that _"Power Apps now has full preview support for Secure implicit connections. The default setting for this feature is **On**. "_ and it is indeed on for an app I _just_ created. It is **Off** for the one I created yesterday.

 You may want to double check that for your apps. 

### Enable Secure Implicit Connections

1. Simply open your app and click on the **Settings** icon
1. Choose **Upcoming features** in the left menu bar. 
1. Scroll down, until almost the end
1. Enable **Secure Implicit Connections**


![Enable Secure Implicit Connections](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vted6z9m3f49lov6ae8w.png)
what is polymorphism in computer science ?
Tags: programming
Published: 2023-10-17 08:47:36

Polymorphism is a fundamental concept in object-oriented programming (OOP) that describes situations in which something occurs in several different forms. 

In computer science, polymorphism allows objects of different classes to be treated as objects of a common class. 

This enables objects to behave differently based on their specific class type, increasing code reusability by allowing objects of different classes to be treated as objects of a common class.

Polymorphism can be classified into two types: static or compile-time and dynamic or runtime. 

Static polymorphism is achieved through method overloading, while dynamic polymorphism is achieved through method overriding.

In summary, polymorphism is a powerful tool that allows developers to write more efficient and reusable code by enabling objects of different classes to be treated as objects of a common class.

An example of  polymorphism in Java: 

class Animal {
  public void makeSound() {
    System.out.println("The animal makes a sound");
  }
}

class Dog extends Animal {
  public void makeSound() {
    System.out.println("The dog barks");
  }
}

class Cat extends Animal {
  public void makeSound() {
    System.out.println("The cat meows");
  }
}

public class Main {
  public static void main(String[] args) {
    Animal myAnimal = new Animal();  
    Animal myDog = new Dog();  
    Animal myCat = new Cat();  

    myAnimal.makeSound();
    myDog.makeSound();
    myCat.makeSound();
  }
}
In this example, we have a base class called Animal and two derived classes called Dog and Cat. 

The Dog and Cat classes inherit from the Animal class and override the makeSound() method. 

The makeSound() method is then called on objects of each class. When the makeSound() method is called on the myAnimal object, the output is “The animal makes a sound”. 

When the same method is called on the myDog object, the output is “The dog barks”. Similarly, when the same method is called on the myCat object, the output is “The cat meows”. 

This demonstrates how polymorphism allows objects of different classes to be treated as objects of a common class
Installing PostgreSQL on macOS: A Step-by-Step Guide
Tags: postgres
Published: 2023-10-17 08:45:16

Both the standard installer and the Homebrew package manager can be used to install PostgreSQL on macOS. Here is your guide to them both. In addition, you'll learn how to use a dedicated GUI tool to manage PostgreSQL databases in the most efficient manner possible.

## Two easy methods for installing PostgreSQL on macOS

Most database creation and management solutions, including those involving PostgreSQL, are undoubtedly built on the Windows operating system. However, we should focus on the second most widely used operating system, macOS. For this reason, we'd like to demonstrate how to install PostgreSQL on a Mac, build databases, and begin managing them with the help of a specific IDE called dbForge Studio for PostgreSQL.

Read more: https://www.devart.com/dbforge/postgresql/how-to-install-postgresql-on-macos/
CleanMyMac for developers
Tags: beginners, javascript, ios
Published: 2023-10-17 08:43:37

Back in 2014, I got my first Mac. It was a beauty, but there was one hitch: it only had 125 GB of disk space. Over the years, I've cycled through a bunch of Macs, but guess what? Disk space problems have stuck around, thanks to my multiple projects. Sure, some workplaces handed me 1 TB Macs, but my personal ones? I've always gone for the 512 GB version, mainly because it's easier on the wallet.

I tried tools like CleanMyMacX, but they just didn't cut it. They couldn't spot the files that us developers know are a waste—things like node_modules, pesky caches, and old docker containers. That's why I decided to create something myself.

Meet Roomy, my macOS app that packs in all the developer-friendly file wisdom I've gathered over the years. You can test it out [right here](https://tdermendjievft.gumroad.com/l/roomy-alpha), totally free.

When you fire up Roomy, you'll see that, for now, it's all about cleaning up Xcode and JavaScript-related files. For JavaScript, you'll need to set your workspace path in the settings (the place where you keep your JavaScript projects). Check it out:

![Roomy Screenshot 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ppu46koil4ytnvr321ko.png)

Once you've got your workspace set up, head over to Scan->Javascript. There, you can see how much space each of your projects' node_modules, build files, and caches is eating up.

![Roomy Screenshot 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8jhfefwgwnpci2e3rvjj.png)

Here is my Xcode summary:


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



I'm working hard on Roomy's core features, and your feedback is gold to me. Let me know if it's making your developer life easier and what else you'd like to see.
What Are Negative Google Search Results and How to Suppress Them
Tags: negativesearchresults, onlinereputation
Published: 2023-10-17 08:35:37

Nеgativе Googlе sеarch rеsults arе any sеarch rеsults that arе harmful or damaging to your rеputation.  This could include nеgativе rеviеws,  articlеs,  vidеos,  or social media posts.  Nеgativе sеarch rеsults can be caused by a variety of things,  such as customеr disputеs,  bad prеss,  or еvеn pеrsonal attacks. 

Supprеssing nеgativе Googlе sеarch rеsults is thе procеss of making nеgativе sеarch rеsults lеss visiblе in sеarch rеsults. This can be done by a variety of methods,  including:

1. Improving the SEO of your positive content. This will help your positivе contеnt rank highеr in sеarch results, which will push nеgativе contеnt down thе pagе. 
2. Crеating nеw positivе contеnt. Thе morе positivе contеnt you havе onlinе,  thе morе likеly it is that sеarch еnginеs will rank it highеr. 
3. Rеmoving nеgativе contеnt. This can be donе by contacting thе wеbsitе ownеr or publishеr and asking thеm to rеmovе thе contеnt.  If thе contеnt is dеfamatory or violatеs thе wеbsitе's tеrms of sеrvicе,  you may bе ablе to filе a DMCA complaint to havе it rеmovеd. 
4. Building backlinks to your positive content. Backlinks arе links from othеr wеbsitеs to your wеbsitе.  Thе morе backlinks you havе,  thе highеr your wеbsitе will rank in sеarch rеsults. 

It is important to notе that nеgativе Googlе sеarch rеsults cannot always bе complеtеly supprеssеd.  Howеvеr,  by following thе tips abovе, you can makе thеm lеss visiblе and rеducе thе damagе thеy can do to your rеputation. 
Hеrе arе somе additional tips for supprеssing nеgativе Googlе sеarch rеsults:

- Monitor your sеarch rеsults rеgularly. This will help you to identify nеw nеgativе content as soon as it is published. 
- Rеspond to nеgativе contеnt promptly and profеssionally.  If you can rеsolvе thе issuе that lеd to thе nеgativе contеnt,  thе wеbsitе ownеr or publishеr may bе morе likеly to rеmovе it. 
- Bе patiеnt and pеrsistеnt.  It may takе somе timе to sее rеsults from your еfforts to supprеss nеgativе sеarch rеsults.  But if you kееp at it,  you will еvеntually sее improvеmеnt. 

If you are struggling to supprеss nеgativе Googlе sеarch results on your own,  you may want to consider hiring an [online rеputation management service](https://www.fatbit.com/best-reputation-management-services.html) provider like FATbit Technologies. Rеputation management companies spеcializе in helping individuals and businеssеs to improve their onlinе rеputation. Thеy can help you to rеmovе nеgativе contеnt, crеatе positivе contеnt, and build backlinks.
TIL, CSS Text-shadow tricks
Tags: html, css, tutorial, webdev
Published: 2023-10-17 08:35:17

**Hey guys,**

This article includes examples of text-shadow to add visual interest to your website's typography. I will try to update it every week with new examples.

Hard Shadow
Double Shadow
Close and Heavy
Glowing
Superhero
Multiple Light Sources

Hard Shadow
```
text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
```

![Hard Shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dcak8rgpe8u8c1d09nj7.png)

Double Shadow

```
text-shadow: 4px 3px 0px #fff, 
             9px 8px 0px rgba(232, 28, 28, 0.43);
```

![Double Shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8p1pweflf55mt3ppcqp6.png)

Close and Heavy Shadow
```
text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 
             0px 8px 13px rgba(0, 0, 0, 0.1),
             0px 18px 23px rgba(0, 0, 0, 0.1);
```

![Close and Heavy Shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/olrtaz3q8j927ytgevsb.png)


Superhero Shadow

```
text-shadow: -10px 10px 0px #C29DFA, 
             -20px 20px 0px #934FFA,
             -30px 30px 0px #6600FF;
```

![Superhero Shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wrpvdfk10wwcbnah68qw.png)

Multiple Light Sources Shadow

```
text-shadow: 0px 15px 5px rgba(0, 0, 0, 0.1),
             10px 20px 5px rgba(0, 0, 0, 0.05),
             -10px 20px 5px rgba(0, 0, 0, 0.05);
```

![Multiple Light Sources Shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d60amrkdrrlah3c6mdh0.png)


That's all the things I'm learning today what about you?

let's share our knowledge and tell me what you learned today.

Here are my social links if you would like to follow.

Github: https://github.com/EsraaNasr92/
Twitter / X: https://twitter.com/Esraa_nasr92
Instgram: https://www.instagram.com/_esraaanasr/