teleren/devto huggingface dataset:
Create responsive web components quickly with TailBlocks
Tags: webdev, css, html, github
Published: 2020-06-17 11:38:33

Recently I got to know about Tailwind CSS. It's a highly customizable low-level CSS framework that can help you to create beautiful websites quickly and easily, according to them.

They have a ready to use block building tool named **TailBlocks** and this article is all about it.

## How to use
To use TailBlocks, first you have to add the Tailwind CSS file to your Html code. Or you can add their CDN build.

### Step 1
Add this code to your html.
```
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
```
Or, go to this page for all links: https://tailwindcss.com/docs/installation/

### Step 2
Go to https://mertjf.github.io/tailblocks/ and choose a block.

### Step 3
Click on the '**View Code**' button and copy the code of that block.

Then, paste the code inside `body` tag.

To add another block, do the same procedure again.

Here is a quick demo of a complete landing page built just using Tailblocks along with Tailwind CSS.

{ [View Demo](https://codepen.io/knyttneve/full/ZEbQepZ) }

## Video Tutorial
{% embed https://www.youtube.com/watch?v=BQqzZ5HTW-Q %}

## Best Web Components:
Here're some of the best professional web components & landing pages for your commercial web projects.

- [Elemento UI Kit (3000+ UI Components)](https://1.envato.market/JrQ3zE)
- [Aveit - Professional Business Landing Page](https://1.envato.market/XxZPYg)
- [SAAS Landing Page with 98+ Demos](https://1.envato.market/zaqQN6)

## Disclaimer:
This technique can never replace the traditional web development. But, if you know html, css very well, you can use Tailblocks to deploy your/your client's sites quickly and easily.
How Information Science Is Changing The World
Published: 2020-06-17 11:36:51

Gurgaon is one quickest growing cities in India as we speak. To cater to the demand, quite a lot of institutes have began in Ameerpet, and are now spreading throughout totally different areas like Madhapur, KPHB, and many others.Earlier than enrolling in any information science coaching, think whether or not you are actually passionate and might dedicate time to understand it. Unlike different fields of laptop science, it requires a number of consistent follow to grasp the nuances of various ideas in this business.

The course curriculum in this Data Science Training In Hyderabad Program is specially designed by specialists to enrich the current trade requirements. So, join the most effective knowledge science course in hyderabad to enhance your IT career. Get conversant in Knowledge Science & data analytics studying Techniques for novices. When you determine to join Intellipaat's Knowledge Science certification in Hyderabad, we are going to make sure that you not solely acquire the precise expertise as per industry requirements but additionally get profitable jobs.

Knowledge Science is the study of data using scientific approaches to be able to extract helpful insights.Typically, corporations have troves of knowledge from which they'll make strategic selections or predict performance of the business in very exercise of analyzing information, manipulating it, and trying to get some answers to the questions constitutes Data Science.

Hyderabad has a perfect skill development ecosystem to enable learners to senior professionals to modify to Knowledge Science field. This Knowledge Science Training In Hyderabad will help the scholars acquire real-world arms-on insights for handling the actual-time business challenges on this Knowledge Science area. PURE LANGUAGE PROCESSING - Intro to Pure Language Processing (NLP), Phrase Frequency Algorithms for NLP Sentiment Evaluation, Case Study on Twitter information evaluation utilizing NLP. <a href="https://g.page/ExcelRSolutionsBanaglore?share">Data science certification</a>   


In response, information fanatics are upskilling by enrolling for online Data Science programs to make the best use of this opportunity. They are utilizing advanced machine studying and knowledge algorithms which frequently improves the person experience. Characteristic Choice for Machine Studying. Demonstrating break even and benefits analysis with Information Science Options. Our coaching program additionally inculcates you learn how to consistently keep yourself up to date, which is lacking in most of the trainings out there in the market.College students who are on prime of changing business requirements have a novel advantage available in the market, and they're always ahead of their rivals.

We are located at : 
Location : 
ExcelR - Data Science, Data Analytics Course Training in Bangalore
49, 1st Cross, 27th Main BTM Layout stage 1 Behind Tata Motors Bengaluru, Karnataka 560068
Phone: 1800-212-2120/ 070224 51093
Hours: Sunday - Saturday 7AM - 11PM
PyLadies Dublin June 2020 Virtual Meetup
Tags: pyladies, video, python
Published: 2020-06-17 11:24:57

{% vimeo 429824765 %}
* **When:** Tue, Jun 16. 2020 (18:30 - 19:30)
* **Event page:** [meetup.com/PyLadiesDublin/events/270123006/](https://meetup.com/PyLadiesDublin/events/270123006/)

For those who don't know me, I am the founder and main organiser for [PyLadies Dublin](https://dublin.pyladies.com). It was founded in 2013 at PyCon Ireland.

Since Covid-19 lockdown, this is our 2nd virtual meetup and it's our first time using Zoom to host it.

Huge thanks to [Python Ireland](https://python.ie) for offering to host our event. A shout out to [Dublin Maker](https://dublinmaker.ie) as our community partner.

We have 3 lightning talks, here's the running order:

- **Welcome & Announcements** by **[Vicky Twomey-Lee](https://eventgeek.ie)**
- Talk 1: **Cross platform games with Kivy** by **[Rigel Di Scala](https://www.linkedin.com/in/rigeldiscala/)**
- Talk 2: **Python and Load Balancer** by **[Natalia Raythz](https://github.com/shebangbash/)**
- Talk 3: **Neural Network using Genetic Algorithm** by **[Ajinkya Sakhare](https://www.linkedin.com/in/ajinkya-sakhare/)**
- Q&A

Talks, announcements, upcoming events, etc. are shared on this [collab pad](https://cryptpad.fr/pad/#/3/pad/edit/b76d00bc939b6e6d74ceb15b1c6df48a/) (we have one for each meetup).

We have a PyLadies channel on Vimeo: [https://vimeo.com/channels/pyladiesdublin/](https://vimeo.com/channels/pyladiesdublin/)

We also have a PyLadies Channel on Youtube: [https://www.youtube.com/channel/UCMunGHeQPceOWhNSqlmYWPg](https://www.youtube.com/channel/UCMunGHeQPceOWhNSqlmYWPg)

PyLadies Dublin are also on Twitter: [@PyLadiesDub](https://twitter.com/PyLadiesDub)

🌈 We are a community group that is open to everyone to join and participate. We are always on a look out for speakers (especially lightning talk speakers). If it helps you to jump in and give your first tech talk or get practice in front a small, friendly and enthusiastic community, let me know. 💪🏼
Calling all front end devs - how would you build this component?
Tags: css, webdev, discuss
Published: 2020-06-17 11:16:01

---
title: Calling all front end devs - how would you build this component?
published: true
description: It's not a hard one. There are many ways to build it, but I'm keen to learn from the community how others would tackle it.
tags: css, webdev, discuss
//cover_image: https://i.imgur.com/0zEPmI3.png
---

This is a real design I was given by the designers at my agency, though I've changed the colors/font in case they don't appreciate me sharing it publicly...

There's nothing complicated about it, really. Some of you might be looking at it and wondering why I'm even posting this. But I'm interested in your thought processes behind which CSS properties you reach for to dev this.

![Design file](https://i.imgur.com/0zEPmI3.png")

I'm talking specifically about the blue/green Newsletter call to action box, but I've given you the Further Reading section just to provide some context for the overall page layout.

The ruler lines are the original rulers from the designer's Sketch file. Everything on the page has some sort of relationship to these lines. 

So how would YOU go about setting up the page? And how would you build the layout of the component?
3 Easy Steps: Becoming an independent lady with technology
Tags: ladiesintech, beginners, codenewbie
Published: 2020-06-17 11:07:03

To be an independent Lady with technology means to be competent, exclusive, not subject to bias or influence with technology. Do you know that the first programmer was not a man, It was a woman.

Ada Lovelace, an English mathematician was called "the first computer programmer" for writing an algorithm for a computing machine in the mid-1800s. Another female tech genius is Grace Hopper. She was one of the most influential computer scientists of all time. She developed the first human-computer code compiler and helped popularize the term "bug".

One other person I so much admire is Ada Nduka Oyom, the founder of She Code Africa, it’s a platform committed to improving the Girl tech-education and celebration of code queens in Africa. Tho, we still have more ladies in technology who changed the world. If they can, you too can do better. 

The following are ways on how to become a competent lady with technology;

**1. Determination**
First and fore most decide on the technical skills you want to dive into and be determined that you are not going to give up until you achieve your goal.
Think about what your unique tech skills can bring to the world, and make a plan to utilize them for your best and highest purpose.
Don't let the fear of failure stop you. Don't let limiting beliefs stop you from moving forward. Mind you the determined ain't lazy
"To achieve something you've never achieved before, you need to become someone you've never been before"- says Led Brown

**2. Consistency**
Be consistent at the technical skills you choose. *It is said that the Little drops of water makes a mighty ocean*. You can dedicate 30mins of time each day to learn about your desired technical skills everyday. Learning every 30mins each day is better than learning 12hours at an interval of 2weeks. Practice on a daily basis!
**A little bit every day goes a long way.**
Welcome challenges too, cos there’s possibility of facing challenges. But don’t worry you’ll overcome. Just get on with it. The more you do it, the more you know it. Success doesn't come from what you do occasionally, it comes from what you do consistently. Like it or not, to be an independent Lady with technology you need to be consistent.

**3. Join a community**
One of the ways to remain in the tech industry and become competent as a female is through mentorship, peer networks, and social connections specifically for women.
When you're join a community of like minded individuals, you tend to share ideas, tips and resources together.
It enables growth too. I have come to understand that when you learn alone, of course you'll grow but it won't be at a faster pace, unlike learning with like-minded individuals.
Examples of tech communities that encourage ladies are; shecodeafrica, women techmakers, project 18, technovation,  markether, girlswhocode  e.t.c

I believe with the listed points above we can proudly represent women in technology and thereby have a better world to live. Be focused and keep doing amazing things. Thanks.
How Businesses Can Innovate in Retail with Latest Technology
Tags: ai, retail
Published: 2020-06-17 10:53:42

![Retail Software](http://perfectial.com/wp-content/uploads/2020/06/How-Businesses-Can-Innovate-in-Retail-with-Latest-Technology-1024x420.jpg)

With the ever-evolving consumer’s needs and requirements and the rapidly growing competition, it can be difficult for a retail business to keep up. New technologies are becoming a savior for this sector by granting the companies a range of exciting possibilities: from tools to create an unforgettable experience for customers both online and in-store to the chance of bringing innovation to the product creation. The retail software company can offer your business the true re-invention by conducting an in-store modernization or even complete digital transformation. So, let’s get to it and discover the latest technologies that innovate retail.

##Retail Entering the New Age

The growing sales in retail and higher income in this sphere, make the business owners strive for taking their companies to another level by introducing the latest technologies to them. The social changes are not only driven by new technologies but, in many cases, they determine the innovations these technologies achieve and form consumers’ preferences. Digital technologies can disrupt the retail sector and help it to enter the new age by re-inventing the supply chains and introducing new business models.

One of the technologies that are a big deal for the retail digitalization is 4G (and pretty soon 5G). They give customers permanent connectivity and thus, grant more possibilities for retailers. The evolvement of online payments and the introduction of cloud computing are moving the retail sector even further. With the majority of people having easy access to software and data technology, it’s becoming possible for retailers to gather data on their customers to analyze and introduce improvements or make their experience more personalized. Another technological breakthrough in the retail business software is 3D printing which is predicted to be a huge innovation driver in the nearest future.

The post [How Businesses Can Innovate in Retail with Latest Technology] (https://perfectial.com/blog/innovate-with-retail-software-company/) appeared first on [IT Consulting Company Perfectial](https://perfectial.com/).
Build a demo dataset for your product
Tags: product, demo, dataset
Published: 2020-06-17 10:42:14

I am working on a new product (btw it's name is [VALIS](https://meetvalis.com)) and we needed a fake dataset to showcase the product and it's functionalities, here some suggestion if you have to do the same[^apply]

[^apply]: it doesn't apply for every type of project :wink: 

**Start from a real world scenario that you know and you are familiar with**
    
Faking stuff is hard, better to stick with what you know and experience directly: take the data from your personal or work life and use to create the canvas for your demo dataset, next you'll replace names and other details.


**Make it familiar for your audience**

Who is your audience? Are they young? Is gender relevant? You probably already have a good idea about that if your are building a product, keep this in mind when choosing the actors in your dataset.

**Keep it as straightforward as possible**
    
The goal of your demo dataset is to showcase your product, not your demo dataset, try to make evident what is what: for example, use well known identifiers for companies (LLC, Inc, ...), locations (City, Lake, ... ), projects, etc. 

**About using existing brands**

Trademarks are a complicated issue, it may be fine to use existing brands or it may not, [treat with care](https://coveryourassetsonline.com/can-i-mention-famous-brands-products-or-popular-fictional-characters-in-my-marketing-copy/). When not sure, don't: better to avoid to recreate your demo and material because of trademark infringement.

**The holy grail: tailored demo data**

Can you think of a way of generating tailored demo data? maybe processing publicly available info from Wikipedia, GitHub or Crunchbase? Then go for it, showcasing a product using your client data will be way more effective than using unknown or fake data.

**What about well known dataset?**

It depends, well known for who? If your are not 100% sure that your audience is familiar with a topic is safer to assume that they are not. 


And since your are here, check out [VALIS](https://meetvalis.com)!
Introduction To Pyrebase Storage
Tags: firebase, googlecloud, python, database
Published: 2020-06-17 10:15:29

Hi, guys today we will be seeing about **pyrebase**(a firebase library for python).Firebase(pyrebase) is made by Google.
So I think this we will be the last chapter of this series In this post, we will be seeing how to get started with Firebase Storage

# What is Firebase
**Firebase** is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google in 2014. As of March 2020, the Firebase platform has 19 products, which are used by more than 1.5 million apps

# GETTING STARTED
So before continuing further I assume you have python and pip installed

# CONCLUSION
So hope you guys understood how to use firebase storage in pyrebase. Also if you guys want i can make a whole firebase website using pyrebase if this post gets a 500 hearts or unicoror  and if you are looking for cloud hosting I recommend <a href="https://m.do.co/c/63a3ac211390"> Digital Ocean</a>
Support me on Patreon => https://www.patreon.com/gogamic
Is 'R' or 'Rstats' the preferred tag for the R programming language on dev?
Tags: meta, discuss, r, rstats
Published: 2020-06-17 10:03:20

The language is called R.

There a strong convention of the tag #rstats being used in social media [such as Twitter](https://twitter.com/hashtag/RStats?s=09)

Is there a preference/canonical tag on dev.to? Is there reason to merge the tags (if that is even possible)? Does it even really matter?
Installing OpenSSL on Windows and adding to PATH
Tags: flipper, reactnative
Published: 2020-06-17 09:56:18

![OpenSSL](https://ik.imagekit.io/danilovieira/openssl_cDyANdjrR.jpg)

Let me guess... You just open the [Flipper](https://fbflipper.com/) and it shows that you do not have the openssl command on your PATH and you have no idea how to do this, right?
All right, keep calm, drink a coffee and pay attention to the following steps.

##Downloading and unzipping the binaries

You need to download the openssl binaries. This basically will execute the openssl on your computer.
Click on [this link](https://mirror.firedaemon.com/OpenSSL/openssl-1.1.1h-dev.zip) and the download will begins.

Now, unzip your file on some folder (i recommend you to do this on `C:\` directory) and rename the unzipped folder to `openssl` just for organization.

##Adding to PATH

Is very quickly and simple do this. 
- Go to your environment's variables, you can just search this on Windows menu;
- On this window, you will do all on **User's Variables**, NOT on System's Variables. Scroll to `path` option and click on it;
- Select the `Edit` option on bottom side;
- Select the `New` option on right side;
- If you did as I suggested (unzip the openssl folder on `C:\` directory), then you will paste `C:\openssl\x64\bin`, otherwise, paste the path to the openssl folder until the `bin` folder as `openssl\x64\bin`.

Now all its done. Click **Ok** on all windows, open your terminal and type `openssl version`. 
If it doesn't shows the openssl version, reboot your computer and try again. if it still doesn't work, do all steps again and 
if it still doesn't work, let me know in the comments... I will be happy on help you ^^.
What CSS tip do you want to share with others?
Tags: discuss, css, webdev, codepen
Published: 2020-06-17 09:55:06

The world of CSS is very wild. Let's help each other out by sharing things that give it some order!

I'll start!

You can ditch media queries for dynamically changing font-sizes by use of fluid typography. By using `min`, `max`, and `viewport units`, we can dynamically change the `font-size` and constrain so that they don't explode (or shrink).

Let's see an example. Let's say you want your header to be 2rem on mobile and 4rem on larger displays. Here's how you use fluid typography to accomplish that:

```css
h1 {
    // font-size: min(max({MIN_SIZE}, 4vw), {MAX_SIZE});
    font-size: min(max(2rem, 4vw), 4rem);
}
```

On most cases, 1rem = 16px, so our minimum font-size is 32px. This means that when the viewport width is less than 800px (0.04 * 800px = 32px), we will always have 32px as our font-size. This is perfect for mobile. When the viewport width is greater than 800px, our font-size will dynamically change along with the viewport, but never exceed 4rem = 64px.

`4vw` was just used as an example. You can change it to any value that suits your needs. 

To see this in action, try changing the viewport width of the pen below. I changed `4vw` to `8vw` to make the font-size increase faster (font-size acceleration?!):

{% codepen https://codepen.io/adrianmarkperea/pen/PoZbGdR %}

And that's it! In just one line of code, you can make your font-size responsive!

I hope this simple trick helps you guys out.
Share other awesome tips down below! 🎉
DAY 7: ARRAYS
Tags: python, beginners, codenewbie
Published: 2020-06-17 09:40:30

The challenge was focusing on arrays in Java but since I am learning python, I call them data structures and Python has various data structures such as lists, sets, tuples and dictionaries.

**Task:**
Given an array,*A* , of *N* integers, print *A's* elements in reverse order as a single line of space-separated numbers.
The first line of the input contains an integer, *N* (array size).
The second line of the input contains *N* space-separated integers describing array *A's* elements.

```python
# input the size of your list as an integer
n = int(input())

#user inputs the values
#strip() removes any leading or trailing whitespace
#split(' ') separates the values using space
#the values are then added to the arr list

arr = list(int(i) for i in input().strip().split(' '))

#loop through the reversed list and print the output 
for num in reversed(arr):
    print(num, end=' ')

'''
Sample Input:
4
1 4 3 2

Sample Output:
2 3 4 1
'''
```

I struggled a bit with this but I managed to get through it and learn even more about list comprehensions (more compact way to create lists without writing many lines of code). More practice is definitely needed so I am going to try and apply this technique more often so that I can familiarize myself with it better.
python-cron-migration | cronjobs managing
Tags: python, devops, cronjobs
Published: 2020-06-17 09:38:56


hey guys.

just published my new package:
https://github.com/itay-bardugo/python-cron-migration

the package helps developers to add/remove cronjobs with python by revision files which are composed through CLI

You can find more info on Medium:
https://medium.com/@itaybardugo91/python-cron-migration-cronjobs-managing-8b9ee1f1856e

I will be happy to hear what do you think.
Enjoy :-)
Use JavaScript to click a button for you
Tags: javascript, html
Published: 2020-06-16 18:59:27

So let's say you have a button on your website that you want to click a bunch of times for completely ethical purposes..

I'm going to show you how to do just that with **8 lines of code**.

# Let's get started

## Write a function

```javascript
function myFunction() {

}
```

## Select the button and assign to variable
There are going to be two ways to do this.

#### Select by ID
`var button = document.getElementByID('mybutton');`

#### Select by Class
`var button = document.getElementsByClassName('mybutton')[0];`
*In this example above, I select the first element using the class name specified using `[0]`.*

## Checking in
Your code should look like this now:
```javascript
function myFunction() {
    var button = document.getElementByID('mybutton');
}
```

## For loop
Next thing to do is setup a for loop. I could easily write a whole post on these but here's the syntax and a quick breakdown:
`for (i = 0; i < 20; i++) {`

![Start the loop at 0. Run it as long as i is less than 20. Increment by 1 each time it loops.](https://i.ibb.co/gv8XQcv/devto-jesse-jsforloop.jpg" alt="devto-jesse-jsforloop)

## Click the button
Finally, inside your for loop, you can tell your function to click the button using `.click()`.
`button.click();`

## End result
```javascript
function myFunction() {
    var button = document.getElementByID('mybutton');
    for (i = 0; i < 20; i++) {
        button.click();
    }
}
// Run the function:
myFunction();
```