teleren/devto huggingface dataset:
Snippet... Color Converter
Tags: javascript, color, w3colorjs, apps4developers
Published: 2022-03-10 03:31:37

**https://www.apps4developers.com/color-converter/**

## Convert Color code using `w3color.js`

Get w3color.js from [here](https://www.w3schools.com/lib/w3color.js).

```javascript
import w3color from './w3color';

const colorObj = w3color(`#424242`);
```

### Get Color Name
```javascript
colorObj.toName();
```

### Get Hex Code
```javascript
colorObj.toHexString();
```

### Get RGB Code
```javascript
colorObj.toRgbString();
```

### Get RGB Code with Alpha
```javascript
colorObj.toRgbaString();
```

### Get HSL Code
```javascript
colorObj.toHslString();
```

### Get HSL Code with Alpha
```javascript
colorObj.toHslaString();
```

### Get HSL Decimal Code
```javascript
colorObj.toHslStringDecimal();
```

### Get HWB Code
```javascript
colorObj.toHwbString();
```

### Get HWB Code with Alpha
```javascript
colorObj.toHwbaString();
```

### Get HWB Decimal Code
```javascript
colorObj.toHwbStringDecimal();
```

### Get CMYK Code
```javascript
colorObj.toCmykString();
```

### Get CMYK Decimal Code
```javascript
colorObj.toCmykStringDecimal();
```

### Get NCOL Code
```javascript
colorObj.toNcolString();
```

### Get NCOL Code with Alpha
```javascript
colorObj.toNcolaString();
```

### Get NCOL Decimal Code
```javascript
colorObj.toNcolStringDecimal();
```
Snippets... JSON
Tags: json, javascript, yam, apps4developers
Published: 2022-03-10 03:29:23

**https://www.apps4developers.com/json/**

## JSON String to JSON Object

```javascript
const jsonString = `{"name":"Apps4Developers.com","url":"https://apps4developers.com","description":"A collection of web development tutorials and examples","author":{"name":"Apps4Developers.com","url":"https://apps4developers.com"}}`;
const jsonObj = JSON.parse(jsonString);

console.log(jsonObj);
```

## JSON Object to JSON String

```javascript
const jsonObj = {
    "name": "Apps4Developers.com",
    "url": "https://apps4developers.com",
    "description": "A collection of web development tutorials and examples",
    "author": {
        "name": "Apps4Developers.com",
        "url": "https://apps4developers.com"
    }
};
const jsonString = JSON.stringify(jsonObj, null, 2);

console.log(jsonString);
```

## JSON Object to Base64 String

```javascript
const jsonObj = {
    "name": "Apps4Developers.com",
    "url": "https://apps4developers.com",
    "description": "A collection of web development tutorials and examples",
    "author": {
        "name": "Apps4Developers.com",
        "url": "https://apps4developers.com"
    }
};
const jsonString = JSON.stringify(jsonObj);
const base64String = btoa(jsonString);

console.log(base64String);
```

## JSON Object to URL Parameter String

```javascript
const jsonObj = {
    "name": "Apps4Developers.com",
    "url": "https://apps4developers.com"
};
const urlParams = new URLSearchParams(jsonObj).toString()

console.log(urlParams);
```

## JSON Object to YAML using `yaml`

Install yaml package from NPM, learn more about this package [here](https://eemeli.org/yaml/v1/#yaml).
```shell
npm install yaml
```

```javascript
import YAML from 'yaml';

const jsonObj = {
    "name": "Apps4Developers.com",
    "url": "https://apps4developers.com",
    "description": "A collection of web development tutorials and examples",
    "author": {
        "name": "Apps4Developers.com",
        "url": "https://apps4developers.com"
    }
};

const doc = new YAML.Document();
doc.contents = jsonObj;
yaml = doc.toString();

console.log(yaml);
```
How to apply background image from Unsplash with Tailwind CSS
Tags: tailwindcss, html, unsplash, plugin
Published: 2022-03-10 03:16:34

---
title: How to apply background image from Unsplash with Tailwind CSS
published: true
description: 
tags:
- TailwindCSS
- HTML
- Unsplash
- Plugin 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/su7uad9w2rbcdn70lmq2.png
---

### Install via your favorite package Manager:

NPM
```bash
npm install -D tailwindcss-unsplash
```

Yarn
```bash
yarn add -D tailwindcss-unsplash
```

PNPM
```bash
pnpm add -D tailwindcss-unsplash
```

### Register the plugin into the Tailwind CSS config file

```javascript
plugins: [require('tailwindcss-unsplash')],
```

### Add unsplashImages utility by register a name and the unsplash ID

```javascript
unsplashImages: {
 apple: 'wAygsCk20h8',
 stars: '4dpAqfTbvKA',
 yourName: 'sF4RV2lDtW0',
},
```

eg:  apple: 'wAygsCk20h8'

### Add unsplashResolutions utility to set resolution parameter

```javascript
unsplashResolutions: {
 default: null,
 xs: 480,
 sm: 720,
 md: 1280,
 lg: 1920,
 xl: 3840,
 '2xl': 7680,
},
```

### And finally add the css class to your HTML tag

```html
<div class="bg-unsplash-[juJQdVYml78] w-96 h-96" />
<div class="bg-unsplash-[YMi66afAE3I/lg]" />
<div class="bg-unsplash-[YMi66afAE3I/1920]" />
```

The plugin generates the following utilities
![Plugin utilities](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fyu99mx9amu33rnp716n.png)

🔗 Sources

GitHub Repo
https://github.com/shorwood/tailwindcss-unsplash…

Unsplash
https://unsplash.com

Code Screenshot made with http://kod.so

Example Project on Tailwind CSS Play
https://play.tailwindcss.com/i0kWe5MaWs?file=config
Why is Python so Popular?
Tags: programming, python, career, datascience
Published: 2022-03-10 03:10:13

1) Easy to Learn and Use.
2) Mature and Supportive Python Community.
3) Support from Renowned Corporate Sponsors.
4) Hundreds of Python Libraries and Frameworks.
5) Versatility, Efficiency, Reliability, and Speed.
6) Big data, Machine Learning and Cloud Computing.
7) First-choice Language.
8) The Flexibility of Python Language.
9) Automation
10) Use of python in academics.
Do You Prefer Horizontal or Vertical Browser Compatibility?
Tags: webdev, selfquestion, discuss, healthydebate
Published: 2022-03-10 03:07:50

Chrome and Safari occupy the top two places in the worldwide browser market share according to https://gs.statcounter.com/. When developing web pages, should we pay attention to the compatibility of other browsers?

<!-- ![Browser Vendor Market Share WorldWide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cddeo9kjqxlvrj6l6l0p.png) --> 

The last five versions of any browser are the most widely used according to https://caniuse.com/usage-table. Should we care about older versions?

<!-- ![Browser Version Market Share WorldWide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ovndvgnmxvpaxarqqy3t.png) -->
Terminal komandalar | 2-qism
Published: 2022-03-10 03:02:10

### _1_ 

```
build-essential
```
`sudo apt-get install build-essential` **komondasi** ubuntu uchun **C/C++** va boshqa tillar kompilyatorlarini o'rnatadi

#### _2_ 

```
VSCODE
```
Ubuntu **vscode** tizim dasturini o'rnatish uchun qayta ishlash

- bu linkdan faylni [yuklab](url) **vscode** oling

- 
yuqorida yuklangan *.debnomli fayl turgan papkaga terminal orqali boring (odatda `cd ~/Downloads)
`

- endi yuqoridagi faylni o'rnatish kerak: `sudo dpkg -i <file_nomi>.deb`
Answer: Lombok is not supported in New Android Studio Update BumbelBee
Published: 2022-03-10 03:01:49

To install the plugin on latest android studio:

1. download .zip [file](https://drive.google.com/file/d/1rK-_igTlJVn4li3FnuqZk_49J8hPYHxW/view?usp=sharing)
2. unpack to android-studio/plugins/
3. restart IDE
{% stackoverflow 71264185 %}
CSSBattle | #14 Web Maker Logo
Tags: css, cssbattle, challenge, webmakerlogo
Published: 2022-03-10 02:47:14

Welcome to CSSBattle Challenges!

In this short article, I go through my solution for [CSSBattle - #14 Web Maker Logo](https://cssbattle.dev/play/14) challenge. Please refer to the code snippet below to get a better insight into my thought processes and the implementation detail.

---

> #### Challenge:

![Web Maker Logo Challenge](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/htg6nzsa0svzturqrlpx.png)

---

> #### Solution:

```html
<div class="container">
  <div class="triangle one"></div>
  <div class="triangle two"></div>
  <div class="triangle three"></div>
  <div class="triangle four"></div>
</div>
<style>
  * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  .container {
    width: 100%;
    height: 100%;
    background: #F2F2B6;
    position: relative;
  }
  .triangle {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .one {
    border-top: 130px solid #FF6D00;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    transform: translate(calc(-50% + -65px), calc(-50% + 0px)) rotate(-360deg);
    z-index: 1;
  }
  .two {
    border-top: 130px solid #FD4602;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    transform: translate(calc(-50% + -45px), calc(-50% + 0px)) rotate(-360deg);
  }
  .three {
    border-top: 130px solid #FD4602;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    transform: translate(calc(-50% + 45px), calc(-50% + 0px)) rotate(-180deg);
    z-index: 1;
  }
  .four {
    border-top: 130px solid #FF6D00;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    transform: translate(calc(-50% + 65px), calc(-50% + 0px)) rotate(-180deg);
  }
</style>
```

---

> #### Key Takeaway(s):
- using z-index to overlap an element over another 
- adjust border properties to create a triangular shape

As always, I welcome any feedback or questions regarding the implementation detail of the challenge. Otherwise, I hope this was useful!
Nevertheless, Ashlee Coded in 2022
Tags: wecoded
Published: 2022-03-10 02:40:18

---
title: Nevertheless, Ashlee Coded in 2022
published: true
tags: shecoded
---

So much has happened since [the last #shecoded post I published](https://dev.to/ashleemboyer/nevertheless-ashlee-coded-3g1n). I dealt with pay discrimination and sexual harassment for 10 months. I dealt very difficult mental health issues after leaving that environment. I wrote about [my experience](https://ashleemboyer.com/blog/speaking-my-truth) as part of my healing process. I have also since written about [my experience of re-building trust in the workplace](https://dev.to/ashleemboyer/what-a-jar-of-buttons-is-teaching-me-about-trust-jof). I found a supportive and collaborative team I'm so grateful to be a member of, and I have come such a long way in my healing process.

Very recently, I was officially diagnosed with ADHD am now on the path to finding a treatment that works for me. This has been going really well so far, and I'm back to doing things I haven't done in years. This year, some of what I'm looking forward to is writing more, reading more, creating video content, and some community building. Despite the things I've been through in the last several years, I'm still here and I'm still coding. Thanks for being here with me along the journey. 💖
Kaip pakeisti kasetę ant virtuvės maišytuvo
Tags: nivito
Published: 2022-03-10 01:34:11

`Varvantis maišytuvas nėra avarinis reikalas, jį galite susitvarkyti patys. Daugeliu atvejų problema yra susijusi su vožtuvo lizdu, kurį dažniausiai veikia korozija. Kartais dėl susidėvėjusių sandariklių arba atsilaisvinusių dalių nutekėjimas nuteka šalia snapelio. Tai taip pat gali būti sugedusios vandentiekio ar įtrūkusios snapelio pasekmė. Daugeliu atvejų varvantį maišytuvą nesunkiai suremontuosite patys.

<img src="https://images.unsplash.com/photo-1522791465802-47616431a4cf?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NDAwfHxraXRjaGVuJTIwZmF1Y2V0fGVufDB8MHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80" alt="kitchen">

<b>Išardykite maišytuvus</b>

Pirmiausia turite išardyti maišytuvą. Turėtumėte jį išardyti, išardydami visas dalis. Iš naujo surinkti lengviau, jei išdėliosite gabalus tam tikra tvarka. Taip pat galite nufotografuoti dalis. Dažniausi maišytuvų varvėjimo kaltininkai yra guminės poveržlės, sandarinimo žiedai ir sandarikliai. Jei reikia, pakeiskite juos. Jei neturite pinigų naujoms dalims įsigyti, galite pasirinkti neplaunamą <a href="http://nivito.lt/">Nivito</a>.

<img src="https://images.unsplash.com/photo-1632392563681-d0e00601ce98?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjA5OHx8a2l0Y2hlbiUyMGZhdWNldHxlbnwwfDB8MHx8&ixlib=rb-1.2.1&w=1000&q=80" alt="Kitchen">

<b>Nuimkite rankeną</b>

Norėdami nuimti rankeną, turite atsukti varžtą, laikantį ją ant koto. Tai galite padaryti atsukdami vožtuvą laikančius varžtus. Atsukę varžtus, plaktuku ir plokščiu atsuktuvu ištraukite kotą. Kotas prie vožtuvo pritvirtintas veržle, kurią reikia nuimti. Išėmę vožtuvą, galite nuimti rankeną ir kotą nuo maišytuvo.

Tada turite nuimti rankeną ir maišytuvo rankeną. Juos galima atsukti atsuktuvu, o sunkiai atsukamiems varžtams atsukti galite naudoti skvarbią alyvą. Galite patikrinti kiekvieną dalį, kad surastumėte nuotėkį. Dažniausi maišytuvų nutekėjimo kaltininkai yra sandarinimo žiedai, poveržlės ir vožtuvo lizdas. Įsitikinkite, kad įsigijote tinkamai tinkančias atsargines dalis. Vidines dalis nuvalykite paprastu actu.

<img src="https://images.pexels.com/photos/6032416/pexels-photo-6032416.jpeg?auto=rb-1.2.1&w=800&q=80" alt="Virtuvės interjeras">

<b>Išvalykite dalis</b>

Varvantį maišytuvą dažniausiai sukelia jame esančios dalys. Dalys gali būti pažeistos arba nešvarios. Galima išvalyti maišytuvo dalis ir tada išspręsti problemą. Kai dalys bus švarios, dabar galite pabandyti jas pakeisti. Turite žinoti tikslius dalių matmenis, nes jie turi būti tikslūs, kad maišytuvas tinkamai veiktų. Priešingu atveju turėsite kviesti santechniką.

<img src="https://images.pexels.com/photos/6489121/pexels-photo-6489121.jpeg?auto=rb-1.2.1&w=900" alt="Virtuvės interjero dizainas">

Jei negalite rasti problemos, galite pabandyti nuimti vožtuvo lizdą. Jei turite kasetinį maišytuvą, galite jį išimti nuimdami vožtuvo lizdą. Tada galite pabandyti išvalyti vožtuvo lizdą plieno vata. Arba galite išimti vožtuvo lizdą. Nauja dalis turi tiksliai tilpti į maišytuvo korpusą ir tiksliai tilpti. Tai gali padaryti tik santechnikas. 


`
What is Web1, Web2, and Web3?
Tags: web3, podcast
Published: 2022-03-10 01:24:57

{% spotify spotify:episode:7cXromN3ucvW2cT9ye9OZ1 %}

## What is HTML All The Things

HTML All The Things is a [web development podcast](https://www.htmlallthethings.com/) and [discord community](https://discord.com/invite/jweMCx9) which was started by Matt and Mike, developers based in Ontario, Canada. 

The podcast speaks to web development topics as well as running a small business, self-employment and time management. You can join them for both their successes and their struggles as they try to manage expanding their Web Development business without stretching themselves too thin.

## What's This One About?

Web 1.0, Web 2.0, and Web 3.0 represent different eras of how people used the internet. Web1 mostly offered users the ability to read and research, with hardly any way to interact with what they were reading. Web2 got people involved with interactivity and connectivity as ever more power web apps and social media platforms changed how we worked and socialized online. Web3 is the third iteration of the internet that is not quite in full swing yet, but is bringing with it the likes of crypto currencies, artificial intelligence, the metaverse, NFTs, and much more.


## Show Notes

* What is Web 1?
 * Transition to Web2
* What is Web2?
 * Transition to Web3
* What is Web3?


## Resources

* [What is Web 1.0? - Definition from Techopedia](https://www.techopedia.com/definition/27960/web-10)
* [What Is Web 1.0? A History Lesson About The Early Stages Of The World Wide Web | Website Builders.com](https://websitebuilders.com/how-to/glossary/web1/)
* [Web 2.0 Definition (investopedia.com)](https://www.investopedia.com/terms/w/web-20.asp)
* [What is Web 2.0? - Definition from Techopedia](https://www.techopedia.com/definition/4922/web-20)
* [What is Web 2.0 - Definition, Advantages and Features (znetlive.com)](https://www.znetlive.com/blog/web-2-0/)



## Thank you!

If you're enjoying the podcast consider giving us a review on [Apple Podcasts](https://podcasts.apple.com/us/podcast/html-all-things-web-development-web-design-small-business/id1412209136) or checking out our Patreon to get a shoutout on the podcast. 

**[Support us on Patreon](https://www.patreon.com/htmlallthethings)**


You can find us on all the podcast platforms out there as well as

[Instagram (@htmlallthethings)](https://www.instagram.com/htmlallthethings/)
[Twitter (@htmleverything)](https://twitter.com/htmleverything)
[TikTok (Html All The Things)](https://www.tiktok.com/@htmlallthethings)
Listen to the S8E5 of DevDiscuss: "How to Manage Engineering Management"
Tags: discuss, podcast
Published: 2022-03-10 01:11:10

---
title: Listen to the S8E5 of DevDiscuss: "How to Manage Engineering Management"
published: true
description: Listen to S8E5 of DevDiscuss!
tags: discuss, podcast 
series: DevDiscuss Season 8
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w4i4s6x62li5oaa0c7mj.png
---

## In this week's episode of DevDiscuss, we talk about n extremely important job that is not for every engineer.



{% podcast https://dev.to/devdiscuss/s8-e5-how-to-manage-engineering-management %}

_Quick refresher — DevDiscuss is the first original podcast from DEV all about the burning topics that impact all our lives as developers._

### Hosts:
- **@ben** — Creator of DEV & Co-Founder of Forem
- **@ridhwana** - Senior Software Engineer at Forem
  
### Guest: 
- **[Alex Karp](http://twitter.com/@AutisticManager)** — is an iOS and web developer with over 13 years of experience, as well as has many years of engineering management experience at companies such as Wayfair and Twitter.

Let us know your thoughts on this show in the comments below — or on Twitter ([@thepracticaldev](https://twitter.com/thepracticaldev) ).

---

_You can [follow DevDiscuss](dev.to/devdiscuss) to get episode notifications and listen right in your feed_ — or subscribe on your platform of choice! Plus, if you leave us a review, we'll send you a free pack of thank-you stickers. Details [here](https://airtable.com/shr8oKAIMZgdYnBxx). 

## Quick Listening Links
- [Apple Podcasts](https://podcasts.apple.com/us/podcast/s8-e5-how-to-manage-engineering-management/id1513053883?i=1000553414872)
- [Spotify](https://open.spotify.com/episode/39QRpRg9muqldZksXC5exj)
- [Google](https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5kZXZwb2RzLmRldi9kZXZkaXNjdXNzX3BvZGNhc3QueG1s/episode/aHR0cHM6Ly9kZXZwb2RzLmRldi9wb2RjYXN0cy9kZXZkaXNjdXNzLzYy?sa=X&ved=0CAQQkfYCahcKEwjQ8Ircrbr2AhUAAAAAHQAAAAAQCg)
- [Listen Notes](https://www.listennotes.com/podcasts/devdiscuss/s8e5-how-to-manage-_R1PNobnxZa/)
- [TuneIn](https://tunein.com/podcasts/Technology-Podcasts/DevDiscuss-p1324596/?topicId=170415197)
- [RSS Feed](http://feeds.codenewbie.org/devdiscuss_podcast.xml)
- [DEV Pods Site](https://devpods.dev/podcasts/devdiscuss/episodes/254)

> ### _Acknowledgements_ 
> - The wonderful _@levisharpe for producing & mixing the show_
> - _Our season eight sponsors: [Duckly](https://duckly.com/?utm_source=devdiscuss&utm_medium=podcast&utm_campaign=devdiscussseason8), [Compiler](https://link.chtbl.com/compiler?sid=podcast.devdiscuss), & [Scout APM](https://scoutapm.com/?utm_source=devdiscuss&utm_medium=podcast&utm_campaign=ad_q2_2021&utm_content=sponsored)!_

---

Thanks for tuning in to DevDiscuss! ❤️
Building a MIPS Decoder
Tags: mip, beginners, python
Published: 2022-03-10 01:01:28

## Background
As the capstone for my CS104: Computer Architecture course in Codecademy's Computer Science path, I decided to attempt an implementation of an MIPS decoder. According to the official documentation, "The MIPS32 architecture is based on a fixed-length, regularly encoded instruction set" and supports the execution of high-level languages. The decoder would accept standard MIPS commands, such as _'sll  $t4, $t0, 5'_ or _'sb $t1, 0x1001000c($t0)'_  and then return both the binary and HEX format of the command.

While the program itself has no application to the real world, I found it an incredibly useful exercise in developing my coding skills, namely defining functions and converting integers to binary, as well as furthering my understanding of the format of MIPS instructions. It also allowed me to investigate how values are stored in registers, learn how to pad a string with 0s to a fixed length, and the purpose of importing 'os' and 'sys' to call on the 'exit' and 'clear' functions.

## Program Output

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

The Python code was forked from an [existing](https://github.com/taitgu/MIPSDecode) Git Hub repository in order to understand it in detail, as it was a challenging exercise to approach without any guidance.

There are three main elements:

1. _instruction_decode_: Accepts the parameter 'instruction', which is the first element of the user input, and takes the form of the MIPS code such as _sb_ or _sll_. It determines and returns the function type and opcode 

2. _register_decode_: Accepts the parameters 'function type', 'instruction' and 'argument', which returns an array in the form [rs, rt, rd, shamt] for r-type functions or [rs, rt, immediate] for i-type functions. Each value within the array references an index reference.

3. _mips_decoder_main_: Receives input from the user in the form of a MIPS instruction, converts the code into an instruction to be passed into _instruction_decode_ and pulls the register values from _register_decode_. It then converts each element of array mentioned above into binary and hex, and returns the MIPS instruction.

## Git Hub

Here is a link to the repository on Git Hub: https://github.com/0xTomas/CS104-Computer-Architecture/tree/main/MIPS_Decoder

## Conclusion

I honestly found this task a challenge, and certainly need support in the form of a model answer. It was, however, very useful to deconstruct code that I did not understand and attempt to draw out its various functions. I managed to understand each element, and while I would not have been able to write the code myself, I was able to add comments throughout the program that explain each step.
Chitika is a PPC (Paid Per Click)
Published: 2022-03-10 00:48:49

My article today is about making money online with Chitika. Chitika is a PPC (Paid Per Click) Ad network system which is an alternative to Google AdSense. There are some things we need to earn money with Chitika.

Also Earn Money from neobux

Learn How to Make Money Online from Chitika PPC
The first is a good blog or website because Chitika gives us the ad code which we have to add on our blog or site because I have added the ad code under the post title in some of my blogs.

Then after adding that code, Ads will start appearing and when any user/reader/visitor clicks on that ad, you will be paid.

The more clicks you will get from your visitors and the more revenue you will earn from Chitika. But you can't click on your ad because it violates Chitika rules. All clicks will be verified from Chitika technician.

The second is traffic because if you have less traffic then you will get less revenue. You can also increase your income by making referrals.

How Can I Make a Reference?

This process is not too difficult friends because it is very easy. You just need to take referral link from referral program page and share it with friends and when they will join Chitika from your referral link you will get 10% Commission.

by https://www.dirisendiri.com