teleren/devto huggingface dataset:
Create buttons for 'Signing in with DID.app'
Tags: privacy, passwordless, oauth, brand
Published: 2020-05-14 13:16:43

Here at DID.app we are releasing our logos into the wild so you can create custom 'Sign in with DID.app' buttons on your (undoubtedly excellent) website.

This is a super-quick guide to adding custom buttons to your website.

1. Head over to the [brand resource guidelines page](https://did.app/docs/button-branding-guidelines/).  There you will find all our logo images and our icon images too.  

2. You can copy and paste an example button.  Here are a few examples to choose from (feel free to design your own too):

A light button that can be used on most pages:
![A very attractive sign in with did.app button wouldn't you say?](https://dev-to-uploads.s3.amazonaws.com/i/5tw5ydl3377e3e7hgtme.PNG)

```
<div style="display:inline-block;padding:0.3em;border:1px solid gray;margin:1em;border-radius:4px;">
  <span style="display:flex;align-items:center;">
    <img src="/icon.svg" style="height:30px">
    <span style="padding:0 1rem;">Sign in with DID.app</span>
  </span>
</div>
```

A block style button:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cva1xw98mvraqawgtjw3.PNG)
```
<div style="display:inline-block;padding:0.3em;margin:1em;background:#00dfc0;color:white;">
  <span style="display:flex;align-items:center;">
    <img src="/logo.svg#light-mono" style="height:30px">
    <span style="padding:0 1rem;font-weight:bold;white-space:nowrap;">Sign in</span>
  </span>
</div>
```

A dark sign in button:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ihk4027v3lrmxyw0j1x3.PNG)
```
<div style="display:inline-block;padding:0.3em;margin:1em;background:#2a454e;color:white;">
  <span style="display:flex;align-items:center;">
    <img src="/logo.svg#light" style="height:30px">
    <span style="padding:0 1rem;font-weight:bold;white-space:nowrap;">Sign in</span>
  </span>
</div>
```
An icon only button:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3t1uet0dmeo9s4wdo1ga.PNG)
```
<img src="/icon.svg#light-mono" style="height:40px;background:#00dfc0;padding:0.5em;border-radius:1em;">
```

To turn the image into a button that triggers the authentication flow you can create a form and add your button into the html tag that handles submission. 
Here's an example from [DID.app's Step By Step Integration guide](https://did.app/docs/step-by-step-integration/).

```
<form action="https://auth.did.app/oidc/authorize" method="get">
  <input name="client_id" value="[CLIENT_ID]" type="hidden" />
  <input name="redirect_uri" value="[REDIRECT_URI]" type="hidden" />
  <input name="response_mode" value="form_post" type="hidden" />

  <button type="submit">Sign in</button>
</form>
```

Feel free to reach out to me if you have any questions about our custom buttons.  I can be found by emailing <a href="mailto:team@did.app">team@did.app</a>
Lambda
Tags: python, codenewbie
Published: 2020-05-15 08:27:39

Lambda functions aren't as powerful as named functions. 
They can only do things that require a single expression - usually equivalent to a single line of code.


#named function
def polynomial(x):
    return x**2 + 5*x + 4
print(polynomial(-4))

#lambda
print((lambda x: x**2 + 5*x + 4) (-4))

0
0
Deno Tutorial
Tags: node, javascript, webdev, tutorial
Published: 2020-05-15 08:24:18

<strong>[Deno](http://deno.land/)</strong> is a secure runtime for both JavaScript and Typescript. 

Very much like nodejs for those who have used before, Deno can be called using the V8 engine, but it is also built-in Rust. Some of the key benefits include being secure out of the box (no access to localhost/network/environment), working natively with typescript without additional compiling like babel, and easy to install and use. Let's take a closer look at it in this deno tutorial where we will install and begin using it.

{% youtube 3oKSMPgVDf8%}
<center>[Youtube: Deno Tutorial](https://youtu.be/3oKSMPgVDf8)</center>

The topics covered include:
* What is Deno?
* Why is Deno?
* How do we install Deno
* Installing Deno
* Deno example
* Deno security for network access
* Deno extra security for domains
* Deno file security for localhost access
* Typescript Deno support
* Deno runtime and Deno testing
* Conclusion and my thoughts on Deno

This is just a quick 10-minute introduction to Deno, but hopefully, it will give you a better understanding of how it works for those coming in fresh or from node.

Learn more about Deno at their official site:
http://deno.land/

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
Change the Background Color using JavaScript / HTML & CSS
Tags: html, css, javascript, projects
Published: 2020-05-15 08:16:42

Hey Devs !! Welcome.In this new Post
you'll see a beginner friendly project on javascript,
to change the background color on click , [Blog] (https://tsrcodes.blogspot.com/2020/05/change-background-color-using_15.html)
Here I'll add my Code Snippets below ! 😍

![HTML Snippets](https://dev-to-uploads.s3.amazonaws.com/i/qg846fi105n5f30xqksj.png)

Then we import our Fav google Fonts 
![Google Font](https://dev-to-uploads.s3.amazonaws.com/i/r7ehlf4ck8u1qdfsq8xr.png)

Here's Our Styling, Basic Styles
![CSS Snippets](https://dev-to-uploads.s3.amazonaws.com/i/352vau23lodyezbeqwgb.png)

Now Style Our Logo Class,Nav & Container
![CSS Snippets](https://dev-to-uploads.s3.amazonaws.com/i/1l82x9123ny72v7bvnhv.png)

& styling our button with little hover effects
![CSS Snippets](https://dev-to-uploads.s3.amazonaws.com/i/kzd9xoiu9gyvr32xtx4j.png)

Here's Our Fun Part [ JS ]

![JS](https://dev-to-uploads.s3.amazonaws.com/i/9eg64lofd5gm43zb6bjh.png)

Here's the another method 

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

Here I'll add my youtube Video Down here,Kindly Check it 
{% youtube Ewv6mOYntwQ%}

° Playground link -1 : [CodePen](https://codepen.io/TsrCodes/pen/JjYezXM)
° Playground link -2 : [CodePen](https://codepen.io/TsrCodes/pen/dyYQrXK)


💜 Thank You for Reading 🙌
Be Happy 😊 & Always Smile 😇

Add ME on [Instagram](https://www.instagram.com/TsrCodes) | [Facebook](https://www.Facebook.com/TsrCodes) |[Twitter](https://www.twitter.com/TsrCodes) | [Youtube](https://www.youtube.com/channel/UCb9J-aPbN-WQ7eE4WU6yXcg)
De Wet's (learning) C# application!
Published: 2020-05-15 07:57:55

Good morning DEV community.
This is my first post and I would like to share what I am working on somewhere in hopes that I get SOME feedback (wink wink nudge nudge). 
Whether positive or negative, feedback and critique makes us learn, the same way mistakes do.
This is my C# application hosted on GitHub. 
Here I build basic programs to display the usage of C# in its many different forms.
I am slowly getting into constructors, how to use them and why code encapsulation is important.
As the list grows, the projects grow more interesting and complex. I am adding comments slowly but surely and should be soon done!
Feel free to ask any questions.
Check it out here: https://github.com/RealArbitrary/LearningC-
Boolean flip helper for Elm
Tags: elm, frontend
Published: 2020-05-15 07:19:53

---
title: Boolean flip helper for Elm
published: true
description: TIL bits on Elm, Javascript and Frontend in general
tags: elm, frontend
---

There is no such thing as !True to get a False value in Elm.

Here's how I do it. 
```
module Helpers.Bool exposing (flip)

flip: Bool -> Bool
flip bool = 
    if bool == True then
    False
  else
    True
```

And then:
```
import Helpers.Bool

...

Helpers.Bool.flip True
```

For more: [Today I Learned](https://graffino.com/til/)
How to put cookie consent on your website
Tags: cookie, cookieconsent, osano, cookiebot
Published: 2020-05-15 07:48:30

Website place Cookie consent banner to educate their users about the cookies they are using. They also care for a user’s privacy concerns.

However, the users find the cookie consent banner as an annoying element on any website. The reason for this proliferation of the GDPR cookie consent (https://seersco.com/cookie-consent.html is the lawmakers want you to take good care of the personal information of your users.

These consent alerts enforced by the two most influential regulations, known as the General Data Protection Regulation GDPR and the California Consumer Privacy Act CCPA.

The GDPR came into effect on 25th May 2018, whereas the CCPA will go into force on 1st January 2020.
The issues related to a user’s/visitor’s privacy has been discussed often and grabbed the attention of many. The legislations are launched to address those issues.
Javascript Type Conversion
Tags: javascript, webdev, tutorial, beginners
Published: 2020-05-15 07:22:52

Using type Conversion we can change the datatype of one variable to another variable.

Converting Number to String
---------------------------
```javascript

let salary = 25000.00;
document.write(salary.toString()); 

//Output
25000
```

Converting String to Number
---------------------------

We can use built-in methods to convert strings to numbers. The methods are Number(), parseFloat(), parseInt() and we'll also be using `type of` statement to check its datatype.

Using Number() objects
----------------------
```javascript

let x = "5000.25";
let num = Number(x);
document.write(Number(num));
document.write("<br>");
document.write(typeof num);

//Output
5000.25
number
```

Using parseFloat() method
-------------------------
```javascript

let x = "5000.25";
let num = parseFloat(x);
document.write(num);
document.write("<br>");
document.write(typeof num);

//Output
5000.25
number

```

Using parseInt() method
-----------------------
```javascript

let x = "5000.25";
let num = parseInt(x);
document.write(num);
document.write("<br>");
document.write(typeof num);

//Output
5000
number

```
As you can see in `parseInt()` method the decimal points are omitted this is because the `num` variable is of type integer and does not have decimal points. 

Complete article in posted on [thecodelearners javascript type conversion](http://thecodelearners.com/javascript-numbers-assignment-type-checking-and-nan/)
Google Docs to TYPO3 — One-Click to Import and Publish
Published: 2020-05-15 07:14:05

Do you use popular Google docs for your routine work? Are you tired of manually migrating all the content from your Google docs to the lovely TYPO3 website? Well, my friend, you are in the right place, We have an amazing solution to save your priceless time!

The amazing article covers following aspects,

1)People Love Google Docs, Why?
2)Non-Productive: Migrate Content from Google to TYPO3
3)First-Ever Concept: Connect Google + TYPO3
4)Cool Features of EXT:ns_googledocs TYPO3 Extension
5)Screencasts: How to Import Google Docs to TYPO3?
6)Configuration: Setup You Google’s Credentials
7)Demo: Guide to Prepare and Import Your Google Document
8)Documentation
9)Get Your Free Support
10)Free vs Premium

Read the complete blog here — https://t3terminal.com/blog/google-docs-typo3/
MS Edge's Maps behavior with scroll
Published: 2020-05-15 06:59:45

I typically use a mix of Chrome and Firefox in my day to day computing, on both Mac and Windows. Once in a while when I'm on my personal Windows laptop, I click on one of those Win10 pre-login screen with pretty scenery and see where it is. It opens up a Bing result page on MS Edge. Then I click on the Bing Maps page to see where that place is.

It catches me off-guard every time I do this that when I scroll (mouse scroll, or trackpad scroll with two fingers), it scrolls the map instead of zooming in and out.

This is one of those cases where, yeah, maybe it makes more sense that when you "scroll" in a mouse or trackpad, the map scrolls, but the pre-established convention is different and it just doesn't feel good as a UX. It's like on the NES, once in a while you run into a game where A is shoot and B is jump. It's weird and it doesn't feel great.

By the way, this isn't a Google Maps or Bing Maps difference, it's a browser difference. Google Maps and Bing Maps behave the same on Chrome and Firefox -- in both cases, scrolling on trackpad will zoom. On MS Edge, both Google Maps and Bing Maps will cause the map to scroll when you scroll on trackpad.
install go
Tags: go
Published: 2020-05-15 06:58:13

ขั้นตอนการติดตั้งเพื่อเขียนภาษา go อ้างอิงตาม version ปัจจุบันที่เขียน blog นี้คือ version 1.17.3

**ขั้นตอนแรก** Download และติดตั้งภาษา go

https://golang.org/dl/

_คำแนะนำ_ สำหรับคนที่ใช้ Macbook ผมแนะนำส่วนตัวว่าให้ติดตั้งแบบใช้ tar.gz แล้ว extract ไปวางไว้ที่ไหนก็ได้ **ยกเว้น** **~/go** ยกตัวอย่างเช่น ~/sdk/go เป็นต้น จากนั้นให้เพิ่ม env GOROOT=~/sdk/go และเพิ่ม $GOROOT/bin เข้าไปใน $PATH ก็พอ

ตัวอย่างคำสั่ง

```sh
export GOROOT=~/sdk/go
export GOPATH=~/go
export GOBIN=$GOPATH/bin
export PATH=$PATH:$GOROOT/bin:$GOBIN
```
ซึ่งสามารถนำคำสั่งเหล่านี้ไปเพิ่มไว้ใน ~/.profile หรือ  ~/.zshrc หรือตามแต่ว่าจะใช้ shell ตัวไหนได้เลย

**ทดสอบการติดตั้ง**

สามารถทดสอบเราทำการติดตั้งสำเร็จได้ด้วยคำสั่งเหล่านี้
```go
go version
go version go1.17.3 darwin/amd64
```

ขั้นนตอนต่อมา เมื่อต้องการเขียนโปรแกรม เราสามารถไปเขียนที่ไหนก็ได้ ยกตัวอย่างเช่น

[linux/darwin]
> ~/projects/go/hello

[windows]
> c:\projects\go\hello

**เริ่มสร้าง module**
คำสั่ง go mod init [module name] ตัวอย่างเช่น
> go mod init hello
หรือ
> go mod init github.com/myname/hello

จากนั้นสร้างไฟล์ main.go แล้วเริ่มเขียนโค้ดได้เลย

```go
package main

func main() {
    fmt.Println("Hello, world")
}
```

**วิธีรัน**

> go run main.go

เพียงเท่านี้ก็สามารถเขียนภาษา go ได้แล้ว
Is Dart a good programming language?
Published: 2020-05-15 06:43:57

Hey, I am yours, to be a friend! I will assure you that you simply area unit here during this course, as a result of you would like to form an American state your friend within the close to future!  Unable to induce United Nations agency am I! I'm flutter!
dart syntax


My story
flutter

I am Google's UI toolkit to assembling stunning, natively compiled applications for mobile, web, and desktop from one codebase. Yes, you scan it right! I'm a google product! And you'll run American state on completely different platforms with simply one code base...

I know you're desirous to learn me(Flutter)! however, hold on... To be my friend you'll want to facilitate from my brother Dart... So, you are looking to induce started with Flutter development, however, have simply acknowledged that Flutter development, however, have simply acknowledged that Flutter uses the Dart programming language?

dart flutter
Don't worry, since you've got given a hand of friendly relationship to American state, during this entire course, I will be able to be with you and teach Dart! I will be able to confirm you master it! With American state being there, I will be able to confirm you're up and running with Dart in order that we will be friends as before long as possible! therefore with none any delays,
Thảo Dược Catiplus
Tags: health
Published: 2020-05-15 06:30:45

Thảo Dược Đông Y CATIPLUS– Hỗ trợ điều trị Tiểu đường, giúp hạ và ổn định đường huyết từ căn nguyên, cải thiện các biến chứng tiểu đường, khôi phục sức đề kháng của cơ thể do uống thuốc Tây lâu ngày.
https://ondinhtieuduong.com/
Difference between npm install and npm ci
Tags: npm, javascript
Published: 2020-05-15 06:20:11

---
title: Difference between npm install and npm ci
published: true
description: Difference between npm install and npm ci
tags: npm, javascript
---
The main differences between using *npm install* and *npm ci* are:

The project must have an existing package-lock.json or npm-shrinkwrap.json.

If dependencies in the package-lock do not match those in package.json, npm ci will exit with an error, instead of updating the package-lock.
npm ci can only install entire projects at a time: individual dependencies cannot be added with this command.

If a node_modules is already present, it will be automatically removed before npm ci begins its install.

It will never write to package.json or any of the package-locks: installs are essentially frozen.
Beta Release: Website Scanner to Improve Performance and SEO
Tags: beta, service
Published: 2020-05-15 06:10:33

When working on web page projects, I like to use external services that rank my page. One of these Scanners is [Lighthouse](https://developers.google.com/web/tools/lighthouse), a Google Chrome plugin that checks a page for performance, SEO and best practices. If you just want to scan a page without using Chrome and the plugin, you can head over to my lighthouse-as-a-service webpage:

[https://laas.admantium.com/](https://laas.admantium.com/)

Simple enter a URL or domain you want to scan, and press enter. After some time, you can browse a comprehensive reports and learn about how to enhance your webpage.

Tell me how you like it :)
Quick Tip – How to convert a Java List to a Java String
Tags: java, todayilearned
Published: 2020-05-15 15:53:05

---
title: Quick Tip – How to convert a Java List to a Java String
published: true
date: 2020-05-15 06:00:00 UTC
tags: Java,TodayILearned
canonical_url: https://10xlearner.com/2020/05/15/quick-tip-how-to-convert-a-java-list-to-a-java-string/
---

Hello ! I’m Xavier Jouvenot and in this small post, I am going to explain how to convert a Java `List<Integer>` to a Java `String`.

_Self promotion_: You can find other articles on Android development on my [website](www.10xlearner.com) 😉

## Solution

For the people who only want the solution, to quickly copy-paste it in there code, here it is 😉

```
List<Integer> my_list;
// some code to fill the list ...

StringBuilder sb = new StringBuilder();
for (int i = 0; i < my_list.size(); ++i)
{
    sb.append(my_list.get(i));
    if(i != my_list.size() - 1)
    {
        sb.append(", ");
    }
}
String s = sb.toString();

```

## Explanation

If you read this, it may be that you want to understand how the previous solution achieve the goal of transforming the `List<Integer>` into a `String`, and this is what I am going to try to explain. 🙂

First of all, we create the list and fill it with whatever integer you want. And we create a [StringBuilder](https://docs.oracle.com/javase/7/docs/api/java/lang/StringBuilder.html) which is going to help us doing the transformation.

Then, we transfer the information from the [List<Integer>](https://docs.oracle.com/javase/8/docs/api/java/util/List.html) to the `StringBuilder` and format it how we want to. In our case, we are separating the each numbers of the list with a comma and a space.

Finally, we create a [String](https://docs.oracle.com/javase/7/docs/api/java/lang/String.html) with all the information we want, by using the method `toString` of `StringBuilder`.

* * *

Thank you all for reading this article,And until my next article, have a splendid day 😉

## Interesting links

- [StringBuilder documentation](https://docs.oracle.com/javase/7/docs/api/java/lang/StringBuilder.html)
- [List documentation](https://docs.oracle.com/javase/8/docs/api/java/util/List.html)
- [String](https://docs.oracle.com/javase/7/docs/api/java/lang/String.html)
- [10xlearner website](www.10xlearner.com)
LeetCode Practice/Mock Interviews
Tags: leetcode, softwareengineer, interview, pairprogramming
Published: 2020-05-15 05:46:13

Hi guys! 

I am a senior at DePauw University (graduating within few days), majoring in Computer Science. During start of my senior year, I started practice problems on LeetCode for different interviews. However, I started to really enjoy the problem solving aspect of this process. And because of that I solve few problems every week. 

I have started to maintain a Github repository of all the questions that I am going to attempt from May on wards. 

Please let me know if there's any question you would want to me to solve and I would take a shot at it!! 

Also, I also open to do pair-programming/mock interviews. Email me at daniyalsaqib9@gmail.com for either one of those! 

Github Link: https://github.com/msaqibdani/LeetCode-Practice

P.S: It's in Python
What are *args and **kwargs in python?
Tags: python
Published: 2020-05-15 05:24:39

*args and **kwargs are used to send multiple arguments to a function without changing the function definition

Consider a function foo that accepts four numbers and prints the sum

```
def foo(a, b, c, d):
    sum = a + b + c +d
    print("Sum =", sum)

foo(20, 30, 40 ,50)
```
Using *args:
```
def foo(*args):
    sum = 0
    for number in args:
        sum = sum + number
    print("Sum =", sum)

foo(20, 30, 40 ,50)
```
Leetcode:'Contains Duplicates' 🤔 🤔
Tags: challenge, codenewbie, beginners, ruby
Published: 2020-05-15 05:10:05


The Leetcode contains duplicates problem requires one to write a program that returns true if there are duplicates in an array and false if every element in the array is distinct. 

Solution:

<code>
  if nums.uniq.length == nums.length
        return false
    else
        return true
    end
</code>


<a href="https://www.youtube.com/watch?v=3g7BGGzGw5I">Video Walkthrough</a>
E6: A Brief Guide in Color Theory
Tags: ux, ui, design, designer
Published: 2020-05-15 05:03:22

💪This is a brief guide in Color theory
In this video, we will discuss the basics of color theory and the color combinations which can be effectively applied in your design creating process.

Keywords: Color Wheel, Color Models (additive/subtractive color model), Color Harmony (Monochromatic, Analogous, Complementary, Split-Complementary, Triadic, Tetradic/Double-Complementary)

Colorcom's research: 
https://www.colorcom.com/research/why-color-matters

More info about colors here: https://tubikstudio.com/

⬇️Previous episodes:
- [Are You New to UX? Here Are The Best 5 Tips (And How To Actually Make Them Work)](https://dev.to/eleftheriabatsou/e2-are-you-new-to-ux-here-are-the-best-5-tips-and-how-to-actually-make-them-work-4id4)
- [Should Designers Learn To Code & Why It's Not A Good Question] (https://dev.to/eleftheriabatsou/e1-should-designers-learn-to-code-why-it-s-not-a-good-question-860)!
- [7 Practical & Effective Methods To Improve At Visual/UI Design](https://dev.to/eleftheriabatsou/3-7-practical-effective-methods-to-improve-at-visual-ui-design-3480)
- [To Be a Successful UX Designer Give up these 15 Things](https://dev.to/eleftheriabatsou/4-to-be-a-successful-ux-designer-give-up-these-15-things-j0c)
- [New to a UX workplace? Know these 22 things!](https://dev.to/eleftheriabatsou/5-new-to-a-ux-workplace-know-these-22-things-45gd)

👋Hello, I' m Eleftheria, an app developer, master student, freelancer, public speaker, and chocolate lover.

This is a new series on my channel and I'm going to be talking about UX and UI.
This is the 6th episode out of 8.
If you have any feedback, please do share it with me. Thank you.



😎Top 3 list:
- How to stay motivated | A developer's edition | @BatsouElef: https://youtu.be/qMvEtb5OxNo
- How to be a Better Problem Solver | Tips and solutions: https://youtu.be/dELt7yKIxIA
- Simple Tips to Build a Personal Brand as a Developer (+ personal examples): https://youtu.be/7s0o1gi0iP0

🥰If you liked this video please share

🍩Would you care about buying me a coffee? You can do it here: [paypal.me/eleftheriabatsou](paypal.me/eleftheriabatsou) but If you can't that's ok too!


**************************************

🙏It would be nice to subscribe to my [Youtube](https://www.youtube.com/c/EleftheriaBatsou) channel. It’s free and it helps to create more content.

🌈[Youtube](https://www.youtube.com/c/EleftheriaBatsou) | [Codepen](https://codepen.io/EleftheriaBatsou) | [GitHub](https://github.com/EleftheriaBatsou) | [Twitter](https://twitter.com/BatsouElef) | [Site](http://eleftheriabatsou.com/) | [Instagram](https://www.instagram.com/eleftheriabatsou/)