teleren/devto huggingface dataset:
Building Deep Relationships
Tags: relationships, community, connections
Published: 2022-05-26 07:34:50

It’s pretty fast to build relationships that stay on the surface. But surface-laying relationships are not satisfactory and leave us with a deep sense of loneliness. Besides, in order to feel connected and in order to feel that you belong to a community you have to build deep relationships. It’s not easy for many reasons and two of them are: first when you try to build a deep relationship you need to get involved, and this involvement means you have to engage with people in some way; second, when you try to build a deep relationship many people try to take advantage of you so this makes every one of us staying on the defensive, on both sides.

How can we overcome such difficulties? They are very challenging.

Surely, they don’t fade away overnight. We need time to build such kinds of relationships. Surely, we need to find a reason because, as formerly said, you have to get involved (and so engaged), this means you cannot build a deep relationship with everybody. The problem with this second point is that usually, you know if you would deep connection with someone only after you have just started the process (because you need some interaction time to know someone better).

I don’t have a solution, everyone faces this challenge as they wish or can. On my side, the only thing I can do is to be as honest and sincere as possible. And even if this can seem simplistic in reality this is a big challenge. Because many people don’t deserve or/and aren’t able to deal with my sincerity. And I need to understand to which people I can be sincere.

But when you succeed to build such kinds of relationships, it’s a great goal. Not only because great communities are deep-relationship-based communities, but mainly because that connections are very meaningful for you and you can count on them.
What do you think about Git integration of VS Code?
Tags: git, vscode, tooling, programming
Published: 2022-05-26 07:30:19

It is quite usual to use Git Repositories for Source Control and many IDEs have an integration built-in. At the moment I am working a lot with Visual Studio Code and this is the reason for to use its functionalities for Git. Before I also used it with Visual Studio, which I liked, because it offers all I needed after I learned how it works.  I understand that VS Code is very different from VS, but still like to compare it. With VS Code it actually is very different. You can get used to it and it will offer important features, like Fetch, Pull, Commit, Push, working with the Branches etc., but I dislike the lack of a complete history of a certain Commit, which you can have with VS. It works for single files, but sometimes I would like to check all changes for all files related to a single Commit. Maybe it is there and you can help me on this, but from what I know, it is not available.
There also is the possibility to use Git with Bash or with Git GUI, I am aware of it being definitely an option, but if I can use a built-in integration, which gives me the important commands, I am fine with it.

What is your opinion about Git in VS Code? You are also welcome to write about other things, like why you prefer Git Bash or not. Thanks for reading everyone!
5 Useful Chrome Extensions for Web Developers
Tags: webdev, productivity, software, technology
Published: 2022-05-26 07:28:49

![Rocket starting](https://miro.medium.com/max/1400/1*cQI9vYuvYMa59ZXMkbdPAQ.jpeg)

1. [**Web Developer**](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)
2. [**Responsive Viewer**](https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb)
3. [**Tweak**](https://chrome.google.com/webstore/detail/tweak-mock-and-modify-htt/feahianecghpnipmhphmfgmpdodhcapi)
4. [**ModHeader**](https://medium.com/@mariusbongarts11/5-useful-chrome-extensions-for-web-developers-b87bf6848de6)
5. [**Web Highlights**](https://chrome.google.com/webstore/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm
https://medium.com/@mariusbongarts11/5-useful-chrome-extensions-for-web-developers-b87bf6848de6)

{% medium https://medium.com/@mariusbongarts11/5-useful-chrome-extensions-for-web-developers-b87bf6848de6 %}
I know a brandnew web
Published: 2022-05-26 07:28:12

This is [vyshows.com](https://vyshows.com), the world's leading website for finding useful, related things about shows. You simply go to our homepage at vyshows.com and input the keywords related to the shows you want to find, for example: the morning show, mlb the show 21, that 70s show, today show, rocky horror picture show. You will be presented with a list of the most relevant links and the big probability is that you will find the link you wanted to access. It’s that easy.


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

**How can we help its users?**

Users are looking for fascinating and useful information about Shows, entertainment theater kingwood.

Our team uses an automated method to find the most valuable and accurate sections of websites and online applications. When searching for entertainment theater kingwood, we strive to provide our users peace of mind.

Showbiz theater kingwood comes highly recommended. Pages VyShows also provides readers with relevant links to resources related to ""showbiz theater kingwood"". Our main goal is to make the process of finding an entertainment theater in Kingwood easier for users.

**Bring calm to your mind**

VyShows' team is familiar with the problems that people have when using internet services. When personal information is exposed, profiles are improperly obtained, or other difficulties arise, people are always apprehensive. If we keep doing what we're doing, we'll be the ideal solution to those problems.

We are always ready to revise for perfection. Do not hesitate to give us feedback.

Website: https://vyshows.com/

Facebook: https://www.facebook.com/vyshows/

Twitter: https://twitter.com/ShowsVy

Pinterest: https://www.pinterest.com/vyshows/_saved/
ePharmacy Development Solution
Tags: css, career, devops, java
Published: 2022-05-26 06:59:46

Are you a medical store owner? Or a pharmacist? If so, then we have the perfect solution for you. We help everyday pharmacists by giving them a platform to sell their products online.
Not a coder? Not a problem. Let us do the heavy lifting and give you a robust pharmacy platform that synchronises all pharmacies in one place.
We are EMed HealthTech, and we have developed an online [pharmacy app development](https://www.emedhealthtech.com/products/online-pharmacy) platform that streamlines your business and creates additional revenue streams while improving customer satisfaction.
Our platform is easy to use and can be used by anyone with basic computer skills. Once you've signed up for our services, we will work with you on setting up your store and getting everything ready for launch. You'll also be able to consult our pool of professionals who are highly qualified and experienced in this domain.
Once you're up and running, our platform will allow for seamless communication between pharmacists and customers as well as provide tools that help facilitate better patient care overall.
EMed HealthTech is a leading provider of [online pharmacy app development](https://www.emedhealthtech.com/products/online-pharmacy) software and services.
Our platform helps pharmacies streamline their business, create additional revenue streams, and improve customer satisfaction.
We offer a turnkey solution that can improve the efficiency of your operations, and in turn, boosts your ROI.
Our platform is designed to provide all the tools needed to run an efficient pharmacy business online, including:

**Pharmacist Panel: (Sub-admin)**
Order Notification
Product catalogue management
Live chat
Content Management
View Prescriptions
Sales Reports

**Customer Features:**
User-friendly and easy-to-use UI
Super-fast search and buy
Upload Prescription
Dose reminder
Order History
Find Substitutes

**
Admin Panel:**
Abandoned Cart Report
Manage Orders
Order return/refund
Simple and clickable banners
Reports and Analytics
Create multiple sub-admins
 
**Optional Features:**
Integration with delivery boy app
Flat and Percentage Discounts
Google Maps Integration
Pin code wise order assignment
Multiple Payment Gateways
Customer Wallet
Installing Fira Code on Github Codespaces.
Tags: github, webdev, programming, codenewbie
Published: 2022-05-26 06:58:54

Before you get confuse about what fira code is, let me explain.
Fira Code is a free monospaced font containing ligatures for common programming multi-character combinations.
If you are still not okay with this explanation, you can check out Fira Code on [Github](https://github.com/tonsky/FiraCode).

**Step 0 - Installing the font.**

Open your terminal and paste this command
```sh
sudo apt install fonts-firacode
```

![command oputput](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4vegxukbe0fvnzke0ivy.png)

**Step 1 - Font Configuration. [_Making it active_]**
- click on the gear icon at the bottom left corner.
- Click Settings
- Search for ligatures on the search bar
- Click edit settings.json.
then finally, copy and paste this in your settings.json file
```json
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
```
![Short Gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x5quglmcctuerkjdhhyq.gif)

And that's it.
Congratulations for making it to the end👏👏🎉🎊
How Rust Spoil Us ?
Tags: rust, programming, blstsecurity
Published: 2022-05-26 06:56:19

> Sometimes you're a victim of your own success.

As you know I often promote the benefits of Rust as my previous [article](https://dev.to/nathan20/the-hidden-power-of-rust-7ap).

Rust is generally considered to be a fast language, and it is often used for programs that require high performance.
But in our case his performance could harm our user experience. 

Actually in my company [BLSTSecurity](https://www.blstsecurity.com/?promo=blst&domain=https://nathan.devto2) , we providing API security and Testing in one platform all Written in Rust.
So the problem occurs when a user upload his API specification.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e3eervspe4ptrpyzfwhy.gif)

The results appears too quickly (thanks to Rust), but this could lead to an unwanted impression.
Users cloud claim that  our system  do nothing and does not really test deeply the API because the quickly results.
So in order to avoid this phenomenon we implement in the front this little code that wait three seconds before displaying the result.

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


Sounds Crazy? Yeah sometimes your own weapon can harm you..
If you want to contribute in a RUST project let's check our cherrybomb open source project: https://github.com/blst-security/cherrybomb](https://github.com/blst-security/cherrybomb).

Join our discord server: https://discord.gg/3ThF8NYd
5 Tips to be productive as a Developer 🚀🔥
Tags: selfdiscipline, developers, productivity, programming
Published: 2022-05-26 06:26:12

### 1. Minimize Distractions from Social Media Sites

The First and the Best thing, Minimize Distractions. Social media is a great platform for making friends and chit-chatting but is also the worst in some cases. You can do these few things that help you make the best focus on problems - Practice Meditation, Work on a proper schedule, and lastly be productive instead of busy.

> **_Be Productive instead of Busy - Tim Ferriss_**

***

### 2. Take advantage of Automation

Typing code can be a discouraging task and can easily break your productivity. For this, you can certainly take advantage of code generation, or write scripts to small automate tasks that need time to complete. 

> **_You’re either the one that creates the automation or you’re getting automated. - Tom Preston-Werner_**

***

### 3. Work on Side Projects and Learn New Skills

Working on new projects can be an excellent way to keep your mind fresh. Hobby projects can reflect more on your own ideas and help you grow as a programmer. The side projects can help you learn new skills along the way, which in turn will help you improve your productivity in future projects and works.


> **_Once you stop learning, you start dying. - Albert Einstein_**

***

### 4. Stay Disciplined

Most of the successful people and the entrepreneurs insist on writing goals and achievements, so what are you waiting for? start by writing as much as you can and finally you will find your path.
And also Measure your progress and work on your weaknesses.

> **_Adults devise a plan and follow it. Children do what feels good. - Dave Ramsey_**

***

### 5. Read Books and Level up your skills
Reading is good for you because it improves your focus, memory, empathy, and communication skills. It can reduce stress, improve your mental health, and help you live longer. Aside from knowledge transfer between developers, reading the tech books is what we consider a good way to improve our skills. While some of the books will not tell you how to deal with a particular problem, it will explain you the origin and give you other perspectives.

> **_A book is a gift you can open again and again. - Garrison Keillor_**

***
AwardWallet’s itinerary planner has become part of Uber Travel experience
Published: 2022-05-26 06:17:37

In May Uber announced the introduction of a new feature to their app called Uber Travel (along with other new items, such as Voice Ordering, Uber Charter, Uber Eats at Stadiums, etc.)

Uber Travel allows users to create a route by linking their upcoming trips and reservations with Uber rides. This happens automatically without any effort on users’ part thanks to AwardWallet itinerary planner and Uber car rides. The only thing you have to do is to sign in with Gmail account so that the app could receive information about the bookings. It is safe, because the app will only track travel related emails.

As a result, users get a smooth travel experience, because their journey is planned from start till finish. Moreover, they get notifications about any delays on the way and can alter their plans accordingly. Users can reserve the rides 30 days in advance and that helps with planning a budget. A bonus of 10% Uber Cash is given on each ride booked through Uber Travel.

Uber’s CEO, Dara Khosrowshahi, believes that ‘people have been sitting around at home for too long’ and that with Uber Travel ‘you can rest assured that you’re going to make it to the flight on time’.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fut1cug2rod1kohvy4oh.png)

About [Uber Travel](https://www.uber.com/us/en/ride/how-it-works/travel/)

About [AwardWallet API](https://awardwallet.com/api/main)
8 Shocking HTML tips you probably don't know about
Tags: html, todayilearned, webdev
Published: 2022-05-26 05:57:55

These are a collection of HTML tips I learned that would definitely blow your mind!

## 1. Capture attribute to open your device camera

Just as the `input` tag has attributes for email, text and password, there is also an attribute to open the camera of **mobile devices** to capture images.

This is done with the `capture` attribute which can take two values:

- **user** for the front camera
- **environment** for the back camera

```HTML
<input type="file" capture="user" accept="image/*">
```

## 2. Automatic website refresh

You can set your website to refresh after a given amount of time from the `head` tag!

```HTML
<head>
    <meta http-equiv="refresh" content="10">
</head>
```

This snippet refreshes the website every 10 seconds

## 3. Activate spellcheck

You can use the HTML `spellcheck` attribute and set it to **true** to activate it. Specify the language to be used using the `lang` attribute

```HTML
<input type="text" spellcheck="true" lang="en">
```
It is a standard attribute and is supported by most browsers


![browser support pic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d2ss4khmhfn1bw9lgpx9.png)

I wonder if dev.to uses this attribute on their create post editor... :smile:

## 4. Specify file type to be uploaded

You can specify the file types users are permitted to upload in the `input` tag using the `accept` attribute

```HTML
<input type="file" accept=".jpeg,.png">
```

## 5. Prevent translation

Setting the `translate` attribute to **no**, prevents translation. This is important in case where you don't want a phrase or word to be translated, for example your logo, company or brand name.

```HTML
<p translate="no">Brand name</p>
``` 

## 6. Entering multiple items into the input tag

This can be done with the `multiple` attribute

```HTML
<input type="file" multiple>
```

It works for both files and emails. For emails, separate each email by a comma.

## 7. Creating a poster(thumbnail) for your videos

With the `poster` attribute, you can create an image which is displayed while the video is downloading, or until the user hits the play button. 

If this is not included, the first frame of the video will be used instead.

```HTML
<video poster="picture.png"></video>
```

## 8. Automatically download on link click

If you want a particular resource to be downloaded when a link to the target resource is clicked, add the `download` attribute

```HTML
<a href="image.png" download>
```

That's a wrap. I'm sure to share more once I learn more :smile:

Comment below which ones were new to you
Getting Started with the Angular TimePicker Component
Tags: angular, webdev
Published: 2022-05-26 05:00:57

Learn how easily you can create and configure the Syncfusion Angular TimePicker using the Angular CLI tool and Syncfusion ej2-angular-calendars package. This video also explains how to configure a few of the control’s basic features like setting a specific time range, time format, and mask support.

**Product Overview:** https://www.syncfusion.com/angular-ui-components/angular-timepicker

**Download an example from GitHub:** https://github.com/SyncfusionExamples/getting-started-with-the-angular-timepicker-component

**Refer to the following documentation:** https://ej2.syncfusion.com/angular/documentation/timepicker/getting-started/

**Check out this online example :** https://ej2.syncfusion.com/angular/demos/#/bootstrap5/timepicker/default

{% youtube 3efj-8AIc3Y %}
Neumorphism Pyramid
Tags: codepen, javascript, showdev, tutorial
Published: 2022-05-26 05:47:14

Neumorphism is meant to be soft on the eyes. It calls for minimal color contrast and very few pops of color. Logically, designers are free to apply neumorphism in any degree they see fit – not having to implement the style in its entirety.

This pyramid is built with neumorphism in mind and with the help of javascript, move round with the cursor.

{% codepen https://codepen.io/rembertdesigns/pen/MWQOzEr %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
A11Y 101: Ensure landmarks are unique
Tags: a11y, beginners, webdev
Published: 2022-05-26 05:34:19

While [analyzing my website](https://daily-dev-tips.com/posts/a11y-101-analysing-my-website-issues/), we found the following error: "Ensure landmarks are unique".

This specific error occurred on a post detail page with two `<nav>` elements.

One is used for the tags, and one is in the footer.

## Why does it matter?

You might be wondering why these landmarks should be unique?
And that's a very valid question.

Let's view this scenario from a screen reader perspective.

Screen readers use landmarks to identify the structure on a page. If two or more of the same landmark are present, we need to make them unique with labels.

The screen reader can identify what each landmark is used for. This is especially important for navigation elements.

## Fixing the issue

Let's take my website as an example and fix the issue. There are two nav elements, and we need to identify them.

I added the aria-label as "Tag" for the tag element.

```html
<nav aria-label="Tag">
  <ul>
    <li>#remix</li>
  </ul>
</nav>
```

Do note that you don't have to explicitly state `navigation`. As the screen readers will already read this as "tag navigation".

And for the footer we apply the same concept:

```html
<nav aria-label="Footer">
  <ul>
    <li>about</li>
  </ul>
</nav>
```

And that's it. By defining the aria label, we ensure each landmark is unique.

This concept should also be applied to duplicate headers, footers, and forms as they are all landmarks.

## Repeated landmarks

I hear you wonder, but what about repeated landmarks?
So, for instance, are your navigation in the header and footer precisely the same?

Well, you can use the same label in that case.

```html
<header>
  <nav aria-label="Main">
    <ul>
      <li>home</li>
    </ul>
  </nav>
</header>

<footer>
  <nav aria-label="Main">
    <ul>
      <li>about</li>
    </ul>
  </nav>
</footer>
```

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)