teleren/devto huggingface dataset:
UX Design for Navigation Menus
Tags: ux, design
Published: 2020-09-08 12:20:37

Navigation menus are one of the _most-viewed_ and _most-clicked-on_ pieces of interface. Let’s look at some principles of nav design that will help our users have a better experience.

## 1) Placement matters

The web has developed a clear pattern for where navigation goes (very top, left side, or in the footer). When menus are placed outside of these areas, it feels awkward, confusing, and hard to find.

![Placement matters](https://learnuxd.io/img/ux-design-for-navigation-menus/post-1.png)

## 2) Show them where they are

Clearly communicate the user’s current location. Use multiple clues, like the ones below, to help them orient themselves. Our users should never have to wonder where they are.

![Show them where they are](https://learnuxd.io/img/ux-design-for-navigation-menus/post-2.png)

## 3) Mega menus vs. dropdowns

Research shows that mega menus provide a better experience than list dropdowns because they show everything at a glance, are able to utilize imagery, allow for better grouping, and feel more engaging.

![Mega menus vs dropdowns](https://learnuxd.io/img/ux-design-for-navigation-menus/post-3.png)

## 4) Effective link titles

A user should be able to easily predict where a link will take them before they click it (this is called information scent). The single biggest factor in this is how good of a job we do at link labeling.

![Effective link titles](https://learnuxd.io/img/ux-design-for-navigation-menus/post-4.png)

## 5) How many items?

The right number of items in your menu depends on a few things, like how complicated your product is or how savvy your users are. But try to get to fewer than 6 or 7 items. The order also matters.

![How many items](https://learnuxd.io/img/ux-design-for-navigation-menus/post-5.png)

## 6) Don’t hide it

Navigation menus are one of the most-clicked-on pieces of interface, and they provide major contextual information to the user, so it should always be visible.

The default on mobile these days seems to be the hamburger menu, but there are alternatives that don't hide the nav completely: tabs, progressive collapsing, scrollable lists, and so on.

![Don't hide it](https://learnuxd.io/img/ux-design-for-navigation-menus/post-6.png)

## 7) Visual design tips

Good UI design makes a big difference. Below are a few tips to create a better experience. When in doubt, test! And don’t forget about accessibility.

![Visual design tips](https://learnuxd.io/img/ux-design-for-navigation-menus/post-7.png)

That's it! Thanks for reading. If you're feeling generous, perhaps share the thread on Twitter:

{% twitter 1303301280241192961 %}

[_From learnuxd.io_](http://localhost:4000/posts/ux-design-for-navigation-menus/)
Whatsapp GB é Seguro?
Published: 2020-09-08 12:10:15

Os aplicativos são versões modificadas do WhatsApp. No entanto, se você tiver dúvidas sobre a diferença entre o WhatsApp GB e o WhatsApp Plus, pode distinguir estes aplicativos: 

-Há adesivos ilimitados no WhatsApp GB; 
-Bloqueie chamadas para contatos ou grupos específicos no GBWhatsApp; 
-Você pode copiar o status do contato; 
-Para WhatsApp GB, nenhum acesso root é necessário. Essas são basicamente as principais diferenças entre os dois aplicativos, mas podemos ver poucas mudanças. 

Ambos oferecem aos usuários recursos muito semelhantes, onde o WhatsApp GB é mais semelhante ao aplicativo original, enquanto o WhatsApp Plus oferece mais recursos de privacidade e personalização. Fonte: https://watsgp.com.br
Multitenancy module for NestJS with a deep integration into the system as whole.
Tags: nestjs, module, multitenant, opensource
Published: 2020-09-08 12:08:18

Multitenancy is widely used acros the web as software deployment options called **whitelabels**. Data in between tenants are separated, however nowadays there is business by sharing data inbetween the peer businesses; as an example might serve a E-commerce platform that shares their clients with twin/friendly shop, or there's some unified backoffice interface... Thus a good idea would be **having the data under the same database (think namespace)** instead of having to separate into different databases, in order to be able to query it efficiently and avoid duplication or synchronization issues.

Link: https://github.com/AlexanderC/nestjs-mtenant

Cheers.
The .NET Docs Show: Hacking DateTime bugs 🦟 in PROD
Tags: dotnet, aspnet, webdev, dotnetdocsshow
Published: 2020-09-08 12:01:35

---
title: The .NET Docs Show: Hacking DateTime bugs 🦟 in PROD
published: true
description:  The .NET Docs Show is joined by Jon Skeet for a conversation about the preferred way to think about programming for DateTime constructs within .NET.
tags: dotnet, aspnet, webdev, dotnetdocsshow
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/tsudvjotm15tgrd8wzxw.png
---

In this episode of [The .NET Docs Show](https://dotnetdocs.dev), Jon Skeet (<a href="https://twitter.com/jonskeet" target="_blank">@jonskeet</a>) rips apart the shows source code in a #LiveShare session with me. As part of this week's #CheckUp, we shared Visual Studio IntelliSense updates for [C# string interpolation](https://aka.ms/csharp-string-interpolation).

The #HallwayTrack with Jon was amazing and we covered a lot of ground. We discussed why `DateTime` structures are difficult to work with, despite being so easy to use - an interesting quagmire 😕. We talked about leap years, months, and even seconds (which I didn't realize was a thing). We highlighted a few bits of `NodaTime` and Jon was set loose in our source code...which is of course *very* entertaining. Enjoy!

{% youtube 3i8zDtpw-kQ %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [The .NET Docs Show YouTube Channel](https://www.youtube.com/channel/UCvtT19MZW8dq5Wwfu6B0oxw) and [follow us on Twitter](https://twitter.com/dotnetdocsshow).

# #CheckUp

- [$ - string interpolation (C# reference)](https://aka.ms/csharp-string-interpolation)

# Useful links

- [Jon's URL list](https://www.theurlist.com/the-dot-net-docs-show-datetime-jon-skeet)
- [The .NET Docs Show](https://dotnetdocs.dev)
Daily Developer Jokes - Tuesday, Sep 8, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-09-08 12:00:24

---
title: "Daily Developer Jokes - Tuesday, Sep 8, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Tuesday%2C%20Sep%208%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e125900b9ff4.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ What do you do when you can't understand your husband's behavior?

___A:___ man man
 -->
Best Managed Cloud Support Services in Kochi , India
Tags: cloud, cloudcomputing, cloudservices
Published: 2020-09-08 11:53:12

Cloud Computing is the delivery of computing services like servers, storage, databases, networking, software, analytics, and intelligence over the Internet to offer faster innovation, flexible resources, and economies of scale. With Cloud, you can select the specific cloud solutions you need, helping lower your operating costs, and only pay for exactly what you use, resulting in lower capital expenditure and run your infrastructure more efficiently and scale as your business needs change.

Benefits Of Cloud Computing
Cost – Cloud computing eliminates the capital expense of buying hardware and software and setting up and running your own datacenters. You simply pay as you go and enjoy a subscription-based model which reduces your operating costs too.

Flexibility – The benefits of cloud computing services include the ability to scale elastically. If your needs increase it’s easy to scale up your cloud capacity and if you need to scale down again, the flexibility is baked into the service.

Disaster Recovery – Cloud computing makes data backup, disaster recovery and business availability easier and less expensive.

Security – Most Cloud Service providers offer a broad set of policies, technologies and controls that strengthen the security of your data and services from potential threats.

Supportmonk, the best managed cloud serices provider in kochi.cloud computing are the process which means storing and accessing data and programs over the internet instead of your computer's hard drive.Our experts also helps clients in DevOps Services, 

The above benefits would be enough to convince many businesses to move their business into the cloud. AdMods Cloud Migration Service delivers complex migrations in a hassle-free and coordinated manner. We provide faster, cost-effective and successful transition with zero business impact.

Our Cloud Migration Services includes
Discover, Assess and Plan – Discover and Assess your current setup and Plan a migration strategy.

Design, Migrate and Validate – Design the cloud architecture, Migrate infrastructure and application, Migrate data and validate the entire setup

Operate and Optimize – Ensure smooth operation by Monitoring, Logging and Alerts. Analyze the service status and performance data and thereby optimize the cost and performance.

https://supportmonk.com/cloud-migration-services/
UI Dev Newsletter #21
Tags: html, css, javascript
Published: 2020-09-08 07:16:14

- [Custom bullets with CSS ::marker](https://bit.ly/3383TcC)
Adam Argyle and Oriol Brufau show how trivial it is to customize the color, size or type of number or bullet when using a ul or ol.

- [Ask an expert: Why is CSS... the way it is?](https://bit.ly/3bH0i9C)
Chris Lilley highlights and describes many of CSS’s shortcomings.

- [Supercharging input type=number](https://bit.ly/2ZhD4BY)
Kilian Valkhof describes how to build a better input type=number.

- [CSS variables: Scoping](https://bit.ly/3i7VUmq)
Chidume Nnamdi explains all about CSS Variables, including usage, support, and advantages.

- [Case Study: Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report](https://bit.ly/3bzXGtW)
Sara Soueidan explains how Khan Academy 2018 Annual Report is presented and implemented in an accessible way to site’s visitors.

- [What is the Value of Browser Diversity?](https://bit.ly/326EW21)
Dave Rupert tries to answer a question: What if Firefox switched to Chromium tomorrow, what would we lose?

- [Comparing Browsers for Responsive Design](https://bit.ly/3bDaxf8)
Chris Coyier reviews a number of these desktop apps where the goal is showing your site at different dimensions all at the same time.

- [lookup.design](https://bit.ly/3iakLpB)
Find and get inspired by named, categorized and indexed by hand design examples.

Happy coding!

[Subscribe to the newsletter here!](https://mentor.silvestar.codes/reads#newsletter)
Simplify Your Data Architecture With The Presto Distributed SQL Engine - Episode 149
Published: 2020-09-08 11:33:31

<p>Databases are limited in scope to the information that they directly contain. For analytical use cases you often want to combine data across multiple sources and storage locations. This frequently requires cumbersome and time-consuming data integration. To address this problem Martin Traverso and his colleagues at Facebook built the Presto distributed query engine. In this episode he explains how it is designed to allow for querying and combining data where it resides, the use cases that such an architecture unlocks, and the innovative ways that it is being employed at companies across the world. If you need to work with data in your cloud data lake, your on-premise database, or a collection of flat files, then give this episode a listen and then try out Presto today.</p><p><a href='https://www.dataengineeringpodcast.com/presto-distributed-sql-episode-149/'>Listen Now!</a></p>
Try something new this week
Tags: javascript, elm, reason, clojurescript
Published: 2020-09-08 11:32:47

Did you ever wonder why there's so much tech for "doing the same thing"?


It's probably not news to any of you, but **there's always something new and different coming off** in Web Dev. This might generate a haunting feeling that you're outdated, but could it be why you succeed on your next project or job interview?

I won't be long, as this should be a morning text that you finish while drinking a cup of coffee, but let's take a look at the last results of [State of JS](https://stateofjs.com/) survey, especially about **Javascript flavors**. For those who've never heard of it, these are **languages that compile to Javascript**.

![Javascript Flavors](https://user-images.githubusercontent.com/18706156/92467855-aa2b8500-f1a8-11ea-868a-a3c9cc0da580.png)
[Javascript Flavors](https://2019.stateofjs.com/javascript-flavors/#javascript_flavors_experience_ranking)


Most of you probably have never written a line of code on Elm or Clojurescript, but should you learn it? 

Probably everything that's on this radar, even not being so mainstream, has a _Reason_ to be there. I know for sure that most of these programmers love the language they work on.  Another thing is that **it pays the bills.**

In fact, it's common for big companies to choose one of these languages to **hire good developers**, as it's [unusual for beginners to have experience in them.](https://2019.stateofjs.com/javascript-flavors/#javascript_flavors_experience_heatmap)


![Usage by salary range](https://user-images.githubusercontent.com/18706156/92468296-4fdef400-f1a9-11ea-9a2d-de5793c90227.png)
[Usage by salary range](https://2019.stateofjs.com/javascript-flavors/#javascript_flavors_salary_heatmap)


**What I want to do here is to pique your curiosity!**

I want to propose the following: **take a couple of hours this week and learn at least one of these new languages**. You don't need to build a pet project with it, just try them on their Playground to see how it feels. Before doing that, I ask you to watch these presentations about ReasonML, Elm and Clojurescript:

[React to the Future - ReasonML](https://www.youtube.com/watch?v=5fG_lyNuEAw)
[Clojurescript for Skeptics](https://www.youtube.com/watch?v=gsffg5xxFQI)
[Why Elm?](https://www.youtube.com/watch?v=rU-W6557Dos)

Most importantly, try to **grasp the design decisions behind them**. There's a high chance you'll watch one of these videos and it won't motivate you to switch your language of choice, but it's important that you understand why those things were crafted in the first place.

In the end, the language you use or know won't matter all that much, but the experience you get creating stuff in a different environment is rewarding.
Digging Into Dagster: An Opinionated Open Source Framework For Data Orchestration
Published: 2020-09-08 11:32:23

<p>Data applications are complex and continually evolving, often requiring collaboration across multiple teams. In order to keep everyone on the same page a high level abstraction is needed to facilitate a cross-cutting view of the data orchestration across integration, transformation, analytics, and machine learning. Dagster is an innovative new framework that leans on the power and flexibility of Python to provide an extensible interface to the complete lifecycle of data projects. In this episode Nick Schrock explains how he designed the Dagster project to allow for integration with the entire data ecosystem while providing an opinionated structure for connecting the different stages of computation. He also discusses how he is working to grow an open ecosystem around the Dagster project, and his thoughts on building a sustainable business on top of it without compromising the integrity of the community. This was a great conversation about playing the long game when building a business while providing a valuable utility to a complex problem domain.</p><p><a href='https://www.pythonpodcast.com/dagster-data-orchestration-episode-279/'>Listen Now!</a></p>
Animated Background with Pure CSS
Tags: html, css
Published: 2020-09-08 11:12:11

A simple website with some essential pieces of information sometimes makes the visitor bored. To increase the visual aesthetics of any website, developers are nowadays turning to animation. The background animation is one of the parts of that process.  In most cases, aesthetically used animated backgrounds may increase the visual interest of a particular website. In this project, we will create a great background animation of cubes with the help of CSS keyframes animation. <a href="https://www.codingflicks.com/2020/08/animated-background-with-pure-css-and-html.html">Download the code</a>
🤦‍♂️ Weekly fail (37/2020)
Tags: fail, lessonslearned, gridsome, type
Published: 2020-09-08 11:10:14

Last week I was converting a Gatsby Lumen starter website to Gridsome and got stuck on an error
`Error: Cannot get field 'id' from type 'Page'. Field does not exist.`

The error occurred only in case a certain page was published in [the headless CMS Kentico Kontent](https://bit.ly/2GAC6tP) and it was happening in the GraphQL schema generation. So it was quite difficult to debug.

I tried the try/fail method of debugging only to find out you can't use "Page" as a type name for your nodes. Not sure what the reason is as I was not willing to keep digging after several hours of nail-biting.

*Lesson learned:* **Sometimes the tools we use don't have everything documented. If you're experiencing the above error, add a prefix to content item types in the configuration of the Gridsome Kontent plugin:**

```js
options: {
  ...
  contentItemConfig: {
    contentItemTypeNamePrefix: '_',
    ...
  }
}
```
Learn Markdown in 20 minutes
Tags: coderarchive, markdown, tutorial, documentation
Published: 2020-09-08 11:06:04

In this video, we go through what Markdown is and how to use important basic Markdown syntax that is commonly used as a Developer

It's important to know the basics of Markdown as a developer as you'll see it used in places like READMEs, blog posts on DEV, and more! 

Markdown syntax in this Github gist: 
https://gist.github.com/luvuong-le/2b5f9465cd13329042afff1bccad73d9

If you'd like to see more of my videos, [head over to Youtube!](https://www.youtube.com/channel/UCWaB4SBBUCvhYb91fz5Vidg) A follow/sub comes a long way to show support

Follow and connect with me on:
----------------------------------
🐦 Twitter: https://twitter.com/coderarchive
📚 Github: https://github.com/luvuong-le
💼 LinkedIn: https://www.linkedin.com/in/lu-vuongle/
📷 Instagram: https://www.instagram.com/coderarchive/
📝 Dev.to: https://dev.to/coderarchive
Automate ReactJs Components creation
Tags: react, showdev, webdev, javascript
Published: 2020-09-08 10:58:29

---
title: Automate ReactJs Components creation
published: true
description: no more manually creation reactjs component, this will help you to auotmate
tags: #react #showdev #webdev #javascript 
cover_image: https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQigcgkabMOPx78ACZ8Nt1Sc0efdPBz93jPoQ&usqp=CAU
---

# Automate creating your ReactJs components

This script is built for personal use when I got frustrated creating components manually and was all the same work I had to do. I came across this sample script to boot my productivity creating ReactJs component through the shell script by one single command with the code snippet along with the scss file too.

![image](https://i.ibb.co/mhRXV9B/gif.gif)
=======
## cloning

ssh
```nginx
$ git clone git@github.com:lifeeric/automate-React-Component.git
```
or
https
```nginx
$ git clone https://github.com/lifeeric/automate-React-Component.git
```
Permission
```nginx
$ chmod +x arc
```
make it global
```nginx
$ sudo cp arc /bin
```

## Usage
syntax
```nginx
$ arc [COMPONENT NAME]
```
### example
```nginx
$ arc Header
$ tree
.
└── src
    └── components
        └── Header
            ├── Header.scss
            └── Header.tsx
```

### example 2
```nginx
$ arc Header/Navbar
$ tree
.
└── src
    └── components
        └── Header
            ├── Header.scss
            ├── Header.tsx
            └── Navbar
                ├── Navbar.scss
                └── Navbar.tsx

```


## New features need to be added
It works fine until now for me even if I try to create a nested component, at the moment I'm configured for `TypeScript` only. and hope to add `Javascript`, `CSS` as well. perhaps stop overwriting component


#### [github link to download, review and contribute](https://github.com/lifeeric/Automate-React-Component)

{% github https://github.com/lifeeric/Automate-React-Component %}
Bootstrap slider with Text Animation
Tags: bootstrap, html, css, webdev
Published: 2020-09-08 10:58:02

The homepage is an essential part of any website, and for any company, the homepage is like a virtual front door. If the website visitor doesn't like what they see at the front door, they will bounce, and there is a possibility that they will never come back. Regrettably, most of the customers still judge a book by its cover. Your website homepage configuration is substantially more significant than you'd think. A beautifully crafted homepage of a website makes the difference between leaving possible consumers with a substantial impression of your company or product. A homepage design can attract visitors to spend more time exploring the product or service on offer, inviting them to learn more and, hopefully, convincing them to purchase. <a href="https://www.codingflicks.com/2020/07/awesome-bootstrap-slider-with-text-animation.html">Download the code</a>