teleren/devto huggingface dataset:
Why sharing is magical
Tags: opensource, font, design
Published: 2020-03-04 02:34:17

Sharing ideas, thoughts, information and knowledge is truly powerful. Here's a simple example to show what I mean by "Sharing is magical".

### Simple tweet
It started with [Sacha Greif](https://sachagreif.com/) tweeting an article about [Cross-cultural design](https://twitter.com/SachaGreif/status/1235007681695375361) written by [Senengo Akpem](https://twitter.com/senongo).

### Article
The article is very interesting for designers and anyone curious how culture can affect our perception of things, even typography. Senengo mentions the typeface Neuland which is stereotyped to the African visualization, and deeply discusses the subject into details. 

Later on, he also mentions Web Fonts. I just used it multiple times but never understood what it actually is. So I headed to MDN and read about [Web Fonts](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts).

### Open-source
As you know, fonts are mostly for sale and not easily distributed for free. Even MDN reminds us of this.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x2o2qoc2139njuha8uj7.png)

Whilst reading through MDN's page of Web Fonts, they mentioned 3 different sources to get free fonts; [dafont](https://www.dafont.com/), [Font Squirrel](https://www.fontsquirrel.com), and [Everything Fonts](https://everythingfonts.com). I thought it is a great resource to add to the list of [free-for-dev](https://free-for.dev/#/?id=code-quality) so hopefully more people can these resources. 

### Magic
I never expected today would end up with reading about Web Fonts, learning about Cross-cultural design or even contributing to open source (just a few links though). Wonderful, isn't it! 

_Keep learning, keep sharing._
Variáveis tipo Symbol
Tags: javascript
Published: 2020-03-04 02:21:43

Olá galerinha, e vamos lá seguir para mais um aprendizado.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jbtce15xx1cnj2nl7umc.gif)

Seguindo a linha de variáveis, vamos dessa vez falar do nosso último tipo que é o Symbol.
O Symbol se enquadra em tipos de variáveis, mas também pode ser visto como uma função ou até mesmo uma classe.
Todas as instâncias de uma variável do tipo Symbol são únicas e não podem ser alteradas.
Bora lá colocar a mão na massa!!!
Vamos declarar duas variáveis e definir o tipo delas como Symbol:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cu8afqhjmdwyv5c6vbqi.PNG)

Observem que o tipo Symbol deve ter () no final, o que diz que esse tipo de variável trata-se de uma espécie de função.

Como eu já havia dito, variáveis do tipo symbol são unicas, então vamos fazer uma comparação das nossas duas variáveis e ver o retorno:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4ftrgyxnqdnmn7rp8ssd.PNG)

É possível passar parâmetros para uma variável Symbol e posteriormente atribuir valores a essas variáveis em objetos:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4a7ohsih8d4lnr8ud3ao.PNG)

No exemplo a seguir, temos um objeto chamado pessoas e como atributos vamos passar as duas variávei já criadas, e atribuir um valor a elas também:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3zf1n8ny1wyh0c3ya8qt.PNG)

Observe que também inserimos como um dos atributos uma variável string. Qual será o resultado se agora o objeto pessoa for imprimido? 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fkkqola7rrch2dn2lf4x.PNG)

Bom agora encerramos os tipos de variáveis com o Symbol, aguardem os próximos artigos que iremos aprofundando aos poucos ok. 
Espero que estejam gostanto e se tem alguma coisa que posso melhorar, alguma dica para acrescentar, é só deixar seu recadinho. Até mais galera <3

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k93awwb5nkrhfegtgokw.gif)
DevOps Handy Tool: Com2kube
Tags: docker, kubernetes, devops, opensource
Published: 2020-03-04 02:20:23

Hey all,

This is my first article on this community yay!

I would like to share with you, one of a project my friend and I created about 2 months ago. Please visit [http://com2kube.io/](http://com2kube.io/)! :) 

We first notice one of the problems we wanted to fix with an UI tool from Kompose. We decided to create a Web App that would help people to convert a docker-compose file to Kubernetes objects from a UI and be able to download it. 

Com2kube is a great tool for anybody and will save you some time to convert the file docker-compose to Kubernetes, plus you will get in no time the file to use afterwards.

Of course, this is only the beta version. We hope to add more features based on your feedback. We highly appreciate feedback to help us improve our app.

##How the app works

Simply select a docker-compose file and click submit, if you don't have one, you can also download one from the app just to try it out.

Once your file is submitted, you can view the result and download it if you'd like.

##Demo
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/djy4g9ag0e2jxp749jti.gif)

##Links
Here is the link: [Com2kube](http://com2kube.io/).

The source code is also available on [Github](https://github.com/Com2Kube/Com2Kube).

PS: Please note that we are aware that this can also be done from Kompose CLI.

Thank you, guys!
jQuery: How to show a warning when CAPSLOCK is on
Tags: jquery, javascript, password
Published: 2020-03-04 02:06:56

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1kjyclo7d8ynj6xspllp.png)

I've wrote a light-weight jQuery script which allows you to easily show a warning under a field when the CAPS LOCK key is active, the script requires no plugins or require any manual placement of any HTML.

Simply drop the java-script below onto any pages you require the warning and just configure what fields you want it to work on, the script will then do the rest as needed.

I wrote this script because I didn't want to be messing around adding hidden HTML portions under fields or any other modifications, simply wanted to drop my script on a page, point to the input fields of interest and have it do its magic for me.

I realised quickly that I needed the field to hover just below the input fields too so that no HTML on the page is shifted when the warning appears, so this CAPS warning actually floats just below the field being activated on.

It also automatically destroys itself after 5 seconds which you can change if required, and finally if you click the warning that also destroys it from the screen. Handy for when the warning might get in the way of elements etc.

Of course if you dont feel my styling, you're more than welcome to modify the CSS parts of the jQuery to your own liking - change the auto-removal timing or remove as necessary.

```javascript
//CAPS LOCK WARNING
//change #password below to either an ID of the field you want
//you could use a class ie. .password or any other jquery selector.
//this works fine with one block on multiple fields, so ie. #password, #password2

//on the setTimeout you can change 5000 to an amount of seconds you want until the warning auto-disappears

$('#password').keypress(function(e) { 
	var s = String.fromCharCode( e.which );
	
	var pfield = $(this).position();

    //check whether the input is in caps and the shiftkey isnt being pressed
	if ((s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) ||
	   (s.toUpperCase() !== s && s.toLowerCase() === s && e.shiftKey)){
	   //check to see if the capsalert is already present
		if ($(this).parent().find('#capsalert').length < 1) {
			$('#capsalert').remove();
			//caps alert HTML, edit as necessary
			$(this).after('<b id="capsalert" onclick="$(this).remove();">WARNING: Caps-Lock is on!</b>');
			//the css for the caps alert, modify as necessary
			$('#capsalert')
				.css('position', 'absolute')
				.css('top', (pfield.top + $(this).outerHeight() + 1) + 'px')
				.css('left', (pfield.left) + 'px')
				.css('border-radius', '5px')
				.css('padding', '5px')
				.css('cursor', 'pointer')
				.css('background-color', '#ffe599')
				.css('border', '1px solid #e6ab00');
				
			//the timeout for the capsalert
			setTimeout(function(){
			  $('#capsalert').remove();
			},'5000');
		}
	} else {
	    //removes any alerts once it detects no caps lock
		$('#capsalert').remove();
	}
});
```
Compile Svelte in Your Head by Tan Li Hau
Tags: svelte
Published: 2020-03-04 01:56:25

---
title: Compile Svelte in Your Head by Tan Li Hau
published: true
description: Linking to a blogpost I was too lazy to do
tags: Svelte
slug: compile-svelte-lihau
displayed_publish_date: "2020-03-02"
canonical_url: https://www.swyx.io/writing/compile-svelte-lihau
---

Last year, when [I mobilized my network to put together the first NYC Svelte meetup in one week](https://www.swyx.io/writing/starting-dev-community-meetup), I was not even an active Svelte user at the time. I was just a Rich Harris fan and friend.

So of course organizing a meetup involves finding speakers, and when you give yourself one week to find speakers, you can pretty much expect to be one of the speakers 😂

What do I do when I don't know a thing and have to talk about it? I go look at the source code. I had had a lot of success [doing this for React](https://www.swyx.io/speaking/react-hooks/), so I figured I would do this for Svelte. 

Having worked on a [React SFC proposal](https://github.com/sw-yx/react-sfc-proposal), I was super curious exactly how Svelte achieved scoped styles for its components. If you style a `<p>` tag inside a `Parent` component that contains a `Child`, and if there is a `<p>` within that `Child`, somehow the `p` styling from the `Parent` doesn't "bleed" to the `Child`!! It turns out that scoped styling means scoping to the component by attaching a unique classname.

I discovered all this and more by looking at the before-and-after output of the [Svelte REPL](https://svelte.dev/repl/). After all, [Svelte is a language](https://gist.github.com/Rich-Harris/0f910048478c2a6505d1c32185b61934) - and any language has a REPL! As I explored more and more I found that I was able to completely demystify the Svelte template language by being able to predict what the compiled output was going to be.

So I figured I would write a blogpost to organize my thoughts, [like I did for the React one](https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/) - however the 1 week ran out in a blink and I ended up giving my talk with my slides not even half done.

I wasn't very happy with this and so never posted up my talk at the time. A month later I was visiting Singapore and [got the chance to rerecord the talk](https://www.swyx.io/speaking/svelte-compile-lightning/), but unfortunately the audio was not great.

I never did get around to writing that blogpost, since my curiosity was satiated.

But now, I don't have to :) Li Hau, one of the Svelte maintainers, and a fellow Singaporean who is just better than me in every way, wrote it up!

[You can read Part 1 of his blogpost, Compile Svelte in your Head, on his blog now.](https://lihautan.com/compile-svelte-in-your-head-part-1/)

When you [Learn in Public](https://www.swyx.io/writing/learn-in-public), sometimes you don't even have to write the blogpost, you can just fail a few times and eventually someone will give up waiting for you and just write it instead 😎
"Với những người thích thú cưng
Published: 2020-03-04 01:51:10

"Với những người thích thú cưng thì chắc chắn không thể bỏ qua được nhưng review hay những sản phẩm chất lượng cao về thức ăn cho chó hoặc cho mèo. Pet Master chuyên cung cấp sản phẩm chất lượng cao. Uy tín 100%.
Thông tin doanh nghiệp.
Website: https://petmaster.vn/petroom/
Hotline: 0936331085
Đ/C: Cơ sở 1 : Số 4 Trần Bình, Mai Dịch, Thanh Xuân, Hà Nội
Cơ sở 2 : 9 Nguyễn Tri Phương, Điện Biên, Ba Đình, Hà Nội
Cơ sở 3 :  Số 245 Đội Cấn, Liễu Giai, Ba Đình, Hà Nội"
Writing without Publishing
Tags: writing, learninpublic
Published: 2020-03-04 01:09:56

As I've started writing [daily blog posts](https://twitter.com/jbrancha/status/1232870300838252544?s=20) (just for 30 days), I've come to realize what Tom Critchlow was talking about when he described [a digital garden](https://dev.to/jbranchaud/the-digital-garden-l10) as being [a blog without a publish button](https://tomcritchlow.com/2019/02/17/building-digital-garden/#a-blog-without-a-publish-button). It's the difference between a living document and a publication.

A blog post that has been published feels like a thing that is or should be finished, cemented in time. Writing the post was an act of the past and now it is a read-only document just for my audience. However, inevitably after each post I publish, I think of something else, an addendum or a clarification, or I read something that feels related, that I want to integrate and expand on.

When some written piece is unpublished, the kinds of actions that I tend to allow myself are _write_, _edit_, _expand on_, _restructure_, _proofread_, _get feedback_, etc. An action I don't really think of is [_share publicly_](https://dev.to/jbranchaud/how-i-learned-to-learn-in-public-2f4m).

On the other hand, once something is published, I tend to narrow the set of available actions to _share publicly_ and _fix typos_. The pre-published actions like _expand on_, _get feedback_,  and continue _writing_ take a back seat or stop altogether.

> Why shouldn't I publicly share some writing that is still incomplete?

> Why should I aim my writing toward publish-and-forget instead of write-to-expand?

> What if my writing could evolve as I learn and discover new things?

The publish button, the idea of freezing my writing in time, is preventing me from expanding my knowledge and growing my writing. As a result I miss out on insights and connections that are right there just at the edge of what I've written, and just at the edge of my thinking. There is only a little bit further to go. If I forget about the publish button, I can get there. If I forget about the publish button, I can start writing for myself again.

---

Notes:

Maintaining [a digital garden](https://dev.to/jbranchaud/the-digital-garden-l10), mind-mapping, or using a tool like [Roam](https://roamresearch.com/) seem like some of the best approaches to get at this kind of writing.
Automatic time tracking on windows
Tags: productivity, help, discuss
Published: 2020-03-04 00:59:13

---
title: Automatic time tracking on windows
published: true
description: 
tags: #productivity #help #discuss
---

I'm in need of a simple, automatic time tracker for windows. I would really like 
a simple tool that tracks opened/active windows and either sorts them into groups or lets me sort them later.

So far I mostly found these complex apps or services like Toggl or Timely, but I really don't need no team features or sync etc...

Any recommendations? Is my dream tool even out there or which tools are you all using?
What is Go?
Tags: go, beginners
Published: 2020-03-04 00:50:02

Go is an open source programming language that makes it easy to construct simple, reliable, and efficient software.

Go was developed in late 2007 by Robert Griesemer, Rob Pike, Ken Thompson, and later joined Ian Lance Taylor, Russ Cox and others, and was eventually released in November 2009. 

A stable version of Go 1 was released earlier in 2012. Now Go's development is completely open and has an active community.

**Go Language Features**
* Simplicity, fastness and security
* Parallel, fun, open source
* Memory management, v array security, fast compilation

**Go Language Use**
* The Go language is designed as a system programming language for giant central servers with Web servers, storage clusters or similar uses.

* For high-performance distributed systems, the Go language is undoubtedly more efficient than most other languages. It provides massive parallel support

## First Go program

Let's write the first Go program, hello.go (the extension of the Go language source file is .go), with the following code:

```go
package main

import "fmt"

func main() {
   fmt.Println("Hello, World!")
}
```
Execute the above code outputs
```
$ go run hello.go 
Hello, World!
```

More reading:
* <a href="https://golang.org/">Go programming website</a>
* <a href="https://golangr.com/">Golang tutorial</a>
Saas Docker Compose
Tags: docker, microservices, watercooler
Published: 2020-03-04 00:45:13

I've noticed a lot of people have problems with Docker being slow when they have too many containers running on their laptop.

To solve this problem we're working on a Docker Compose alternative, Kelda Blimp, that runs in the cloud rather than on my local machine: [https://kelda.io/blimp/](https://kelda.io/blimp/)

Would love feedback, what do you think??
Thanks to other women, Pachi coded
Tags: wecoded
Published: 2020-03-04 00:41:41

## What equality in tech looks like, you asked? ##
Being welcomed and feeling like you belong...
Being respect...
Being a value team member.


## I’m an expert at...##
Hmmm... Explaining things in a natural and beginner-friendly way.


## My advice for allies to support self-identifying women and non-binary folks who code is...##


Now, why does being a woman in tech makes me a minority when we are half of the population? Doesn't that sound silly?
The thing is, for some reason, in tech we are.

And some people will tell me: women aren't in tech because they don't want to be, 
Programming has nothing to do with gender.

And yes, Programming doesn't have to do with gender. 
But mindset, opportunities, and biases do.

If Women see women in the field, it gives them a sense of "hey, there is space for me". 
If Women see men respecting those women they get a sense of "hey, I am welcomed".

You often read that women give up in mid-career... I am a newbie so I can just guess why...

Because they have to try too hard?
Because they don't feel welcome?
Because they are just tired of the fight to keep their space?

On March 2020 I ask you:
Can you do anything to help us?

We can do it without your help, but Damm it would be nice if we had your help!

Just make space for us.
Help us feel safe and welcomed.
We aren't going anywhere folks, so we better be friends 😂

Love,
Follow me on Twitter 😝

Pachi


P.S. Shout out to :
{% user cjtaylor1990 %}

Who is just doing a great job as an ally and gives me hope on tech :)
How did YOU learn Ruby?
Tags: beginners, ruby, watercooler, help
Published: 2020-03-04 00:30:27

So, there's a chance I might need to get myself up to speed with [Ruby](https://www.ruby-lang.org/en/) (for real, and for quick), and even a smidgen of [Rails](https://rubyonrails.org/) and/or [Sinatra](http://sinatrarb.com/).

I read [why's poignant guide](https://poignant.guide/) a long time ago.  I also worked through some of Michael Hartl's [Rails Tutorial](https://www.railstutorial.org/book), but this was back in Rails 4 days.

I've been working with JavaScript, TypeScript, C++, and Rust enough to feel I *sort of* understand what OOP means, but I know that Ruby takes a page from the Smalltalk book of object orientation .  It ain't kid's play anymore, we're really *oriented around objects* here.

I have heard [Practical Object-Oriented Design in Ruby](https://www.poodr.com/) by Sandi Metz is a good resource, and I am planning to pick up a copy.  I also plan to translate some existing web backend work in a variety of tools to Rails 6.  How else would you, Ruby expert, go about getting yourself back up to speed?

(p.s. *job*.  more after the break.)
What is the difference between parsing and serialization? 
Tags: parsing, question, help, discuss
Published: 2020-03-04 00:20:43

---
title: What is the difference between parsing and serialization? 
published: true
description: 
tags: #parsing, #question, #help, #discuss 
---

So, I've come across both terms and I don't understand how serialization is different than parsing. They seem to be different as I've never read about both in the same context but they seem to be similar as they do roughly the same thing, I think.
FEATool Multiphysics 1.12 - SU2 CFD Solver MATLAB Integration and GUI
Tags: cfd, featool, multiphysics, su2
Published: 2020-03-04 09:13:26

---
title: FEATool Multiphysics 1.12 - SU2 CFD Solver MATLAB Integration and GUI
published: true
date: 2020-03-04 00:00:00 UTC
tags: cfd, featool, multiphysics, su2
canonical_url: https://www.featool.com/news/2020/03/04/FEATool-Multiphysics-v1p12-with-SU2-CFD-Solver-Integration.html
cover_image: https://www.featool.com/images/150-featool-with-openfoam-cfd-solver.jpg
---

#FEATool #Multiphysics version 1.12 introduces a dedicated built-in solver interface for the #SU2 Computational Fluid Dynamics (#CFD) solver, updated 3D geometry modeling engine and CAD support, and improved 3D mesh generation.

Precise Simulation, provider of unique software solutions for multi-physics and multi-simulation, modeling, and CAE simulation app design, announces the latest version of its FEATool Multiphysics software suite.

In addition to the existing solver integrations for OpenFOAM&reg;, FEniCS, and FEATool and #MATLAB, version 1.12 now also features built-in support for the SU2 CFD solver. The unique multi-simulation feature of FEATool allows users to easily set up and run multiphysics and CFD simulations within one easy GUI and CLI interface. This allows one to try and compare different solvers for the same problem with one-click, saving users time and work from learning the intricacies and formats of different solver codes.

Visit https://www.featool.com/news/2020/03/04/featool-multiphysics-v1p12-with-su2-cfd-solver-integration for more information.
How to generate a table from JSON data with es6
Tags: javascript, tutorial
Published: 2020-03-03 23:54:46

I found that many of the json to html table answers on stackoverflow and misc blogs were a little hard for me to read and one implementation didn't work. I hope that my attempt can help you in the future.



The no frills bare basic json to table function
*EDIT: this assumes your json data is an array of objects
{% jsfiddle https://jsfiddle.net/7atsg1ry/ %}
Creating A Remote First Ecosystem(Startup's, Job seekers and Education)
Published: 2020-03-03 23:48:55

I'm truly passionate about remote work, where it's possible(some jobs you just can't do remotely) I have a significant amount of exposure and experience with the world of startup's. For those familiar the word ecosystem, it is associated with startup's. Although I want to broaden the term ecosystem to include a more well rounded view of ecosystem.

 I know there are job boards, websites, social media accounts and newsletters that are only focused on remote work and everything surrounding it. The concept of this post is fairly recent, it came from a conversation just this weekend with a friend of mine on twitter, we were Dm'ing about remote work and I asked 'why isn't there a remote first ecosystem?' The closest I can think of right now is the E-residency program but I'm thinking in terms of being more expansive and even more free flowing like how ecosystems exists in actual cities. Are there remote first Venture Capital firms? Start up incubators?(I know of one, pioneer) there are meet ups and there are remote focused conferences. There are remote banks. This post is food for thought, please leave a comment or two, I would love to engage on this topic.