teleren/devto huggingface dataset:
User testing made easy - 4 tips to get started and improve the UX of your project
Tags: ux, design, uiweekly, webdev
Published: 2020-10-27 09:36:35

Asking your users to give you feedback on something you built can be tricky. 

One simple and effective way to do it is to jump on a call with them, ask them to use it and observe them.

Here is what you should keep in mind:


### **1. Keep the testing session focused.**

Ask your users to complete small focused tasks.
For example: You are building a platform where people can sell products. Ask them to "add a new product".

### **2. Ask your users to think out loud as they use your product.**

This is by far [one of the simplest and most effective methods to get insights](https://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/). It's like getting access into your users' brains.

### **3. Don't interrupt your users. Listen and observe.**

Your goal is not to sell your product or to prove that you are right. 
Your goal is to understand how they feel when using it. 
Practice your listening skills. It's tough at first but gets better as you practice.

### **4. Don't test the same thing with more than 5 users.**

The best results come from [testing no more than 5 users](https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/) and running as many small tests as you can afford. 

Actually even just 2 or 3 will give you plenty of insights!


### **Any questions/thoughts?**

Feel free to comment below, happy to help!
release 2.0 - translation
Tags: opensource
Published: 2020-10-27 09:36:05

# Release 2.3

For the third PR, I work on this issue [https://github.com/photoprism/photoprism/issues/514](https://github.com/photoprism/photoprism/issues/514). This is the PR I made [https://github.com/photoprism/photoprism/pull/569](https://github.com/photoprism/photoprism/pull/569). It's hard to find the project than actually work on the project.

## How I worked with it

The instruction is so long to work with. I followed the instruction on this issue, but it did not work when I do this command `npm run gettext-compile`. 

I realize it's a node module. So I tried `npm install`, then everything works.

The translation is easy to deal with with the help of Poedit [https://poedit.net/](https://poedit.net/). I translated both the frontend and backend of the software. And then test it on my local laptop. Then I did the pull request.

I am so excited to contribute to software that has so many users. I can do more translations with this set-up experience.
Lenovo ThinkPad L14 Problem booting Ubuntu 20.10 (Kernel 5.8) with Ryzen 7 Pro 4750U
Tags: ubuntu, thinkpad, boot, kernel
Published: 2020-10-27 09:20:01

I got my ThinkPad L14 this year (2020) 
When I upgraded my Ubuntu from 20.04 to 20.10 I encountered blank screen. 

In booting logs I saw this error:
```
AMD-Vi: Unable to read/write to IOMMU perf counter
```

and inspired by this Stackoverflow answer https://stackoverflow.com/questions/62827591/amd-vi-unable-to-read-write-to-iommu-coun-problem-loading-x-509-certificate/63112560

I did the following:
- in your GRUB boot menu select Advanced Ubuntu 
- select your previous (working) kernel version, mine was 5.4
- log into Ubuntu
- edit GRUB `sudo vim /etc/default/grub` 
- change this line `GRUB_CMDLINE_LINUX="iommu=soft"` and save the change
- run `sudo update-grub`
- restart and select your updated Ubuntu with kernel version 5.8

And it works!
Tip! Mock jsdom location with Jest
Tags: javascript, testing, jest
Published: 2020-10-27 09:18:23

## Problem
In some cases, we have to call `assign` method of `window.location` object in order to redirect to a different url as below:

```javavasript
window.location.assign = '/home';
```

You would receive an warning like below in case of `jest` running through above code:

```
Error: Not implemented: navigation (except hash changes)
```

## What is the solution here?

We obviously think about how to mock the location, right? 

Here is the easiest way to do that:

```javascript
const mockWinAssign = jest.fn();

const oldWindowLocation = window.location;

beforeAll(() => {
  delete window.location;
  window.location = Object.defineProperties(
    {},
    {
      ...Object.getOwnPropertyDescriptors(oldWindowLocation),
      assign: {
        configurable: true,
        value: mockWinAssign,
      },
    },
  )
})

afterAll(() => {
  // restore location
  window.location = oldWindowLocation;
})

test('your test to call location method', () => {
  // do things

  // finally
  expect(mockWinAssign).toHaveBeenCalledWith('/home');
})
```
How to approach the API design? Any Suggestions?
Tags: discuss
Published: 2020-10-27 09:12:58

How to approach the API design?

I am going to start a project which will have a Web App and a Mobile App. Both will fetch the data from an API.

Now the thing is the data stored in DB is in raw format. This data would be converted to JSON and sent over the API.

Now, I have to add some new fields to the JSON API and process the existing ones. My question is should I send this data to the client and process it here or should I process it on the server. Processing the data on the client means I have to write the code two times, one for Web App and one for Mobile App. Writing the code on the server means longer wait times.

So what is the right approach?
Public ReasonML Code Style Guide @Avo
Tags: reason, opensource
Published: 2020-10-27 08:58:54

Just released a [blog post](https://www.avo.app/blog/reasonml-code-style-guide) about our Code Style Guide approach.

Last week we've open sourced the guide itself [on GitHub](https://github.com/avohq/reasonml-code-style-guide).

Contributions are adoptions are more than welcome, let's build a canonical ReasonML & ReScript code style guide together!
Create next level GitHub Readme profile
Tags: github
Published: 2020-10-27 08:12:58

👋 Hello world!!..
- Here I'm going to tell you how to create next level GitHub Readme profile.
- You can make your GitHub profile much more attractive by making GitHub readme profile.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/m3m2cjzh5k3y13je8fwl.PNG)
if you want you can checkout [mine](https://github.com/sushmithas99).
- You can easily create your own GitHub readme profile.
- There are two methods in which you can create your readme profile.
- In **first method**, I'll show you, how to create the readme profile by your own in step by step manner.
- In **second method**, your not going to create in step by step manner, it is the easiest way but though I'll recommend you to Follow First method, because if you wanna edit something you can easily edit if you follow first method.

## First method:

**Step 1:** Create a new repository with your username. Make sure that your username and the repository names are same.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ibqenbymoogs24eg422n.PNG)
<center>After entering your username you Can see like this </center>
Click on "Add a README file" to create a readme file and create repository.

**Step 2:** After creating repository, open README.md file and click on edit. you can Uncomment the text which is commented or you can even add Information in your own way.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mb0k604d033lp5kq2s8x.PNG)
- If you want to add **Icons** to your Readme profile then, In GitHub search for the icon which you want and right click on the icon, copy the image address and paste it in the Readme file.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/nwz8lr6f203y8pous38r.PNG)
- If you want to add **Badges/shields** then go to [shields.io](https://shields.io/) search the name of the badge you want and after entering the details about the badge you will get the link of that badge, add that link to the Readme file.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fxuam5tx5n28q5ag7kbs.PNG)
- If you want to add GitHub Readme Status then,
```md
![Sushmitha's github stats](https://github-readme-stats.vercel.app/api?username=sushmithas99&show_icons=true&theme=radical)
```
Copy-paste this into your Readme file, and
Change the ?username= value to your GitHub's username.
For more details and more themes of the GitHub Readme Status refer this GitHub page [anuraghazra](https://github.com/anuraghazra/github-readme-stats).

## Second method:
By using this method you can easily create your Readme profile.
- The only thing you need to do here is, go to [GitHub Profile README Generator](https://rahuldkjain.github.io/gh-profile-readme-generator/) enter the details, after entering the details click on "Generate README". That will create a GitHub Readme profile for you.

That's all,

Thanks for reading!!.. 😊
Los mejores sonidos de TikTok de 2020
Published: 2020-10-27 08:46:16

![sonidosmp3](https://dev-to-uploads.s3.amazonaws.com/i/k6kyz3qyf5lmnckn0z4m.png)
Hay tantos sonidos divertidos en TikTok. Los mejores sonidos de Tik Tok son utilizados por tus chicos y chicas de TikTok favoritos. Anteriormente llamado Musical.ly, los usuarios de TikTok presentan sus [sonidos mp3](https://sonidosmp3.net/) favoritos para crear bailes calientes, memes de fuego y contenido divertido para las canciones del momento. Pero, con la misma frecuencia, producen sonidos originales, que van desde simples combinaciones de canciones hasta líneas memorables de dibujos animados populares; a menudo, cuanto más extraños, mejor.

Descubrir de dónde provienen los sonidos de TikTok puede ser una molestia, por lo que esta lista de los sonidos de TikTok más utilizados ciertamente puede ayudar. Los sonidos divertidos de TikTok pueden quedarse atascados fácilmente en tu cabeza, pero ¿cuál es tu sonido favorito? ¿Es el remix ultra-pegadizo de Delfino Plaza, la colaboración de Sid the Sloth y Post Malone, o podría ser el mensaje de voz que la pobre Rachel nunca recibió?

Vota los sonidos de TikTok que puedes dejar de citar a tus amigos y rechaza los sonidos que encuentres más irritantes.

1: Esto es para Rachel

Este mensaje de voz estaba destinado a Rachel, pero obviamente llegó a las manos equivocadas.
2: No sospeches

Mona Lisa y Jean Ralphio Saperstein actuando de manera muy sospechosa en Parques y Recreación mientras cantan, "of be suspicious" es popular en TikTok y Twitter.
3: ¿Un Redacto a la par?

Esta línea ridículamente identificable de gibbirish proviene de un video viral de Youtuber CalebCity. Este audio para completa y total confusión, y buena suerte sacándoselo de la cabeza sin reír.
4: Escalada Delfino Plaza

El tema Delfino Plaza de Super Mario Sunshine, pero con un aumento progresivo de los graves, se ha convertido rápidamente en una partitura popular para los usuarios de TikTok en todas partes. Subido por primera vez en octubre de 2019 por @ .hacky para describir formas en que Nascar podría ser más interesante, el ritmo ha explotado respectivamente.
5: Sr. Cartero

Ok, esta tendencia se trasladó de Vine y nunca deja de hacernos reír. Dos usuarios de Vine grabaron versiones separadas de "Mr. Postman" de The Marvellettes. Primero la notable interpretación de @oneilthomas, y luego estaba el intento de Gi-weezy daos en la carretera.
Light and Dark Theme for your 2020 Web Site
Tags: css, theme, webdev, frontend
Published: 2020-10-27 08:38:33

---
title: Light and Dark Theme for your 2020 Web Site
published: true
description: Theme your Web Site with this little CSS 
tags: css, theme, webdev, frontend
//cover_image: https://programtom.com/dev/wp-content/uploads/2020/10/website-1624028_1280-930x620.png
---
How web sites should look like and behave is constantly evolving. For the past year or two - having light and dark themes is the norm. Otherwise, you are not adapting to the user. Otherwise you (and also I) are lazy developer. 
Here is the basic CSS for theming:
<style type="text/css">
@media (prefers-color-scheme: dark) {
    //dark background, light colors for text, icons and images
}
@media (prefers-color-scheme: light) {
    //light background, dark colors for text, icons and images
}	
</style>
Here is a work in progress - applying themes for a WP site: 
https://programtom.com/common_sense/
Sadly, it will not work on any other theme or most other Web Sites, because of the specific CSS rules that must be overwritten.
Model Architecture Planning
Tags: django, tutorial, python, beginners
Published: 2020-10-27 08:24:14

Django is based on the Model-View-Template software design architecture, which means that the Model takes care of our data and logic, the views will take care of what the users will see in the browser when you render your site, and the templates will take care of what we render as HTML, CSS, Javascript and our dynamic content.

It's good to visualize our models before defining them in our models.py for us to see how our model structure would be laid out. The figure below shows how we will determine the database of the blog we're building. 



![Models.py of the blog](https://dev-to-uploads.s3.amazonaws.com/i/6zqiab3nrtsxsjzd73my.png)
models.py
 


We've created the models for Post and Category. The figure we created also shows the relationship between both models including its multiplicities. According to moz://a are the numbers on the figure that shows the numbers (maximum and minimum) of each model that may be present in the relationship.- moz://a.

Now that we know ow we'll layout our models, let's start creating our project with the Cookiecutter-Django framework so we won't have too much of a hard time deploying our app in production.
Downloading and Installing MySQL workbench (Community Version) on Windows 10
Tags: database, webdev
Published: 2020-10-27 08:14:35

✔MySQL is an open-source relational database management system. SQL simply means structured query language. 

✔MySQL Workbench is a visual database design tool that integrates SQL development, administration, database design, creation and maintenance into a single integrated development environment for the MYSQL database system.
-Head over to https://dev.mysql.com/downloads/workbench/, to download MySQL workbench.



[msql](https://dev-to-uploads.s3.amazonaws.com/i/nzmwk1m70cpyc51itqvf.png)

✔Click on the Go to Download Page button. This will redirect you to the signup/ login page!

![msql2](https://dev-to-uploads.s3.amazonaws.com/i/r8udi4h4hy6pixh5ys6s.png)

✔You can now choose to sign up or login if you already have a MySQL account. For this tutorial, we will skip authentication and click on No thanks, just start my download. This will get our download started

✔As soon as the download completes, navigate to your download folder and double-click to begin the installation process.

✔Upon clicking on the download, you will be presented with the MySQL setup screen![ugve](https://dev-to-uploads.s3.amazonaws.com/i/hemxaje9eno7z4l6gnzo.png)
 
 

 
✔Click the next button: You can change your installation path, but it is recommended you leave the default directory, to your program files directory.

![path](https://dev-to-uploads.s3.amazonaws.com/i/neyfda2pthyawyurou5h.png)
 

✔Next: Choose the setup type. The type we will choose is the complete setup version.

![complete](https://dev-to-uploads.s3.amazonaws.com/i/w8zbgdoexnimtp7mhn2d.png)

✔Next: Now click on the install button. It will take some time to install.
As soon as it completes, click the Finish button and MySQL workbench will launch


 
 
![workbench](https://dev-to-uploads.s3.amazonaws.com/i/6chfui4ai9hbcpkmzv2t.png)

Congratulations!!! 🎉🎊 You have successfully downloaded and installed MySQL workbench.
My #100DOC - Day 61
Tags: 100daysofcode, challenge
Published: 2020-10-27 08:09:08

### Day 61: October 27, 2020

#### **Today's Progress**: 
1. **[File Java Class](https://github.com/pablohs1986/dam_ad2021)** (1h):<br>I continued studying File Java class with the next exercise. I have a problem with an exception that I have to review.
2. **[Fixing some things in my portfolio](https://github.com/pablohs1986/pablohs1986.github.io)** (1h):<br>I kept fixing some spacing issues on my portfolio.
3. **[Company project for SGE](https://github.com/pablohs1986/dam_sge2021)** (1h):<br>Empecé a realizar mi proyecto de empresa para implementar los ERP a lo largo del curso.
   
    
#### **What I learned**: 
* How to create directories in Java.
* Be thorough when applying web spaces to achieve a consistent design.
* Business creation basics.

#### **Total time**:
3h.
My #100DOC - Day 60
Tags: 100daysofcode, challenge
Published: 2020-10-27 08:08:37

### Day 60: October 26, 2020

#### **Today's Progress**: 
1. **[File Java Class](https://github.com/pablohs1986/dam_ad2021)** (1h):<br>I ended the first exercise of this section.
2. **[Fixing some things in my portfolio](https://github.com/pablohs1986/pablohs1986.github.io)** (1h):<br>Thanks to a fellow dev.to I have noticed some space errors in my design. With his advice, I have started to fix them.
    
#### **What I learned**: 
* Review of exception handling and creation of your own exceptions. 
* Generation and use of JavaDoc.
* Review of Java sintax.

#### **Total time**:
2h.
___
My #100DOC - Day 59
Tags: 100daysofcode, challenge
Published: 2020-10-27 08:08:12

### Day 59: October 25, 2020

#### **Today's Progress**: 
1. **[File Java Class](https://github.com/pablohs1986/dam_ad2021)** (1h):<br>I continued doing the first exercise of this section.

1. **[Goose game](https://github.com/pablohs1986/gooseGameJava)** (1h):<br>I kept coding goose.
    
#### **What I learned**: 
* Using the File class to find the root of the system, list files by name, and list only directories. 
* Review of exception handling and creation of your own exceptions. 
* Review of Java sintax.

#### **Total time**:
2h.
My #100DOC - Day 58
Tags: 100daysofcode, challenge
Published: 2020-10-27 08:06:48

### Day 58: October 24, 2020

#### **Today's Progress**: 
1. **[File Java Class](https://github.com/pablohs1986/dam_ad2021)** (2h):<br>I continued doing the first exercise of this section.
2. **[Currency converter](https://github.com/pablohs1986/dam_di2021)** (1h):<br>I started to make a currency converter with Swing. I have to work on how to pass information from one screen to another.
    
#### **What I learned**: 
* Using the File class to find the root of the system, list files by name, and list only directories. 
* Review of exception handling and creation of your own exceptions. 
* How to make an interface with Swing.

#### **Total time**:
3h.
My #100DOC - Day 57
Tags: 100daysofcode, challenge
Published: 2020-10-27 08:06:15

### Day 57: October 23, 2020

#### **Today's Progress**: 
1. **[File Java Class](https://github.com/pablohs1986/dam_ad2021)** (1h):<br>I started the first exercise of section A.
2. **[Goose game](https://github.com/pablohs1986/gooseGameJava)** (1h):<br>I continued with the implementation of the UML on code. Estoy encontrando con varios problemas para mostrar el tablero.
    
#### **What I learned**: 
* Using the File class to find the root of the system, list files by name, and list only directories. 
* Review of Java Lists.
* Review of Java sintax.

#### **Total time**:
2h.
My #100DOC - Day 56
Tags: 100daysofcode, challenge
Published: 2020-10-27 08:04:58

### Day 56: October 22, 2020

#### **Today's Progress**: 
1. **[Goose game](https://github.com/pablohs1986/gooseGameJava)** (2h):<br>I continued with the implementation of the UML on code.
    
#### **What I learned**: 
* Review of Java Lists.
* Review of Java sintax.

#### **Total time**:
2h.
Undying objects in javascript
Tags: javascript, browser, frontend, showdev
Published: 2020-10-27 08:02:06

---
title: Undying objects in javascript
published: true
description: "Auto-save" objects to localstorage
tags: javascript, browser, frontend, showdev
---

I'd like to introduce a simple and effective tool I have just published that creates an observable state with an "auto-save to local-storage" feature.

Every change (or changeset) in the object's tree will flush the data as JSON object into the local storage, and be restored on the next page load.

```javascript
import { undying } from 'undying';


const defaultValues = {
    favouriteColor: 'blue',
};

const undyingObject = undying('user-defaults', defaultValues);
/* If the data exists on the local storage,
   the default values will be ignored and actual data is restored.
   If the data does not exist,
   it will be created with default values
*/


undyingObject.favouriteColor = 'red';
undyingObject.shape = 'rectangle';
// async flush to local storage.

```

You can also be notified when something is changed:
```javascript
const myState = undying({});
undying.observe(undyingObject, (value) => {
    // value is the whole tree data
});
```

Enjoy.

https://www.npmjs.com/package/undying
Top 7 Benefits of .NET Framework for Business Application Development
Tags: dotnet, csharp, cpp, linux
Published: 2020-10-27 07:45:07

.NET development services, which were created in the year 2002 by Microsoft, happens to be an open-source framework intended for developing apps mainly on Windows, although other operating systems are also accommodated by it right now. .NET makes use of a framework for services and products which deal with the following:

    Gaming

    Manufacturing

    The Internet of Things

    Government

    Accounting and finance

 

In the following paragraphs, we have mentioned why you should be using .NET developers for your subsequent product.
1. Efficiency

The OOP (object-oriented programming) model helps to break down the software into tiny data-filled objects, and their interactions plus behavior are defined by the developers. .NET makes use of OOP on a wide scale at present.

Apart from this, .NET happens to be a broad framework consisting of extensive libraries, and the developers can have access to lots of .NET development project reusable codes. This implies that less time will be consumed by your product for creating because developers don’t have to create lots of components from scratch. You can release the product within a short period in the long run.

 
2. Adaptability

Asp.net application development happens to be language-independent, which implies that quite a few languages are supported by it including COBOL, C#, F#, Visual Basic, C++, and so on. The CLR (Common Language Runtime) helps to accomplish this by managing different aspects, which include memory and security. .NET development services can select the language which is appropriate for the project out there.

Besides this, the developers can develop and run products in several environments by making use of the framework, which includes desktop and mobile.

 
3. Portability

Even though the framework was developed originally for Windows, the ASP.NET developers can’t run it across different types of platforms while making use of .NET Core. These platforms consist of the following:

    Linux

    Mac OS

    OS X

    Apache

This will be useful for various scenarios that need collaboration between different teams making use of the different OS. When required, it will be feasible to move your project to different platforms.

Learn more in details here: https://www.rlogical.com/blog/top-7-benefits-of-net-framework-for-business-application-development/