teleren/devto huggingface dataset:
4 Tips To Improve The Website Design

Tags: webdev, webdesign, javascript
Published: 2021-03-03 13:25:51

A good website design is essential to <a href="https://saradanews.com/how-to-gain-more-organic-traffic/">get more visitors</a>. Most people will prefer a website with a good design between two websites with similar content. As the number of visitors to the website increases, sales also increase. Hence, optimizing the website design is very crucial. If you want to create a good website design, mentioned below are a few tips shared by <a href="https://www.repindia.com/website-design-development.php">website design and development</a> experts of the industry:

<h2>Create a mobile-friendly version of the website</h2> 
Gone are the days when people had to operate a desktop for using the internet. As smartphones started entering the market over the past few years, people started preferring mobile phones to search for something on the internet. Hence, it is crucial for all businesses to create a mobile-friendly version of the website. Also, the search engine ranks websites higher that are mobile-friendly. If you have not created a mobile-friendly version of the website yet, you should do it as soon as possible. 


<h2>People should be able to easily navigate </h2>
If people find the website confusing and are not able to understand the navigation, they will leave the website. Hence, it is absolutely crucial to ensure that the website is designed in a manner that people can easily navigate. You can do so by adding more descriptive and crisp labels that are easy to understand. Do not add too many items to the menu bar. It will start appearing very cluttered. Have a fixed navbar bar as well. With better navigation on the website, you can attract more customers. 

<h2>Fast website loading speed for a lower bounce rate</h2> 
The website loading speed is one of the most crucial aspects that have to be taken into consideration while designing a website for your business. If the website takes a lot of time to load, most visitors will leave that website and look for alternatives. In many cases, delay during transactions makes most people leave the cart. Hence, you will start losing customers. There are various ways you can improve the website loading speed. For starters, you can remove unnecessary big images and JavaScript files. Also, you can use a Content Delivery Network (CDN) service. 

<h2>Have a clear Call to Action button</h2>
A CTA button on the page matters a lot. Even the colour you choose for the Call to Action button has a huge impact. According to a survey, the best colour for CTA buttons is orange. It boosts conversion rates by almost 32.5%. Whereas other colours like red boost rates by 21%. Hence, an orange CTA button is a more preferable option. Also, choose words for the CTA buttons that will easily attract visitors.
REST architectural constraints
Published: 2021-03-03 13:25:51

REST is a distributed network platform that uses Web protocols and technologies. The REST architecture includes client and server interactions built around resource transfer.
Additionally, online publishers use REST by enabling Web page content and XML statements while delivering syndicated content to users. Users can access the web page through the URL of the website, read the XML file with a web browser, and interpret and use data as appropriate.

> Constraints in REST

There are 6 constraints in REST. Such constraints limit the way the server can manage and respond to client requests, such that the system achieves desirable non-functional properties such as consistency, scalability, usability, editability, accessibility, portability and reliability by working within these constraints. If a system violates any of the necessary constraints, it cannot be called RESTful.

1. uniform interface
2. client-server
3. stateless
4. cacheable
5. layered system
6. code on demands

**Uniform interface**

As the name of the constraint itself applies, you MUST determine the APIs interface for resources within the network that is exposed to and faithfully followed by API users. A device resource should have only one logical URI, and that should provide a way to get relevant or supplementary data.

![uniform interface](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dq3ff4jeq0i50pjobf0w.jpg)

**Client-server**

This basically means that applications for clients and servers Should be able to develop independently without any reliance on each other. A client should only know URIs for resources. 

![client s erver](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m2y68pwitblipbw9bf80.jpeg)

**Stateless**

If the client application needs to be a stateful application for the end-user, where the user logs in once and then conducts other approved operations, then each client request will include all the information required to support the request–including authentication and authorization details. 

![Screenshot (184)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yim9o6fq7hxtdd0tpvsk.png)

**Cacheable**

In REST, where necessary, caching must be applied to resources, and then those resources MUST declare themselves cacheable. Server or client-side caching may be applied. 

![cacheable](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hgy4bloy26njosislw10.jpg)

**Layered system**

REST allows you to use a layered system architecture to deploy the APIs on server A, store data on server B, and, for example, authenticate requests in server C. A client can’t normally say whether it’s directly connected to the end server, or to an intermediary along the way. 

![Screenshot (185)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qyjn1hjb52yr9ksyafyv.png)

**Code on demand**

The constraint is optional. Most of the time, you’ll send the static resource representations in XML or JSON format. But if you need to, you are free to return executable code to support a component of your application.
notes on how to catch a star
Tags: ruby, markdown, devjournal
Published: 2021-03-03 13:24:42

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9iv99m8vbxs8qkk1cjgo.jpg)

an ode to deploying your ideas to the world and to the art of dev-flavored note-taking. while we are on the subject of deploying ideas, congratulations and thank you to the perseverance rover for sending over a “hello, world” note from the neighboring planet, your forever home. hello, perseverance rover. your old home is proud of you.

further reading: centimentalcomics.com
install gem invisible_captcha with devise
Tags: rails, devise, invisiblecaptcha
Published: 2021-03-03 13:23:45

---
title: install gem invisible_captcha with devise
published: true
tags: rubyonrails,devise,invisiblecaptcha
canonical_url: https://blog.corsego.com/gem-invisible-captcha
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/33qrgpluv622nfc4t6jo.png
---

You **need** a captcha tool in your app.

Why? For fewer bot sign-ups!

You **don't need** Google Recaptcha in your app:

Instead - try an open source Ruby alternative!

Quick guide to add [gem invisible\_captcha](https://github.com/markets/invisible_captcha) to your devise registrations:

gemfile:

```
gem 'invisible_captcha'
```

console:

```
bundle
rails g devise:controllers users -c=registrations
```

app/controllers/users/registrations\_controller.rb

```
class Users::RegistrationsController < Devise::RegistrationsController
  invisible_captcha only: [:create]
```

routes.rb:

```
  devise_for :users, controllers: {
    registrations: 'users/registrations'
  }
```

app/views/devise/registrations/new.html.erb, inside the form:

```
<%= invisible_captcha %>
```

That's it! And no dependency on external API!

![invisible-recaptcha-gem](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hb0fzwglj0f3yrkokxjg.png)
![spam detected](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ym8rxfyfpy7yd8i0b26n.png)

****

[Alternative wiki to install Google REcaptcha gem](https://github.com/heartcombo/devise/wiki/How-To:-Use-Recaptcha-with-Devise)
Scraping Currency Data from Yahoo Finance with Python and Beautiful Soup
Published: 2021-03-03 13:23:14

Today we are going to see how we can scrape currency data using Python and BeautifulSoup is a simple and elegant manner.

This article aims to get you started on a real-world problem solving while keeping it super simple, so you get familiar and get practical results as fast as possible.

So the first thing we need is to make sure we have Python 3 installed. If not, you can just get Python 3 and get it installed before you proceed.

Then you can install beautiful soup with.
We will also need the library's requests, lxml, and soup sieve to fetch data, break it down to XML, and to use CSS selectors. Install them using.
Once installed, open an editor and type in.


Now let's go to the Yahoo currency page and inspect the data we can get.

This is how it looks.
Back to our code now. Let's try and get this data by pretending we are a browser like this.
Save this as yahoo_currency_bs.py.

If you run it.
You will see the whole HTML page.

Now, let's use CSS selectors to get to the data we want. To do that, let's go back to Chrome and open the inspect tool.
We notice that all the individual rows of data are contained in a with the class that begins with 'data-row.' We can get BeautifulSoup to select that data like this.
This prints all the content in each of the rows.

We can now pick out classes inside these rows that contain the data we want. The currencies are in elements with the class, which increments from data-col0, data-col1, data-col2. This makes life easy for us.
If you run it, it will print out all the Currency symbols.
Bingo!! We got the currencies.

Now with the same process, we get the other data like Name, the last price, change, change percentage, etc.
We even added a separator to show where each symbol data ends. You can now pass this data into an array or save it to CSV and do whatever you want. If you want to use this in production and want to scale to

If you want to use this in production and want to scale to thousands of links, then you will find that you will get IP blocked quickly by Yahoo. In this scenario, using a rotating proxy service to rotate IPs is almost a must.

Otherwise, you tend to get IP blocked a lot by automatic location, usage, and bot detection algorithms.

Our rotating proxy server Proxies API provides a simple API that can solve all IP Blocking problems instantly.

With millions of high speed rotating proxies located all over the world
With our automatic IP rotation
With our automatic CAPTCHA solving technology
With our automatic User-Agent-String rotation (which simulates requests from different, valid web browsers and web browser versions)
Hundreds of our customers have successfully solved the headache of IP blocks with a simple API.

A simple API can access the whole thing like below in any programming language.
Visualize data with the UI Bakery internal tool builder
Tags: webdev, productivity, technology, uiweekly
Published: 2021-03-03 13:00:31

Allow your team, clients, investors, stakeholders to see & analyze business data more conveniently using the UI Bakery #datavisualization tool 😎


– Connect your datasources under one #UI.
– Create a scalable data analysis tool.
– Represent data as a chart, graph, table, map, dashboard, etc.


[Learn more about the solution](https://uibakery.io/solutions/data-visualization-tool?utm_campaign=ui_bakery%20-%20data_visualization%20-%20ppc%20-%20information&utm_source=DevTo&utm_medium=general&utm_content=info_post)
Daily Developer Jokes - Wednesday, Mar 3, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-03-03 13:00:20

---
title: "Daily Developer Jokes - Wednesday, Mar 3, 2021"
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=Wednesday%2C%20Mar%203%2C%202021"
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/5e1258b2d77d4.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's the second movie about a database engineer called?

___A:___ The SQL.
 -->
Zeal documentación de programacion offline
Tags: tip, software
Published: 2021-03-03 12:47:19

---
title: 'Zeal documentación de programacion offline'
tags: ['tip', 'software']
published: true
canonical_url: https://marceloandrader.github.io/blog/2021/03/03/zeal-documentaci%C3%B3n-de-programacion-offline/
---

Como desarrolladores de software es imposible saber de memoria
todas las API de un lenguaje de programación, la opción más fácil
cuando dudas de algo o quieres encontrar más información
acerca de una función o clase es buscarla en google y la mayoría de veces
te va a llevar a la documentación oficial de la herramienta.

Esto funciona de maravilla si estás conectado a Internet. El problema
surge cuando no estás conectado o tienes una conexión tan lenta
que desespera y tienes que continuar con tu trabajo.

Para solucionar esto en mac tenía una excelente app denominada
[Dash](https://kapeli.com/dash) pero cuando me pase a linux definitivamente
encontre esta alternativa que es muy buena también y funciona en windows
[Zeal](https://zealdocs.org/).

Estas aplicaciones de escritorio te permiten descargar `docsets` que son
archivos zip de la documentación requerida y que puede ser indexada por la
aplicación, de tal forma que buscar información es muy rápida y eficiente.

Hay como 200 docsets creados directamente por Dash, que son compatibles con
Zeal, pero también puedes crear tus propios docsets con estas
[indicaciones](https://kapeli.com/docsets), alguna vez cree el docset para
knockout.js ya que estuve trabajando con esa librería por un tiempo.

Descubrí esta opción porque muchas veces tuve que trabajar
desde la sala de espera de un médico o durante una sesión de terapia
de mi hija, la conexión a través del teléfono no siempre es buena y esta
aplicación me ha salvado muchas veces.


![Zeal Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hqomhlozt1bijx73pp47.png)
Generate HTML Reports with SeleniumBase
Tags: testing, python, webdev, tutorial
Published: 2021-03-03 12:46:41

In this post, we will go over how we can generate Dashboard and HTML reports with the SeleniumBase framework. SeleniumBase has in-built capabilities to generate reports without having to do any additional configuration. Let’s take a look at how we can do that:

### Dashboard Report
Dashboard reports can be used to get a high-level overview of all the test runs. You can generate the reports by running the following command –

`pytest --dashboard --rs --headless`

![generate dashboard report](https://automationbro.com/wp-content/uploads/2021/03/dashboard.png)

---

### HTML Report
Along with the Dashboard report, you can also generate a detailed HTML report which will provide you with log information if tests failed. The HTML report can also be easily generated by running a single command –

`pytest --html=report.html`

![generate html report](https://automationbro.com/wp-content/uploads/2021/03/html_report.png)

The HTML report will also attach the screenshot if a test fails which will make debugging your code a lot easier.

---

#### **Check out the video below to learn more about generating reports using the SeleniumBase framework –**

{% youtube pLg1uwjHE9E %}

---

📧 Subscribe to my [mailing list](https://automationbro.com/mailing-list) to get access to more content like this 

👍 Follow [automationbro](https://twitter.com/automationbro) on Twitter for the latest updates

...

I love coffees! And, if this post helped you out and you would like to support my work, you can do that by clicking on the button below and buying me a cup of coffee -

<a href="https://www.buymeacoffee.com/automationbro">![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/i/4aw2ub3f4qkyjk0ivwt4.png)</a>

You can also support me by liking and sharing this content.

Thanks for reading!
March LeetCoding Challenge 2021 — Day 3: Missing Number
Tags: algorithms, computerscience, codenewbie, programming
Published: 2021-03-03 12:36:11


## **Problem Statement**

Given an array nums containing n distinct numbers in the range [0, n], return *the only number in the range that is missing from the array.*

**Example 1:**

    **Input:** nums = [3,0,1]
    **Output:** 2
    **Explanation:** n = 3 since there are 3 numbers, so all numbers are in the range [0,3]. 2 is the missing number in the range since it does not appear in nums.

**Example 2:**

    **Input:** nums = [0,1]
    **Output:** 2
    **Explanation:** n = 2 since there are 2 numbers, so all numbers are in the range [0,2]. 2 is the missing number in the range since it does not appear in nums.

**Example 3:**

    **Input:** nums = [9,6,4,2,3,5,7,0,1]
    **Output:** 8
    **Explanation:** n = 9 since there are 9 numbers, so all numbers are in the range [0,9]. 8 is the missing number in the range since it does not appear in nums.

**Example 4:**

    **Input:** nums = [0]
    **Output:** 1
    **Explanation:** n = 1 since there is 1 number, so all numbers are in the range [0,1]. 1 is the missing number in the range since it does not appear in nums.

**Constraints:**

* n == nums.length

* 1 <= n <= 104

* 0 <= nums[i] <= n

* All the numbers of nums are **unique**.

## **Solution**

This problem can be solved in multiple approaches. We have to find a missing number from an array.

Approach 1 — Sorting: We can use sorting to solve this problem. Once the array is sorted, we can check the adjacent elements and check the difference between them. If the difference is greater than 1, then we have found our missing number, the number in between these two number at i-th and (i+1)-th index.
{% gist https://gist.github.com/sksaikia/df5e458c663546203464d68f78c2532e.js %}
Time Complexity: O(nlogn), This time is required to sort the array

Space Complexity: O(1), No extra space is used

Approach 2 — HashSet: We can use HashSet to solve this problem. We will store the numbers in the HashSet and in the second iteration, we will check from 0 to n if any number is absent then we return it.
{% gist https://gist.github.com/sksaikia/053e211a241975c1eebc125dceeabc67.js %}
Time Complexity: O(n)

Space Complexity: O(n)

The code can be found here

{% github sksaikia/Leetcode %}
How Do Colors Influence Purchases?
Tags: color
Published: 2021-03-03 12:32:34



A great deal is decided by visual cues, the strongest and most persuasive being color. When marketing new products it is crucial to consider that consumers place visual appearance and color above other factors such as sound, smell, and texture. To learn more about color psychology and how it influences purchases, see the infographic.

Please click on the image to enlarge it 
![Color Psychology ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8l7nilazd801u1kykvdy.png)

##Color Buyer Psychology

For retailers and shopping, the <a href="https://www.treasury.gov/cgi-bin/redirect.cgi/?https://rankmove.com/"> treasury</a> is the art of persuasion. Though there are many factors that influence how and what online consumers buy.
3 libri che ogni sviluppatore deve leggere 📚 - Italiano
Tags: books, career, beginners, italian
Published: 2021-03-03 12:26:41

`Hello World!` Oggi vedremo tre libri che ti consiglio di leggere come sviluppatore. Anche se i tutorial sono migliori quando si impara una particolare tecnologia, i libri sono insostituibili per apprendere un'abilità in profondità o per comprendere un particolare concetto.

> Non guadagno per nessuno di questi link

---
## Code: The Hidden Language of Computer Hardware and Software
Scritto da Charles Petzold

![image](https://dev-to-uploads.s3.amazonaws.com/i/s6m00e88mxgrcyiexkv5.png)
 
> Cosa hanno a che fare le torce elettriche, l'invasione britannica, i gatti neri e le altalene con i computer? In CODE, ci mostrano i modi ingegnosi con cui manipoliamo il linguaggio e inventiamo nuovi mezzi per comunicare tra loro. E attraverso CODE, vediamo come questa ingegnosità e la nostra stessa umana costrizione a comunicare hanno guidato le innovazioni tecnologiche degli ultimi due secoli.

Il libro parte dalle basi dell'informatica e approfondisce lo studio di come è fatto un computer. Penso serva dire che non hai bisogno di un background matematico per capirlo.

[Su Amazon](https://www.amazon.com/Code-Language-Computer-Hardware-Software/dp/0735611319) - Non troppo costoso (anche da consegnare in Italia)

---

## Clean code
Scritto da Robert C. Martin

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

> Anche un codice errato può funzionare. Ma se il codice non è pulito, può mettere in ginocchio un'organizzazione di sviluppo. Ogni anno, innumerevoli ore e risorse significative vengono perse a causa di un codice scritto male. Ma non deve essere così.

Il libro presenta una prospettiva ben strutturata su come dovrebbe apparire il codice, in modo che il codice sia leggibile e gestibile.

[Su Amazon](https://www.amazon.co.uk/Clean-Code-Handbook-Software-Craftsmanship/dp/0132350882) - La versione Kindle è facilmente abbordabile 

---

## Cracking the coding interview
Scritto da Gayle Laakmann McDowell

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

> Non sono un reclutatore. Sono un ingegnere del software. E come tale, so cosa vuol dire quando di chiedono di creare algoritmi brillanti sul posto o di scrivere un codice impeccabile su una lavagna. Ci sono passato - come candidato e come intervistatore.

[Su Amazon](https://www.amazon.co.uk/Cracking-Coding-Interview-6th-Programming/dp/0984782850)

---

Buona lettura! Rircodati il like ❤️

Versione Inglese:

{% link https://dev.to/devlorenzo/3-books-every-developer-should-read-43el %}

Da leggere:

{% link https://dev.to/devlorenzo/how-to-write-css-like-a-pro-4glj %}

{% link https://dev.to/devlorenzo/the-ultimate-compilation-of-cheat-sheets-100-268g %}