teleren/devto huggingface dataset:
How to Convert your Python Scripts into Hosted Applications in Minutes
Tags: python, tutorial, serverless, startup
Published: 2021-01-25 14:12:07

Introduction
------------

In today’s tutorial we’ll look at how versatile the WayScript platform is, along with showing you how easy it is to execute a local Python script in a WayScript program. Specifically, we’ll be using a Python script with a command line function and converting it into a program that uses a Form Trigger module. Keep reading to learn more!

Building our Script
-------------------

To begin, we have a local Python script with a command line argument that passes a website – in this case, wayscript.com – to the script.  
  

![Tutorial step #1](https://wayscript.com/blog_img/171/1.png)

  
  
Now, we’ll convert this local script into a WayScript program. This example uses a Form Trigger module that collects information from a hosted URL. You can customize the title, description, and more for the module in the left screen toolbar. Once activated, the form can be viewed in a new tab. Anything that is submitted in the form then gets stored as a WayScript input that’ll be used later.  
  
Next, we’ll add a Python module to host the Python script we’ve already created. Copy the script and paste it in the code editor. The pasted code looks like this.  
  

![Tutorial step #1](https://wayscript.com/blog_img/171/2.png)

  
  
In order to get the code to work in WayScript, we’ll simply delete the highlighted code and tab the rest back over. Now, instead of using a command-line argument with the code 
<pre>
url = sys.argv[i]</pre> we’ll drag the input that was created from our earlier form submission after the “url =” portion of the code. With that, the local Python script is now hosted in WayScript.  
  
Now that the local script is hosted on the WayScript platform, there are many more options you could add to the program. For example, if you wanted to return a status code 200 back to the user after they submitted a form, you could do it by adding this line of code to create a WayScript variable: 
<pre>
variables[‘string’] = status</pre>
Then, by adding an HTTP Response module and dragging the newly created variable into the “Response Content” box, it would return a status code 200.  
  
There are plenty of other modules you could also use in this program. This is only one example of WayScript’s unique versatility. Start creating your own programs today and see just how much you can do!

Conclusion
----------

Questions about this script or anything else? Join our [discord](https://discord.gg/VWbXSbj). We're always around to help. If you want to work the full script template, just find it [here](https://wayscript.com/user/derricks/xVBKNBas).
What is GitHub Gist? Let's learn!
Tags: github, codenewbie, productivity
Published: 2021-01-25 14:11:18

---
title: What is GitHub Gist? Let's learn!
published: true
description: What is GitHub Gist? What can it do? Gists are like the little brother of GitHub repositories. In this video we'll cover all those questions and some cool use cases for gists that may not seem obvious, including serving web pages, tracking data in Markdown, and more.
tags: github, codenewbie, productivity
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/q9n6kvyrpdialbcfxfm8.png
---

{% youtube xl004KsPKGE%}

What is GitHub Gist? What can it do? Gists are like the little brother of GitHub repositories. In this video we'll cover all those questions and some cool use cases for gists that may not seem obvious, including serving web pages, tracking data in Markdown, and more.
Formatea tú código con prettier
Tags: tip, desarrollo
Published: 2021-01-25 14:05:20

---
title: "Formatea tú código con prettier"
published: true
tags: ["tip", "desarrollo"]
canonical_url: https://marceloandrader.github.io/blog/2021/01/25/formatea-t%C3%BA-c%C3%B3digo-con-prettier/
---
Trabajas en equipo y pasas tiempo insistiendo en que coloquen los paréntesis donde te gusta, que el indentado del código sea como dicta cierto estándar, o tu mismo pasas tiempo en tu editor dándole formato al código para que sea agradable a la vista.

Bueno existe una herramienta que no puede pasarse por alto a la hora de desarrollar software, [prettier](https://prettier.io/) te permite formatear el código con una línea de comandos o lo puedes configurar para que funcione dentro de tu editor, luego de guardar el archivo se formatee, también tiene opción de verificado automático del formato del código por si a alguien de tu equipo se le olvido ejecutar prettier antes de enviar sus commit al repositorio usando un pre-commit hook o ya en el repositorio con github actions.

Funciona en varios lenguajes de programación y tipos de archivos como: html, js, css,  jsx, ts, json, less, sass, markdown, yaml y soporta adicionales a través de plugins.

Verificar formato en cierta carpeta:

```bash
prettier --check carpeta/con/codigo
```

Formatear código desde la línea de comandos:

```bash
prettier --write carpeta/con/codigo
```

Aquí puedes revisar la [documentacion](https://prettier.io/docs/en/index.html) para obtener información adicional o activarlo en tu editor favorito.
Slugs in Rails with FriendlyID (Example)
Tags: rails, technology, idgeminrails
Published: 2021-01-27 18:26:35

---
title: Slugs in Rails with FriendlyID (Example)
published: true
date: 2021-01-25 13:54:10 UTC
tags: RubyonRails,Technology,idgeminrails
canonical_url: https://www.botreetechnologies.com/blog/slugs-in-rails-using-friendly-id-gem/
---

![Slugs in Rails with FriendlyID](https://www.botreetechnologies.com/blog/wp-content/uploads/2021/01/id-gem-in-rails.jpg)

FriendlyId is a very good gem which allows you to replace ids in your URLs with strings. This lets your Rails app work with ‘friendly’ URLs like ‘myapp /users/john’ as opposed to  ‘myapp/users/1’.

[Ruby on Rails development company](https://www.botreetechnologies.com/ruby-on-rails-development) considers this gem as most essential for Rails applications due to its ability to make links memorable. 

**Let’s start with how to use this gem in a Rails application by following below.**

###1. Installation

 - The very first step you have to follow is to install the gem.
 - Add in your Gem file:gem 'friendly_id', '~> 5.2' # Note: MUST use 5.0.0 or greater for Rails 4.0+
 - Then execute ‘bundle install’.
 - Next step is to add a slug column to the model on which you want a friendly_id.
 - Here, I have a model called “Group” on which I am going to add a slug column.
rails g migration add_slug_to_groups slug:string:uniq
rails db:migrate

 - In db/migrate/add_slug_to_groups.rb you have the following:
add_column :groups, :slug, :string
add_index :groups, :slug, unique: true

 - Now open the rails console and generate a configuration file for friendly_id.

rails g friendly_id

 - If you are implementing friendly_id in your existing model, then you have to run the following command in the rails console to generate their slugs.

Model.find_each(&:save)

 - In my case, Group.find_each(&:save)
 - Let’s extend or include the friendly_id module in our model to access the methods defined in it.
 - In models/group.rb, we have a name column for the group on which we are going to add a friendly_id.

The post [Slugs in Rails using Friendly ID Gem](https://www.botreetechnologies.com/blog/slugs-in-rails-using-friendly-id-gem/) appeared first on [BoTree Technologies](https://www.botreetechnologies.com/blog).
Best Animation Examples
Tags: html, css, javascript, beginners
Published: 2021-01-25 13:45:49

Hello friends, in which article today we will know Best Animation Examples. First of all, we know what animation happens?

###What is Animation?###
After all, what is the meaning of animation? The animation is a type of process that involves designing, drawing, making layouts, and photography. It is important to prepare sequences that are later integrated into multimedia or any gaming products. Talking about its principle, then the still images in it are exploited and managed in such a way that it creates the illusion of movement. In order to create the illusion of motion, those images are displayed very quickly and these images are very different from each other. When continuously we see these static images in a sequence, then we feel like a video animation in which characters or objects are moving.

Modern entertainment industries such as film and television have achieved very high levels because these three fields: Animation, Graphics, and Multimedia have made a lot of advancement in their field. For example, television advertisements, cartoon serials, presentation and model designs – animation and multimedia techniques have been used in all these things.

><a href="https://codepen.io/juliangarnier/full/idhuG">CSS 3D Solar System</a>
><a href="https://codepen.io/jcoulterdesign/full/ZxXbeP">Solar System Animation</a>
><a href="https://codepen.io/yahiarefaiea/full/xyNWQq">Particle Animation</a>
><a href="https://codepen.io/fearOfCode/full/FsGtu">Glitch Clock</a>

>**<a href="https://blog.stackfindover.com/best-animation-examples-2020/" rel="dofollow">More</a>**
Matthew Brannelly- Become The Thought Leader
Tags: strategicadvisor, matthew, brannelly, leadership
Published: 2021-01-25 13:42:16

Hi I’m Matthew Brannelly and I am going to help your firm be heard above the crowd, and make real progress in attracting more of your ideal clients (your tribe )  right now. Today, we will identify the 3 steps needed to become recognised in your marketplace as the go to person … by becoming a Thought Leader.
Talks e workshops de fevereiro
Tags: cloud, infraestrutura, career
Published: 2021-01-25 13:20:52

Estamos iniciando o ano com muitas novidades e conteúdos incríveis!

No mês de fevereiro, estamos trazendo uma série de talks e workshops para compartilhar conteúdos técnicos e também de desenvolvimento de carreira com a comunidade.

**CONFIRA A NOSSA AGENDA**

[01/02 Conceitos de Cloud Computing](https://www.meetup.com/pt-BR/WoMakersCode/events/275744484/)
Nessa sessão, você conhecerá um pouco do universo da computação em nuvem, vai entender a sua evolução e como a cloud computing está presente em nosso dia a dia.

[02/02 Introdução à AWS Cloud] (https://www.meetup.com/pt-BR/WoMakersCode/events/275744630/)
Nessa sessão, você conhecerá um pouco de um dos maiores provedores de computação em nuvem do mundo atualmente, a AWS Cloud, além de conhecer o serviço, você aprenderá sobre os principais recursos dentro da plataforma, e também como e quando utilizá-los.

[03/02 Conceitos de Virtualização](https://www.meetup.com/pt-BR/WoMakersCode/events/275744670/)
Nessa sessão, você conhecerá um pouco sobre virtualização e vai entender como ela está ligada a computação em nuvem.

[04/02 Introdução à Google Cloud](https://www.meetup.com/pt-BR/WoMakersCode/events/275744720/)
Nessa sessão, você conhecerá um pouco de um dos maiores provedores de computação em nuvem do mundo atualmente, a Google Cloud, além de conhecer o serviço, você aprenderá sobre os principais recursos dentro da plataforma e também como e quando utilizá-los.

[09/02 Workshop I am Remarkable](https://www.meetup.com/pt-BR/WoMakersCode/events/275884372/)
O I am Remarkable é uma iniciativa da Google que tem como objetivo ajudar mulheres e outros grupos sub-representados a celebrar suas conquistas no âmbito de trabalho e pessoal.

O objetivo desse trabalho é melhorar a motivação e as habilidades de autopromoção de mulheres e também de outros grupos sub-representados.

Fiquem atentas, pois as inscrições para esse workshop são limitadas.
What are the key changes in dotenv-linter v3.0.0 release?
Tags: rust, opensource, programming, writing
Published: 2021-01-25 13:06:52

We have developed dotenv-linter — a useful tool for checking .env files. It helps to find problems in .env files that you might miss at first, but which later may result in incorrect work of applications. We made the tool universal, it can be connected to any project regardless of the programming language.

We already wrote about the dotenv-linter v2.2.0 release. Two and a half months have passed since that moment, and we are ready to present you a new version of dotenv-linter — v3.0.0.

[Here's an overview of the key changes made in this release!](https://evrone.com/dotenv-linter-v300)
5 Ways to Accelerate Social Media - eGoodMedia

Published: 2021-01-25 13:00:10

If you don’t want to get into all these processes, then you can always reach out to our social media experts that will help you in maintaining your brand reputation across different social media platforms by responding to every customer’s queries across. Not only that but our social media agency also offers all in one service that comes with maintaining all the aspects of social media including engagement, advertising, reputation management, and more. 

<a href="https://www.egoodmedia.com/5-ways-to-accelerate-social-media-response-time-for-better-experience/">Read more</a>

Read more Articles:-
<a href="https://www.egoodmedia.com/seo-trends-to-follow-in-2020/">Top 6 SEO Trends You Can Follow</a>
<a href="https://www.egoodmedia.com/how-to-create-xml-sitemap-for-your-website-to-boost-your-ranking-in-2020/">How To Create XML Sitemap For Your Website To Boost Your Ranking</a>

Contact Details:-
1-6046704333
422 Richards St Unit 170, Vancouver, BC V6B 2Z4, Canada

<a href="https://www.egoodmedia.com/">Web Design Seattle Agency</a>

Visit Reference Profile Websites:-

http://bit.ly/3qP0ASa
http://bit.ly/39ZodR2
http://bit.ly/36aw11g
http://bit.ly/36b8X2u
http://bit.ly/3omJl9e
https://bit.ly/3iISlUN
http://bit.ly/2MjZiiY
http://bit.ly/3iKs5cP
http://bit.ly/3sUs4HO
http://bit.ly/3ccnpei
https://bit.ly/3c5HUtf
https://bit.ly/3ptw3Jr
http://bit.ly/3pgiixB
http://bit.ly/36auto9
http://bit.ly/3oowCCZ
https://bit.ly/2YinKDX
https://bit.ly/2Ye48Rq
http://bit.ly/2MqVHzS
http://bit.ly/2Yf8NT6
Daily Developer Jokes - Monday, Jan 25, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-01-25 13:00:01

---
title: "Daily Developer Jokes - Monday, Jan 25, 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=Monday%2C%20Jan%2025%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/5e1259ce87a7e.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 did the Network Administrator say when they caught a nasty virus?

___A:___ It hurts when IP
 -->
Perl - mockgen helper perl script
Tags: go, perl
Published: 2021-01-25 12:59:26

Created the helper script of `mockgen` because typing `mockgen` command takes time and effort.

{% gist https://gist.github.com/takakd/5a786eb5ec17cd95868828341f09f8cf %}

**Ref.**
[golang/mock](https://github.com/golang/mock)
How to convert photos album to PDF on iPhone using Shortcuts
Tags: ios, photos, pdf
Published: 2021-01-25 12:57:30

---
title: How to convert photos album to PDF on iPhone using Shortcuts
published: true
description: 
tags: iOS,Photos,PDF
//cover_image: https://direct_url_to_image.jpg
---

See the following image.

![IMG_2323](https://dev-to-uploads.s3.amazonaws.com/i/ect6etaexlu7kta14mhz.jpg)
Patent Translations Services
Tags: translationsservices, patenttranslation, circletranslations
Published: 2021-01-25 12:13:27

Circle Translations belongs to the category of translation agency. But that's not just how we see ourselves. We see ourselves as a language house, an expert body in language services, not just an instance that sits and mediates translations between customers and translators. Circle Translations is a translation agency consisting of language geeks, most of us are also trained in language or translation. We know language and translation!
https://circletranslations.com/content/patent-translation-services
DEV article search woes
Published: 2021-01-25 12:01:13

What does everybody think of the search feature on DEV? It's happened a few times I find an article I like in my mail digest or feed, then searching only popular articles (not the exact match I want) matching hip keywords come up.

Trend with online search that literal searches get ditched in favor of "hey why don't you check out this popular thing instead" - kinda frustrating in my opinion.
Free Figma UI designs for frontend practice.
Tags: html, css, design, productivity
Published: 2021-01-25 11:56:54

Budding frontend engineers are always looking for designs to practice their frontend skills. Was going through the figma community page and found some amazing free UI designs from talented and awesome designers from the Figma community.

Enjoy.

## Beautiful landing page sections for a startup app
[Go to design](https://www.figma.com/file/7l1Ar0sPDERTOqMYBqElAp/Landing-Page-Startup-App)

## Minimal sleek portfolio design
[Go to design](https://www.figma.com/file/gKZoWoleFgP35xvYu83Y2l/Portfolio-UI-Web-and-Mobile)

## Landing page design
[Go to design](https://www.figma.com/file/EWmzcVkd7qbP5Nf7iMvuqP/Trafalgar-Landing-Page)

## Food spin interaction design
[Go to design](https://www.figma.com/file/4pXrAZ1J7u6FI73jUZKQJl/foodSpin-interaction)

## Website of architects 
[Go to design](https://www.figma.com/file/ySfVuQB0jsuLLwu2FBZVje/Website-of-architects)

## Finance landing page UI kit
[Go to design](https://www.figma.com/file/ogoNRQ5egC7jcd3ufySk30/FINANCE-LANDING-PAGE-UI-kit)

## Registration onboarding design
[Go to design](https://www.figma.com/file/40tenCelTiMi2CzeY0iop5/Registration-Onboarding-Design)

## Dark landing page design
[Go to design](https://www.figma.com/file/hMVtKRVHUxyY03knIrHkgG/MNTN-Landing-Page)

## Analytics — landing page design
[Go to design](https://www.figma.com/file/K8RIvVtJKHdXIqjpAPe97y/Analytics-%E2%80%94-Landing-Page-Design)

## Food delivery app design
[Go to design](https://www.figma.com/file/KawxNnCZ1epHjQu0wSqlG2/Food-delivery-app-Ui-kit)

## VPN service landing page
[Go to design](https://www.figma.com/file/y4g7B9BSJsuPkI101iyF5E/FREEBIES-Landingpage-LaslesVPN-Community).


I hope you find them helpful... Feel free to go through the [Figma Community Page](https://www.figma.com/community) to find more.
Conditional rendering for responsiveness in SSR applications 
Tags: react, ssr, responsive, gatsby
Published: 2021-01-25 11:54:39

I recently ran into a problem in a Gatsby site I'm building. In one of the pages, an element should only be visible in the desktop view, not on mobile devices. To achieve this, I wrote a utility function ...

```
const isMobile = () => window.innerWidth < 768
```

... and then used that to conditionally render the element.

```
{ !isMobile() && <Element /> }
```

This works fine in the local preview of the site, but I ran into problem in the statically built version. `<Element>` received faulty classnames from its immediate sibling. I wasn't able to find out the exact cause of this but I inferred it had something to do with SSR (server side rendering) + conditional rendering based on the following:

1) the problem doesn't happen in the client side rendered version
2) the only affected element is the conditionally rendered one

My solution was to go away from conditional rendering (in the React sense) and just not display the element in mobile breakpoints. 

```
.element {
    &--invisible-on-mobile {
        @media (max-width: 768px) {
          display: none;
        }
    }
}
```

This works fine and to me it seems that this is also the better way to approach this. Here's why:

Based on my understanding, when using SSR, upon page load, the browser receives a proper HTML document filled with the full content of the page. This is different to a classic client side rendered SPA which is empty on page load except for a root container into which the frontend framework (React, Vue, etc.) renders the application. In this approach, it makes sense to conditionally render things because the browser starts with nothing and asks itself the question "I have not rendered anything yet. What do I want to show the user?". It can then choose what to render based on the applications' state. 
In a static build, however, the whole content is there already, so the browser renders it immediately. The question then becomes: "What do I hide from the user?" This seems easier and cleaner to solve with CSS.

Is there a flaw in my understanding of SSR? Or is this indeed the better approach to what I'm trying to achieve?
HTML Tutorial
Published: 2021-01-25 11:29:26

From the very start, we'll show you in this HTML tutorial how to build your first Website, what page layout should be, how to add pictures and text, how to add tables and titles a lot more. this is the best HTML tutorial for beginners who want to learn it step by step in an easy way. To know more information visit here https://www.phptpoint.com/html-tutorial/
What's in my toolbox #1 : surge.sh
Tags: webdev, surgesh, node
Published: 2021-01-25 11:14:57

---
title: What's in my toolbox #1 : surge.sh
published: true
description: 
tags:  webdev, surgesh, nodejs
https: https//dev-to-uploads.s3.amazonaws.com/i/hjfbdkgrjcnlz0dewbv2.png
---

Have you ever found yourself in a situation where you had developed a static site. He is beautiful, superb, magnificent even. You want, no, you MUST show it to the world. It is imperative that you host it and publish it.
But at this point you don't have a host, and you end up having to:
- Create an account with a web host
- Take a subscription
- Get FTP / sftp access
- Launch FileZilla or other FTP transfer software
- Upload files
... a lot of steps.
Too much for a small static site in my opinion.
For the creators of **surge.sh** too.

Surge is a tool in the form of CLI that allows static sites to be put online under domain names of the type: *domain- random.surge.sh.*

To use Surge, all you need to do is install a recent version of Node.js and NPM. Then everything goes very quickly:
Run `npm install --global surge to install`
Run : 
```
surge
 path/to/my-project
 my-project.surge.sh
```
And There you go. All is done.
In addition to simply being able to upload sites easily, surge offers other features:
- Use your own domain names
- Create ssl certificates for your domain names
- Create teams 
- Automated Gzip compressions / decompressions
- Automatically redirect "www" domain names
- List your projects
- Secure your projects with a password
- Set up incremental posts

I advise you to test this tool. It is very suitable for the production of a small static site, or a prototype project to show to the client.

Even if it also works for larger sites, I would still tend to focus on other tools. But I will tell you about that later.

See you soon. Love, kiss. Bye.

_PS: This post is 2 weeks late... Sorry for the delay, I will manage to set up a routine to write every week 🤞_