teleren/devto huggingface dataset:
Playing with Fyre
Tags: rithfoss
Published: 2019-02-06 06:34:11

---
title: Playing with Fyre
published: true
description: Blog03 for HFOSS
tags: #rithfoss
---

# Fyre (not the festival)
I haven't done too much this week other than coursework so here's a short post about [Fyre](http://fyre.navi.cx/) - a small computational art application I found while browsing pamac. It allows you to explore different chaotic versions of the Peter de Jong map equations. It has a ton of different settings and numbers to play with. It even has an animation window so you can make gifs or short videos of the shapes moving around. I've played around with it a bit over the past couple of weeks and I found that they make fun profile pictures. Here are just a few of the pictures I've made using the application.

![sylk](https://thepracticaldev.s3.amazonaws.com/i/u617wjyyjtuqxf1rs8zs.png)
![spirit](https://thepracticaldev.s3.amazonaws.com/i/9br6wf32c4o19urexu3y.png)
![heart](https://thepracticaldev.s3.amazonaws.com/i/yos2uk9ghdnaq72pg7el.png)
![sun](https://thepracticaldev.s3.amazonaws.com/i/6loxjvxtzwrjfcd9z6n3.png)
![box](https://thepracticaldev.s3.amazonaws.com/i/omhcqu8cdo14f65k7fdp.png)
ReadyBootDash Gem
Tags: ruby, rails, gem, plugin
Published: 2019-02-06 03:02:31

---
title: ReadyBootDash Gem
published: true
description: Released Admin Dashboard Gems
tags: ruby, rails, gem, plugin
---
[Just Released] Hi guys, I build plugin called ReadyBootDash. ReadyBootDash is NEEAD (Nice Easy Elegant Admin Dashboard) based on Bootstrap 4 Framework. I build this plugin to better managing my assets pipeline while I was working on some project and I'm a bit messed up watching my assets having so many require and to make rails community in Indonesia have many like PHP. Let me know if you found bugs or any issues related to this plugin and I will try to fix it. This is open source [Source File](https://github.com/adhamkurniawan29/ready_boot_dash). 😄
Plain Text File of URLs
Tags: development, mycompany, link, text
Published: 2019-08-30 12:42:32

---
title: Plain Text File of URLs
published: true
tags: Development,My Company,link,text
canonical_url: https://www.chicagoitsystems.com/plain-text-file-of-urls/
---

After searching a rather long time and not finding anything, I decided to publish my own list of URLs as a plain text file, one URL per line.

As I do development, I sometimes need plain text files of test data. I can find [Lipsum galore](https://www.lipsum.com/), placeholder [photos of Bill Murry](http://www.fillmurray.com/), [lists of words](https://github.com/first20hours/google-10000-english/blob/master/google-10000-english.txt), [plain text files of varying sizes](https://sample-videos.com/download-sample-text-file.php), even a place to [dispose of your data](https://devnull-as-a-service.com/code/) (yes, trash can as a service), but I’ll be damned if I can find a single [text file full of URLs](https://www.chicagoitsystems.com/wp-content/uploads/2019/02/URLS-200.zip). So I made my own [plain text file of URLs](https://www.chicagoitsystems.com/wp-content/uploads/2019/02/URLS-200.zip). I hope you find this useful 🙂

The post [Plain Text File of URLs](https://www.chicagoitsystems.com/plain-text-file-of-urls/) appeared first on [Chicago IT Systems, S.L.](https://www.chicagoitsystems.com).
Raven Reader RSS Reader app
Tags: opensource, showdev, vue, electronjs
Published: 2019-02-06 00:18:36

---
title: Raven Reader RSS Reader app
published: true
description: Simple RSS Reader made with Electron and Vuejs
cover_image: https://raw.githubusercontent.com/mrgodhani/raven-reader/master/darkscreenshot.png
tags: opensource, showdev, vuejs, electronjs
---

Hey devs,

I worked on simple desktop RSS Reader made for the desktop. It's a simple reader with minimalistic UI and no extra distraction like social media sharing or recommendation engine. Simply subscribe to favorite feeds you love to read and stay up to date directly on your desktop. No user account needed. It also supports offline reading, that is you can save articles for offline if there is no internet connectivity.

**Github Repo**

{% github mrgodhani/raven-reader %}

**Tech Stack**
- Vuejs
- ElectronJS
- NeDB (Local file-based database)
- Bootstrap
- Mercury Parser API (Full article reading)

**Platform supported**
- Mac
- Windows
- Linux

Let me know with any feedback !
Deploying a Glitch app to IBM Cloud
Tags: cloudfoundry, cloudcomputing, ibm
Published: 2019-02-06 00:20:36

---
title: Deploying a Glitch app to IBM Cloud
published: true
tags: cloud-foundry,cloud-computing,ibm
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/928/1*cpKtX6JxC-7MS0JNsIb2Gw.png)<figcaption><a href="https://medium.com/u/c41c9661ddbd">Glitch</a>, <a href="https://medium.com/u/262975298e3a">IBM Developer</a> &amp; CloudFoundary</figcaption>

Did I tell you that I am a big fan of [Glitch](https://medium.com/u/c41c9661ddbd) ! If you don’t know what that is, [read up here.](https://dev.to/lidderupk_10/my-favorite-web-app-in-the-whole-world-wide-web-world-9gd) I have used this platform in meetups and workshops to very quickly build and deploy web applications. A lot of my work is done on IBM Cloud (hosted CloudFoundry), and it is fairly easy to deploy a Glitch app on the IBM platform. I have a simple ExpressJS application on Glitch. In fact, this it the default Express template.

![](https://cdn-images-1.medium.com/max/1024/1*3n-Mnwm4jMwofsQjY4XBAQ.png)

#### Steps to deploy a Glitch app to IBM Cloud or Cloud Foundry

1. Add a manifest.yml file to your Glitch application root folder.
2. Download the code.
3. Push to Cloud Foundry or IBM Cloud!

Wait that’s it ! **_Yes_** , all you need is a manifest file that tells CloudFoundry how to deploy the application. You can read more on the [CloudFoundry documentation](https://docs.cloudfoundry.org/devguide/deploy-apps/manifest.html#find-app). There are a lot of attributes you can play with, but for our example, we just need to set the name and memory as follows:

```
applications:

- name: upkar-sample
 memory: 128M
```

The first line is listing all the applications in yaml list format. We just have one. We need to give it name that will be used to create the URL and additionally, we need to set the memory. This is an optional attribute, but defaults to 1GB causing IBM Cloud to fail if you are using a free tier which only allows 256MB at this time.

Once you have the manifest file in place, you can log into ibmcloud using the cli and simply deploy to cloud. Learn more about how to [install and work with IBM Cloud here](https://console.bluemix.net/docs/cli/index.html).

Here is the whole process in action.

{% youtube cdLDpzLNKi0 %}

The app is can now be used at the URL provided by IBM Cloud CLI

![](https://cdn-images-1.medium.com/max/632/1*wvWJ9iw3Hztu3gkaGof0fA.png)

**_That’s all folks !_**
Quickly Spin Up MySQL w/ Docker Compose
Tags: mysql, docker
Published: 2019-08-23 15:25:52

---
title: Quickly Spin Up MySQL w/ Docker Compose
published: true
tags: mysql, docker
canonical_url: https://macarthur.me/posts/local-mysql-with-docker
---

I’ve often needed to quickly spin up a local instance of MySQL. [Docker Compose](https://docs.docker.com/compose/) this makes it stupid easy. Rather than running a long, convoluted `docker` command, I can configure an image just the way I want it while maintaining the ability to turn it easily turn it on and off as needed.

## Getting Set Up

Inside a new directory, create a `data` directory and `docker-compose.yml` file.

```
new-directory
├── data
└── docker-compose.yml
```

Paste the following into your `docker-compose.yml` file:

```
version: '3'

services: 
  db:
    container_name: docker-local-mysql
    image: mysql:5.7.21
    volumes:
      - "./data:/var/lib/mysql"
    restart: always
    ports:
      - 3306:3306
    environment:
      MYSQL_ROOT_PASSWORD: root
```

## Managing a Container

To start the container, run `docker-compose up`. To stop & remove the container, run `docker-compose down`. For more information on the plethora of commands avaible to leverage your container, [see here](https://docs.docker.com/compose/reference/).

## Persisting Data

Whenever MySQL modifies any data within the container, it will persist locally inside your `./data` directory, even after you stop and restart everything. This is configured by the `volumes:` property in your `docker-compose.yml` file.

## Running Commands Inside Container

To run any Bash commands inside the running container, use `docker-compose exec db bash`.

## Connecting w/ SequelPro or Similar Tool

Use the following values to connect to the running container.

**Host:** 127.0.0.1

**Username:** root

**Password:** root

**Port:** 3306

## The End.

Boom. With a single command, you have a running, persistent, self-contained MySQL instance ready for your development needs. Have a hot, helpful tip related to anything here? Share it!
TIL: divs are valid elements inside of a definition list
Tags: html, webdev
Published: 2019-02-06 14:48:29

---
title: TIL: divs are valid elements inside of a definition list
published: true
tags: html, webdev
canonical_url: https://www.stefanjudis.com/today-i-learned/divs-are-valid-elements-inside-of-a-definition-list/
---

I'm a big believer in semantic markup, and that's why I use [description lists](https://html.spec.whatwg.org/multipage/grouping-content.html#the-dl-element) whenever it makes sense. Today I was reading the spec of the `dl` element and discovered something that I wished I knew years ago.

The surprising example in the spec I discovered looks as follows:

```html
<dl>
 <div>
  <dt> Last modified time </dt>
  <dd> 2004-12-23T23:33Z </dd>
 </div>
 <div>
  <dt> Recommended update interval </dt>
  <dd> 60s </dd>
 </div>
 <div>
  <dt> Authors </dt>
  <dt> Editors </dt>
  <dd> Robert Rothman </dd>
  <dd> Daniel Jackson </dd>
 </div>
</dl>
```

`div` elements are allowed inside of `dl` elements? What? 

The spec defines it as follows:

> In order to annotate groups with microdata attributes, or other global attributes that apply to whole groups, or just for styling purposes, each group in a dl element can be wrapped in a div element. This does not change the semantics of the dl element.

You might now say, "Okay Stefan what's the deal?". If you do web development for a few years already (before we had flexbox and grid), you might know that styling of description lists was always a little annoying. The possibility to include `div` elements makes it way easier to apply row based styles.

~~That would have saved me so much time. I wish I'd have known that 5 years ago. :D~~

*Edited: Turns out it's not that old. It was added to the WHATWG spec [Oct 2016](https://github.com/whatwg/html/commit/5454d702e0262749aba55576dda32c48e0e498f0) and made it into [HTML 5.2 W3C Recommendation](https://www.w3.org/TR/html52/grouping-content.html#the-dl-element).*

If you want to read more about the decision to allow `div` elements inside of `dl` [this GitHub issue](https://github.com/whatwg/html/issues/1937) goes into it in massive details.
How to store ‘last seen’ for users in Phoenix
Tags: elixir, sql, postgres, ecto
Published: 2019-05-03 13:57:30

---
title: How to store ‘last seen’ for users in Phoenix
published: true
tags: elixir,sql,postgres,ecto
canonical_url: 
---

This week, I worked on some under-the-hood improvements to [Plausible](https://plausible.io/) to give me better insights into my userbase. One of these was to store a `last_seen` timestamp for all users. This is a private piece of data that I use to determine:

- How many users are actively logging on and checking their analytics
- What is the average usage frequency of Plausible?
- When should I consider an account as ‘rotting’? Meaning I’m about to lose them as a user/customer

Let’s see how this can be achieved in Phoenix. First, we’ll start with the schema.

### Schema

We’ll need to generate a migration for the `last_seen` column:

```
$ mix ecto.gen.migration add_last_seen_to_users
```

and the migration itself:

```
defmodule Plausible.Repo.Migrations.AddLastSeenToUsers do
  use Ecto.Migration

  def change do
    alter table(:users) do
      add :last_seen, :naive_datetime, default: fragment("now()")
    end
  end
end
```

At this point, you’ll want to add the field to your `User` Ecto schema as well.

### Plug

Now I want to update this field every time use uses the website. A natural solution here is to add a Plug that intercepts every request. However, updating the database on every request seems fairly wasteful. Besides, for my purposes, the timestamp doesn’t need to be accurate to the millisecond. This is a perfect case for throttling, which can be achieved by using the browser session.

```
defmodule PlausibleWeb.LastSeenPlug do
  import Plug.Conn
  use Plausible.Repo

  @one_hour 60 * 60

  def init(opts) do
    opts
  end

  def call(conn, _opts) do
    last_seen = get_session(conn, :last_seen)
    user = conn.assigns[:current_user]

    cond do
      user && last_seen && last_seen < (unix_now() - @one_hour) ->
        persist_last_seen(user)
        put_session(conn, :last_seen, unix_now())
      user && !last_seen ->
        put_session(conn, :last_seen, unix_now())
      true ->
        conn
    end
  end

  defp persist_last_seen(user) do
    q = from(u in Plausible.Auth.User, where: u.id == ^user.id)

    Repo.update_all(q, [set: [last_seen: DateTime.utc_now()]])
  end

  defp unix_now do
    DateTime.utc_now() |> DateTime.to_unix
  end
end
```

I added this plug to my `browser` pipeline in my router. Note that I have another plug running before this one which looks up the current user and makes `conn.assigns[:current_user]` available.

This approach satisfies every requirement I had for this feature:

- Persist the `last_seen` with an hour precision
- Runs a database update at most once per hour per user
- I specifically use `Repo.update_all` so the `updated_at` field on `users` is untouched.
Increase Website Page Speed
Tags: pagespeed, speed, website, websitepagespeed
Published: 2019-02-05 23:25:30

---
title: Increase Website Page Speed
published: true
description: How to increase your page speed to 99%.
tags: pagespeed,speed,website,websitepagespeed
cover_image: https://www.converticacommerce.com/wp-content/uploads/2018/06/speed-vs-sales.jpg
---

Many websites takes around 2-5 minutes to load, in this tutorial we will take a look on how to increase your website page speed within your own code and some other frameworks.

There are two things you should think about when you want to increase your pagespeed, how to avoid memory leaks and how to avoid the same requests over and over again. 

When looking at frameworks a thing which is heavy is Wordpress. Frameworks are a wheel to avoid slow load time, the reason is you install more code(Plugins) to increase page speed, this will work sometimes but it will not increase the speed 95%.

It is possible to increase pages peed on every website, also by 95%. If you are coding the website yourself stop using JQuery, if you are only using it for two functions. Stop using a package for one single command and stop loading this package on every site or every request. 

I have build a website creator which use 0 packages in python and 0 packages in html/css. 

Github: https://github.com/reliefs/websitecreator

The website creator creates a website from your user input within 20 seconds, you can see a demo here: https://fiverrdiscountcode.com

Inline-style: 
![alt text](https://camo.githubusercontent.com/5cbf6ebf267d82c53206f9bd06d74601953d7cf3/68747470733a2f2f692e696d6775722e636f6d2f6a6f39397141522e706e67 "Websitecreator")
 
As you can see the speed is 99% on mobiles and 100% on computers. This is two scripts inside one and I was still able to keep the speed 100% on google page speed.

So think about how you code your website, remember many times 80-90% is just junk or memory leaks. Happy Coding.

My Instagram Scraper Website:
https://instascraper.github.io

Download My Instagram Bot:
https://github.com/instagrambot/Instagram-scraper-with-autopost

Follow me:
https://www.linkedin.com/in/steffan-jensen/
https://github.com/reliefs/
https://dev.to/reliefs/
https://fiverrdiscountcode.com
When you sit down, you will never get up.
Tags: computerscience, codenewbie, devtips
Published: 2019-02-05 22:32:02

---
title: When you sit down, you will never get up.
published: true
description: Wanna learn how computer science works, read this.
tags: computerscience,codenewbie,devtips,bestofdev
cover_image: https://miro.medium.com/fit/c/1400/420/1*NSN1a2xVtV1exzcD8fpzhA.jpeg
---
This is something I have witnessed since birth. When a person sits down at the computer, spends his whole life there and if he is lucky he will get up at age 60. This is not my story, because I spend more time at the computer than my whole life. This is it.

The computer is a funny thing, because you can easy become a slave to it. This is how the operation system on most deviceses are programmed, so there is no way out of the loop without realising it before you are out. So how do you come to the conclusion to realise that you are stuck.. First you have to look at the tasks you are doing.

Every command typed takes time i can take your entire day of work and program it into one single command. So the work you do 12 hours every day I can do in seconds.

So what is the problem here? The real problem is not to understand, why we program and how computers calculate. Programming is to take several commands into one single command, see it all comes down to {TAKE ALL THE TASKS I DO} > 1 CLICK. How you come to the destination does not matter, just that it do allyourtasks with 1 click.

That I'm writing this article and it took 20min are a waste of time and I could just as easy make an entire AI article writer for programming, you would not could see the difference and this AI creates 1 article each millisecond.

Writing articles is not what i do, so I have not programmed a bot for that yet, but the machines do the work, let the machine work, not you.

To understand how to think about a computer, all a person need is to take a course about basic Computer Science, but most programmers don't even do that, our computer is so fast and yet our operation system, programs and web development are far worse than code made in 1900. So why do we have this problem.. If i put my developer glasses on, it's easy, we put layer upon layer and most developers never peels this onion. Because they don't do that, they will never understand how a computer works, it's really so simple.

Let me give you example, we have two lightbulbs.. on means yes, and off means no.

```
10

yes > no

input(name)

if name is steffan > login

else do nothing.

A machine would read something like

if name is steffan > 1

else 0

```
If i had a lightbulb at home at you where on the street looking, you would see everytime the lightbulb is on it's steffan, everytime its off, it's someone else there.

My Instagram Scraper Website:
https://instascraper.github.io

Download My Instagram Bot:
https://github.com/instagrambot/Instagram-scraper-with-autopost

Follow me:
https://www.linkedin.com/in/steffan-jensen/
https://github.com/reliefs/
https://dev.to/reliefs/
https://fiverrdiscountcode.com
Hello Dev.To
Tags: introductions, aboutme, blog, firstpost
Published: 2019-02-05 07:53:09

---
title: Hello Dev.To
published: true
description: My first Post in dev.to
tags: introductions, aboutme, blog, firstpost
---


#Hello World, Hello Dev.to!

I'm Azel and this is my first post in dev.to :) 
(This is my first post and I'm trying to have a decent content here... :P )  

I used to worked before as a Front-end Web Developer and now, as an Assoc. Configuration and Release Engr. in a Software Company, a job somewhat similar to *DevOps*. I loved coding and during my spare time I still works as a Freelance web developer. Let me share you my favorite group of friends in freelancing. Meet **WordPress**, **Hubspot**, **Joomla** and **Magento**. And yes, they are all CMS (Content Management System) - my group of friends wherein I usually hangout with them during weekends.  

Right now, I'm aiming to learn Python and I started it in [SoloLearn](https://www.sololearn.com/Play/Python/). It's a great platform to learn hands-on and it's free. I loved how the community in SoloLearn interacts and shares what they know for each lessons. 

Aside from python, I'm also studying Powershell in [LinkedLearning](https://www.linkedin.com/learning/) as well as in [PluralSight](https://www.pluralsight.com/). What I love about PluralSight is they have activities and you can download the copy of their presentations and sample codes -- which makes it convenient if I want to review the lesson offline. 

> Knowledge is powerful unless you take action to apply it.

So, I'm also looking for some projects wherein I could practice Python and Powershell. Hope you can help me to do one or if you know something, I'm very open to ideas and suggestions. Please don't hesitate to suggest it. :) 

That's all for my introductory post. 

Nice to meet you. :) 

And thank you for reading. 

PS. You can find me in github as [azelalynetan](https://github.com/azelalynetan)
Day 009: Making a TODO list
Tags: ios, swift
Published: 2019-02-05 21:22:33

---
title: Day 009: Making a TODO list
published: true
description: Notes about Core Data and CloudKit
tags: iOS, swift
---

[GitHub Repo](https://github.com/maeganjwilson/todo_list)

A good section of day nine and probably day ten is going to be researching and trying to implement a way to persist data. These two blog posts are going to be very informative because they will be my notes when deciding between the two.

## Things I want to accomplish

- Persisting data on app quit

## Things I accomplished

- When and why to use [Core Data](https://developer.apple.com/documentation/coredata)
- When and why to use [CloudKit](https://developer.apple.com/documentation/cloudkit)

## Things I learned

This whole section could be "How to persist data on app quit," but I'll go into each part separately.

### When and why to use [Core Data](https://developer.apple.com/documentation/coredata)

Core Data is used when data needs to be local.

This is how Apple describes Core Data.

> Core Data reduces the complexity of creating and maintaining the model layer of your app. By using Core Data to define your data structures, you can remove most of the repetitive code that is typically required.

### When and why to use [CloudKit](https://developer.apple.com/documentation/cloudkit)

CloudKit is used when data needs to be synced between devices.

This is how Apple describes CloudKit.

> The CloudKit framework provides interfaces for moving data between your app and your iCloud containers. You use CloudKit to take your app’s existing data and store it in the cloud so that the user can access it on multiple devices. You can also store data in a public area where all users can access it.

I can use Core Data with CloudKit to get iCloud syncing. That way I can at some point expand this to other devices and have the data shared between them.

To start with, I will implement Core Data and then add in CloudKit at a later point. I want to work in small chunks and add more features as the app grows.

I'm still learning and trying to implement Core Data so that I won't be talking about any coding implementations yet. Maybe tomorrow?

If you have any questions about what I did or how I implemented anything, let me know! If you have any suggestions or other comments, let me know as well!
Your own programming blog 📓
Tags: discuss, career, life, blog
Published: 2019-02-05 20:58:43

Wheater you have your own blog/website or not, I think you can agree with me about it being a great way of showcasing yourself and sharing your knowledge. That's in fact why I myself have started one not so long ago. 😉

But getting started with blogging (especially in the programming world) can be tough. From creating the best content to advertising and sharing it with the future audience. All this stuff can be hard for new and even more matured bloggers out there.

To the point then. Let this thread be a collection of recommendations regarding blogging. These can range from sole content creation to advertising. This way I hope everyone will learn something new. So, let's get it done! 😄