teleren/devto huggingface dataset:
Firefox moves to 4-week release cycle, Chrome 77 and Safari 13 updates | Front End News #19
Tags: news, frontendnews
Published: 2019-09-23 17:12:21

Hello everyone and welcome to another (very short) round of  Front-End News. I've been traveling over the weekend and thus I was unable to work on my normal news article/video combo. The least I can do is provide you with the main news items that I had selected, but without the summaries. I will strive to do better next time!

![Front End News thumbnail - Firefox 4-week release cycle](https://thepracticaldev.s3.amazonaws.com/i/v0iezbh136646lj8fgz2.png)

Today I have for you a bunch of announcement from the major browser vendors, the usual software updates and I'm skipping over the Developer of the Week because I want to do each person justice in presenting them.

## Firefox moves to a 4-week release cycle

- https://hacks.mozilla.org/2019/09/moving-firefox-to-a-faster-4-week-release-cycle/

***

## Chrome news

### What's new in Chrome 77

https://developers.google.com/web/updates/2019/09/nic77

### Chrome 78 Beta

- https://blog.chromium.org/2019/09/chrome-78-beta-new-houdini-api-native.html

***

## Safari News

### Safari 13

- https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes

### Safari Technology Preview 92

- https://webkit.org/blog/9568/release-notes-for-safari-technology-preview-92/

***

## Entries list for JK13Games

- https://js13kgames.com/entries/2019

***

## Software updates and releases

### BootstrapVue 2.0.0

- https://bootstrap-vue.js.org/docs/misc/changelog/

### VuePress 1.1.0

- https://github.com/vuejs/vuepress/blob/master/CHANGELOG.md

### Vuesion 3.6.0

- https://github.com/vuesion/vuesion/releases/tag/v3.6.0

### Storybook 5.2

- https://medium.com/storybookjs/storybook-5-2-794958b9b111

***

That’s all there is in this edition. Follow Front End Nexus on Twitter at https://twitter.com/frontendnexus to be notified as soon as a new update happens. I also want to encourage you to subscribe to the YouTube channel at https://www.youtube.com/channel/UCgACtqiDmnSaskDIBsK54ww. I can unlock some more options once the channel hits 100 subscribers, so your support is highly appreciated.

Have a great and productive week and I will see you next time!
Kafka producer retries in Spring kafka
Tags: kafka, spring, java
Published: 2019-09-23 16:55:42

The KafkaProducer configuration has a option(_retries_ property) for doing automatic retries in case of RetriableExceptions like NoLeaderForPartition, NetworkException, TimeoutException etc.

The **retries** property has the default value as **Integer.MAX** as per _https://kafka.apache.org/documentation/#producerconfigs_. 

I was using _spring-kafka 2.2.8-RELEASE_ in the application and tried to test the retry behavior by bringing one of the broker down from the Kafka cluster. It thrown the NoLeaderForPartition exception as the leader broker for a partition went down and it took 1-2 seconds for a new leader to be assigned to that partition.

As per the documentation, the producer should’ve retried on this exception, but to the surprise it didn’t happen. Digging further, found out that the spring-kafka 2.2.8-RELEASE (Aug 2019, latest in central repo) is using 2.0.1 version of _kafka-clients_ library whereas the kafka-clients library’s latest version is 2.3.0. In kafka-clients 2.0.1 version, the default value for retries is 0.

Learning I take away from this is that the _latest spring library version need not be using the latest version_ of the actual client library. Also we need to understand from which version of the client library, the documentation applies to.
Progressive Web Apps  vs. Desktop Apps? 
Tags: discuss, design, opensource
Published: 2019-09-23 16:53:44

What do you prefer and why?

A couple of months ago, I created a desktop application for merging multiple .pdf files into one file. The application can also be used for extraction of certain pages from one file.
The initial project was supposed to be for personal use only, but I had decided to make it more user friendly and put it out for everyone interested to use. The user interface is very intuitive and easy to use.

Now I am a bit stuck on the distribution end.. I would like to reach as much people I can, so they can use my application. Is creating a web application out of it a better apprach? 

Here is a download link to the desktop version:  https://lnkd.in/dwjc-XC
Exploring .NET Core 3.0. What's New?
Tags: dotnet, aspnet, webdev
Published: 2019-09-23 16:48:03

---
title: Exploring .NET Core 3.0. What's New?
published: true
description: Learn about the new features introduced by the .NET Core 3.0 release.
tags: #dotnet #aspnet #webdev 
canonical_url: https://auth0.com/blog/exploring-dotnet-core-3-whats-new/
---
TL;DR: Take a look at the new features available in NET Core 3.0. This post will provide you with an overview of the latest release of the well-known Microsoft development platform.

[Continue reading 📖]( https://auth0.com/blog/exploring-dotnet-core-3-whats-new/?utm_source=twitter&utm_medium=sc&utm_campaign=donet3_new)

![Exploring .NET Core 3.0. What's New?](https://cdn.auth0.com/blog/illustrations/dotnet.png)
Microsoft Windows Bug Bash 2019
Tags: bugbash, windows, windows10, windowsinsiders
Published: 2019-11-13 17:15:57

---
title: Microsoft Windows Bug Bash 2019
published: true
date: 2019-09-23 16:29:00 UTC
tags: Bug Bash, Windows, Windows 10, Windows Insiders
canonical_url: https://logeshpalani.blogspot.com/2019/09/microsoft-windows-bug-bash.html
---

[![](https://1.bp.blogspot.com/-ekgh5zDLvTA/XYjxTUib18I/AAAAAAAAPD4/-ZODJ-0f4Vc7htRdktn3fpVYWcTUHRd6ACLcBGAsYHQ/s1600/Windows%2BInsider%2Bbug%2Bbash.png)](https://1.bp.blogspot.com/-ekgh5zDLvTA/XYjxTUib18I/AAAAAAAAPD4/-ZODJ-0f4Vc7htRdktn3fpVYWcTUHRd6ACLcBGAsYHQ/s1600/Windows%2BInsider%2Bbug%2Bbash.png)

  

  

               The Bug Bash main goal is to improve the user experience of windows, by pulling issues and suggestions from windows insiders and windows users.  This webcast creates a quest and forums to announce the features and new tasks to report the bug, problem and gives some better ideas to improve the windows.  

  

Why you should participate in Bug Bush?  

               If you facing any problem like a performance or installation problem in your windows, you can directly report to the Windows Engineer Team to fix the problem and improve the window experience.  

  

How to Participate in Bug Bash?   

- Ensure your PC is running the Latest Preview Build in the fast ring (Build 18985).  
- Clear the quests to know what is the new features in Feedback Hub windows at the end of Quest.  
- When you click windows + F it will take to another window, there you can give feedback with screenshots. 

Link to Join Bug Bash - [https://mixer.com/WindowsInsider](https://mixer.com/WindowsInsider)
Heroines of JavaScript series: Lauryn & Layla interview Tara Manicsic
Tags: diversity, javascript, girlswhocode, womenintech
Published: 2019-09-23 16:19:25

---
published: true
title: "Heroines of JavaScript series: Lauryn & Layla interview Tara Manicsic"
cover_image: https://user-images.githubusercontent.com/1228996/65442777-72d69380-ddf2-11e9-93e3-3a2104c53edd.png
description: "As part of our Heroines of JavaScript series, Lauryn & Layla interview Tara Manicsic."
tags: diversity, javascript, girlswhocode, womenintech
canonical_url: https://michaeljolley.com/streams/Heroines-of-JavaScript-series-with-Tara-Manicsic/
---

## Stream Replay Link

[https://youtu.be/xlncOANHqls](https://youtu.be/xlncOANHqls)

<!--more-->

### Segments

| Timestamp | Topic
| ---       | ---
| [00:13]({{page.replay}}?t=780)        | Kicking it off                                                      |
| [00:23]({{page.replay}}?t=1380)       | Lauryn & Layla interview Tara Manicsic                              |
| [02:13]({{page.replay}}?t=7980)       | Working on our IO chat bot                                          |
| [02:57]({{page.replay}}?t=10646.379)  | Wrapping up and raid to [codephobia](https://twitch.tv/codephobia)  |

---

### Today's Candle To Code By

<a href="https://amzn.to/2GSsMxX" target="_blank">Warm Tobacco Pipe</a>

---

### Goals

- [x] Interview with Tara Manicsic
Markdown Views ❤️
Tags: rails, markdown, ruby
Published: 2019-10-01 00:07:14

---
title: Markdown Views ❤️
published: true
tags: rails, markdown, ruby
canonical_url: https://github.com/zarqman/markdown_views
---

[Markdown Views ❤️](https://github.com/zarqman/markdown_views)

This is kind of like MDX in Gatsby/React. Really useful for managing content in your rails apps.
Computer Vision and OCR with Python
Tags: python, computerscience
Published: 2019-09-23 15:10:19

Making the computer have eyes is no easy task. Yes, you can grab a webcam feed but that doesn't mean the computer can parse what it's looking at.

Recent developments did push the field forward. With Deep Learning technology they can now do basic observations of different objects in many different positions.

So if you don't know anything about deep learning or neural networks, how do you get started in the field of computer vision?

<img src="https://proxy.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FdYoceNWjX7qes%2Fgiphy.gif&f=1&nofb=1">

Of course you cannot started with the most complicated concepts and work  your way backwards. You have to start at the basics.

At the most basic level, you can do pattern recognition. To reduce complexity, I recommend starting out by learning <a href="http://pythonprogramminglanguage.com">Python</a> as opposed to C++.

Character recognition (OCR) is a very basic task of Computer Vision. 

## OCR with Tesseract

We can recognize basic characters (a,b,c) from an image. This is named "Optical Character Recognition". Tesseract is a free OCR engine.

    apt-get install tesseract-ocr

In the terminal you can do:

    tesseract example.png output.txt
    cat output.txt

where example.png is this image:

![font image](https://thepracticaldev.s3.amazonaws.com/i/v59kxqwe5tgze9gvm8ou.png)

## OCR with Python
 
You can use Python to interact with Tesseract. Install the modules pillow and pytesseract

    pip install Pillow
    pip install pytesseract

Then you can run this code which will translate the text on the image to text in the terminal:

    #!/usr/bin/python3
    from PIL import Image
    import pytesseract
    
    def ocr_core(filename):
        text = pytesseract.image_to_string(Image.open(filename))
        return text
    
    print(ocr_core('example.png'))

This is a very basic example of computer vision. There's a lot more you can do using all kinds of techniques. However, I think that any introduction to a field should be as simple as possible.

### Related links:

* <a href="https://pypi.org/project/pytesseract/">Pytesseract module</a>
* <a href="https://gum.co/GQWGG">Intro course on Computer Vision</a>
* <a href="https://pythonspot.com/object-detection-with-templates/">Object detection with Python</a>
* <a href="https://pythonprogramminglanguage.com/how-do-i-learn-machine-learning/">Machine Learning, a closely related field</a>
Type of music you listen to when coding?
Tags: webdev, productivity, discuss
Published: 2019-09-23 15:08:49

![](https://images.unsplash.com/photo-1510915228340-29c85a43dcfe?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80raw=true)

I have found that some types of music really gets me into the flow zone, but others just distract me easily.

I have made this playlist: <a href="https://open.spotify.com/playlist/2SQ0oXoCwri2IHQXCcTyo2" target="_blank">Meta</a> that I really enjoy listening when creating a feature. 

While in other scenarios (fixing bugs), I rather listen to a more relaxin' ones for example: <a href="https://open.spotify.com/playlist/37i9dQZF1DZ06evO4mQXlS" target="_blank">This is Joe Hisaishi</a>


What do you guys listen to when coding?

Share me your playlists on the comments👨‍💻
Testing HTML5 Upload 
Tags: python, selenium, testing, automation
Published: 2019-09-23 14:48:31

---
title: Testing HTML5 Upload 
published: true
description: Test HTML5 file uploads using Selenium
tags: python, selenium, testing, automation
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ppnqy6g2ix3lb2a0hgss.jpg
---

## Background

A current project I am testing involves a HTML5 file upload. I had thought that the "Browser" a file prompt would prevent me from using a Selenium test framework to automate this process. However it turns out, as with many things that this is a "Solved problem".

The short answer is, you can identify the "Browser" button input element and use "Send Keys" function to provide the path to the file you want to upload. You then trigger the submit butting using the "Click" command as normal.

## Setup a virtual environment and install SeleniumBase

I entered the following commands in a PowerShell prompt, I already have Python 3, pip and virtualenv installed.

```powershell
cd e:\dev
virtualenv uploadtestenv
.\uploadtestenv\Scripts\activate.ps1
pip install seleniumbase
seleniumbase install chromedriver
seleniumbase mkdir file_upload_test
cd file_upload_test
```
SeleniumBase Help docs are available: https://github.com/seleniumbase/SeleniumBase/tree/master/help_docs

## file_upload_test.py

To run this example - copy the following into a file called `file_upload_test.py`

```python
from seleniumbase import BaseCase
from time import  time
from os import remove

class MyTestClass(BaseCase):

    def test_basic(self):
        # setup testdata to be uploaded
        
        # time based filename generated for this run only
        filename = str(int(round(time() * 1000))) + ".txt"
        
        # path with filename
        path = "E:\\dev\\file_upload_test\\" + filename

        f= open(filename,"w+")
        for i in range(10):
            f.write("This is line %d\r\n" % (i+1))
        f.close()

        # SelinumBase test
        self.open("https://the-internet.herokuapp.com/upload")
        self.send_keys('#file-upload', path)
        self.click('#file-submit')
        self.assert_exact_text(filename, '#uploaded-files')

        # Clean up testdata
        remove(path)
```

To run the test (again, PowerShell, same folder):

```
pytest .\file_upload_test.py --demo_mode
```

## Thank you

This prototype example makes use of the HTML5 Uploader on the wonderful "The Internet" resource, by [Dave Haeffner]("https://twitter.com/TourDeDave"). A very helpful resource for helping to test out Selenium tests. Check it out: https://the-internet.herokuapp.com

The test data creation example is based on a Guru99 article: [Python File Handling: Create, Open, Append, Read, Write](https://www.guru99.com/reading-and-writing-files-in-python.html)

Cover Photo "Python Book" by [Christina Morillo](https://www.pexels.com/@divinetechygirl)
Baapan — A Super Cool NPM Playground on the Node REPL
Tags: node, npm, javascript
Published: 2019-09-23 14:37:23

**Are you a fan of Node.js REPL? Do you extensively use the REPL to try out small code snippets quickly while you are working? If so, Baapan is for you…**

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/w0e717xqbmk5hj8zpg0k.png)

Personally, I’m a HUGE fan of NodeJS REPL and I use it every day and I can’t live without it. There are plenty of alternatives and IDE extensions to be used instead of REPL, but nothing can beat the good ‘ol REPL.

Back in the days, I had a huge headache when using Node REPL. I mostly use REPL to try out various array operations (map/reduce/filter etc.), and object operations (extract what I want from a huge json etc.). Sometimes I wished they had pre-installed `lodash` into REPL because it can be of help working with complex object arrays. Also, sometimes I wanted to try out an npm module on my data. I could do this easily by using something like [RunKit](https://npm.runkit.com). But I didn’t want to paste and work with my data (potentially sensitive) on some 3rd party website. I wanted Node.js built-in REPL to be capable of fetching and `require`ing any NPM module I want on-the-fly. That’s how `baapan` was born.

> Get it from here: https://npmjs.com/package/baapan

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/arlx1rejgjuknmgz2pdi.gif)

## Why Baapan

Why do you need `baapan` instead of using something like RunKit? While online code editors/playgrounds such as RunKit/CodeSandbox/Repl.it are useful to try out snippets quickly, it doesn’t feel safe to paste sensitive/proprietory data on those editors, does it? Since `baapan` runs entirely on the local Node REPL, you don’t need to worry anymore. It may not be an editor as such, but it’s Node REPL and much more !!

## How does it work?

As I said earlier `baapan` is nothing but a Node REPL with some extended functionality. It has a monkey-patched `require()` which intercepts `require` calls, and if the `require`d module could not be resolved, it immediately `npm install` the module and `require`s it onto the REPL right-away.

Similar to the Node REPL, you can spawn as many `baapan` instances as you need. Each `baapan` instance has its own isolated workspace. All the module installations occur into its workspace without polluting any other modules directory. When the user gracefully exits the REPL, the workspace is automatically removed which prevents accumulating stale workspaces filled with temporarily used NPM modules.

The workspace path of the current REPL instance can be retrieved by `BAAPAN_WS_PATH` environment variable.


```
> process.env.BAAPAN_WS_PATH
'/Users/djayasekara/.baapan/workspace_44023_1562678000424'</span>
```

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/dmbbo89b3he9sp692zik.png)

Feel free to give it a try, and let me know any your feedback. If you’d like to contribute to `baapan` have a look at the repository. ✨
Como gerar imagens dinamicamente durante a fase de desenvolvimento de um site ou sistema web
Tags: html, agilidade, ferramenta, imagem
Published: 2023-10-01 18:25:57

---
title: Como gerar imagens dinamicamente durante a fase de desenvolvimento de um site ou sistema web
published: true
date: 2019-09-23 14:13:57 UTC
tags: HTML,agilidade,ferramenta,imagem
canonical_url: 
---

Quando estamos prototipando telas, desenvolvendo um site ou sistema, normalmente trabalhamos com imagens. Elas são fundamentais para dar beleza, auxiliar a explicar ideias, notícias, produtos, serviços, deixar a leitura menos cansativa, etc.

Para agilizar, podemos ter uma pasta com uma coleção de imagens para usar em nossos desenvolvimentos, mas isso ocupa espaço em disco, nem sempre contém os tamanhos necessários em uma determinada marcação de espaço de imagem no layout o que acaba obrigando a redimensionar para baixo a imagem (o que é péssimo e um desperdício de performance). Existe também a questão de não termos as imagens certas para o contexto do projeto, e que podem até atrapalhar na validação de uma tela ou apresentação prévia dando uma impressão errada ou criando uma poluição visual.

Para essas e outras questões existe uma ferramenta bem prática chamada [Placeholder.com](https://placeholder.com/) que gera imagens em tempo de carregamento de nossos protótipos e páginas.

**Como funciona?**

O exemplo mais simples é criar um elemento HTML img e configurar o atributo src com **https://via.placeholder.com/** especificando ao final da URL o tamanho da imagem. Por exemplo, se precisamos de uma imagem de 100×100 pixels, podemos simplesmente criar da seguinte maneira:

![](https://via.placeholder.com/100)

Também é possível especificar a largura e altura de uma imagem:

![](https://via.placeholder.com/200x100)

A cor da imagem também pode ser especificada passando como parâmetro na URL um código de cor em hexadecimal, muito útil para manter a harmonia do layout:

![](https://via.placeholder.com/200x100/0000FF)

Uma frase também pode ser inserida na imagem através do parâmetro “text” na URL. Útil para explicar a aplicação da imagem:

![](https://via.placeholder.com/200x100?text=Lorem+Ipsum)

É possível também alterar a cor do texto especificando um segundo código de cor em hexadecimal:

![](https://via.placeholder.com/300x200/0000FF/FFFF00?text=Lorem+Ipsum)

É isso. Espero que essa dica de ferramenta leve praticidade, agilidade, padronização e páginas carregando rapidamente durante os desenvolvimentos e apresentações de páginas em um projeto.

Abraço

O post [Como gerar imagens dinamicamente durante a fase de desenvolvimento de um site ou sistema web](https://andrekeher.com.br/como-gerar-imagens-dinamicamente-durante-a-fase-de-desenvolvimento-de-um-site-ou-sistema-web/) apareceu primeiro em [André Keher](https://andrekeher.com.br).
Alexa Skill Blueprintsを使った簡単スキル作成
Tags: tutorial
Published: 2019-09-23 14:10:46

#Alexaを買ってみたけれど

ITの業界に来て少しした頃、業界的な影響を受けてか知らずか、
「我が家を便利にしてみたい！」という思いでAlexaを買ってみました。


ところがどっこい！


いざ導入してみても、毎日の天気予報と時々のタイマーぐらいにしか使っておらず……
せっかく買ってみたのだから、いっそスキルを自作してみて試せないかと思ったりしてもどんな感じに出来上がるのかもイマイチイメージ出来ない。

そんな「Alexaガチ初心者」の人間でもスキルを作成する【Alexa Skill Blueprints】といったものがあったのでご紹介。
「スキルを作成してみたい方」のイメージ掴みとか、「ちょっとしたスキルだけ作りたい」といった方向け。
<br>



#Alexa Skill Blueprintsでできること

一言で説明すると「Web上のテンプレートを埋めていってスキルを作成」するもの。
記事作成時点で、グリーティングが4種類、試してみようが7種類。


例えば【カスタムQ&A】を使ってスキルを作成すると、質問文を追加してそれに対する回答を追加していって…といった手順になります。
ながら作業時用の自分用辞典みたいな使い方とかも出来そう。ゲームを遊んでいる時に「このブキについて教えて！」みたいな。

今回はサボりがちな自宅筋トレをすべく、【パーソナルトレーナー】のスキルを作成していきます。
<br>



#スキル作成までの手順

【Alexa Skill Blueprints】の公式サイトに行くと、まずは右上に【Sign in】があるのでAlexaで使っているアカウントでログイン。

【パーソナルトレーナー】のテンプレートを開くと、サンプルや作成手順が出てくるので、そのまま【作成する】を押してみます。


すると出るわ出るわのトレーニング項目！
「腕立て伏せ」「腹筋」「サイドプランク」「ツイスト」「左右立ち」etc…

とりあえずいくつかの項目をセットして次へ行くと、さきほどセットしたトレーニングの秒数やスキルを起動する時間を聞かれるので、筋トレしたい秒数やセット数を記入していきます。


その次は【Alexaのメッセージ】記入。
始まりの挨拶や筋トレ実行中の応援メッセージを入力します。
自分が応援してもらう内容を自分で記入していく様は中々シュール。


最後にスキル名を記入して【スキルを作成】
数分待てば自分で作成したスキルで筋トレが出来るようになります！！



…いつの間にか筋トレの話になってしまいました。
<br>

意識したい点は、「発言させる内容はシンプルにする」ということ。
あまり難しい文面や、長文は発言出来なかったり聞きづらかったりするので、分かりやすい内容を心がけると良いと思います。
これはBlueprintsでの作成に限らず、コードを用いてのスキル作成等でも言えるので、常に意識しておきたいところ。

スキルが不要になった場合は、【作成したスキル】から削除出来ます。
<br>


以上、すごいお手頃にAlexaスキルは作成出来るので、「Alexaいじり」を考えている人は是非試してみてください。