teleren/devto huggingface dataset:
Cliplo a modern clipboard manager and productivity tool.
Tags: vue, electron, tailwindcss, productivity
Published: 2020-08-15 03:57:12

So I made a thing.

My clipboard needs love, and I would love more visibility for said clipboard throughout the day.

Cliplo is an app to manage your clipboard history.

![cliplo screenshot](https://github.com/adamwhitlock1/cliplo-quasar/raw/master/docs/images/cliplo-cover.png)

https://github.com/adamwhitlock1/cliplo-quasar

An application that tells you where you clipped things from, and possibly what you were working on.

The 'clipboard manager' can do more, and it should do more.

Check out github for an open source repo of the application, and all contributions are welcome.

Cheers
Alexa notifies you when someone stars your repository
Tags: actionshackathon, alexa, iot, github
Published: 2020-08-15 03:32:30

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)

{% twitter 1294482773181423616 %}

### My Workflow
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)
The workflow is a silly one, for vain individuals who want to know when people are starring their code on github! This isn't a published marketplace action, just something spun up in a workflow, so there's no official name... I'll just go with the name of: [On Repository Starred - get a notification on your Alexa device(s)](https://github.com/rdlucas2/actionsHackathonSubmissions/blob/master/.github/workflows/starred.yml). This isn't being used anywhere except for the repository I created for submissions to this hackathon.


### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)
Interesting IoT


### Yaml File or Link to Code
[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)

[Action YAML file](https://github.com/rdlucas2/actionsHackathonSubmissions/blob/master/.github/workflows/starred.yml)

### Additional Resources / Info

All this required was an http request, so used an [existing action](https://github.com/Satak/webrequest-action) to accomplish this. On the Alexa side, what's required is adding the skill [Notify Me](https://www.thomptronics.com/about/notify-me). With the skill added, all you have to do is say "Alexa, open notify me" - and the app will send you an email with the secret required to get this running. Add the secret to your github secrets, and craft a custom message in the json body to get your notification. The message I've made in the code says who starred which repository (yes, you could add this to multipe repos). Your Alexa device will only make a sound when a notification is received, you have to ask to read or hear your notifications to actually listen to the response. 

This is kind of a silly example - if your repository becomes popular and you're getting a lot of stars you probably don't want to hear that many notifications! Others have already made an [IFTTT](https://ifttt.com) action, which could be used to kickoff processes for any of your other smart devices with relatively little hassle... think, you could flash your hue lights red when an issue is created, or maybe play the final fantasy victory song when a milestone gets completed.

Happy coding :-)

[Note]: # (Be sure to link to any open source projects that are using your workflow!)

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. )

[Reminder]: # (Submissions are due on September 12th (11:59 PM PDT) and winners will be announced on September 23!)
Loops in Javascript | Javascript Crash Course
Tags: javascript, tutorial, webdev, codenewbie
Published: 2020-08-15 03:09:02

Hey YOU!
In this video, we will learn about loops in Javascript. We will learn about <code>for</code> loop, <code>while</code> loop and <code>for of</code> loop in this video.

Connect With Me:
Youtube: <a href="https://www.youtube.com/c/ShubhamSauravYT" target="_blank" rel="noopener noreferrer">ShubhamSauravYT</a>.
Twitter: <a href="https://www.twitter.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Instagram: <a href="https://www.instagram.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Facebook: <a href="https://facebook.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Code is for Humans
Tags: codenewbie, codequality, javascript, webdev
Published: 2020-08-15 02:45:48

![Getify's Avatar](https://dev-to-uploads.s3.amazonaws.com/i/hefljg5gzis7dvnt2dq5.png)
These are some of the gems that can be found watching [Kylie Simpson's](https://twitter.com/getify) [Code is for Humans](https://frontendmasters.com/teachers/kyle-simpson/code-is-for-humans/) presentation at [Frontend Masters](https://frontendmasters.com). The talk is available for free and in my opinion, a must watch for new web developers. Here is my brief overview.

**If you don't know why your code works, you have no hope of fixing it when it breaks.** _--getify's law #42_

The inability to understand how code works so that it's quicker to rewrite is a universal problem. The difficulty of understanding code stems from our inability/unwillingness to insist that our code communicate our ideas clearly.

There are infinite number of ways to write the same program. But in the 60+ year history of computer science, we've prioritised writing code primarily for computers instead of optimising for the people who are going to read them.

**Code is for communicating ideas with other people.**

Instead of prioritising writing the fastest code, we should prioritise other metrics. For example, how many of our lines of code are going to survive the next cycle of when someone in future will refactor our code (that someone could be our own future self)? The only way to ensure our code is going to survive is to make it readable. If our code has to be rewritten to be fixed, we have failed.

Refactoring to make the code more readable is, not just a great idea, but _essential_. Take 10% of your time, 6 minutes out of every hour, to make your code more readable. Every moment we invest in making code readable will directly pay off, and impacts our ability to do our job. Readability is not just something good to have, it's the whole point.

The one thing that we will always be better than computers is how to communicate with other people. We should focus on that.

**Code that you do not understand is code that you cannot trust, and code that you cannot trust is code that you do not understand**
Day 75 : #100DaysofCode - My Rails Project
Published: 2020-08-15 02:37:56

Today I deployed my project to Heroku. It was stressful, but I accomplished it. I want to update the css but keep getting an issue that is driving me crazy. My categories page looks crazy at the moment, but it is done and I completed it. Tomorrow, I will share the video walk through on how to use it. 

<center> <h1> <a href="https://b-owned.herokuapp.com/companies"> B-Owned Rails Project </a> </h1></center>

<i> "Now keep in mind I am an coder and I am sensitive about my ish" </i> -- Erykah Badu the Artist 

If anyone knows how to fix my issue, this is the error I keep adding when trying to update my heroku app when I run ``git push heroku heroku:master``:

``remote:  !     Precompiling assets failed.``

I googled and added ``config.assets.initialize_on_precompile = false`` in my application.rb, production.rb, and development.rb but NO LUCK! If you happen to know how to help me, let me know.

Regardless, feel free to check out my application and as always, thanks for reading!

Sincerely, 
Brittany

Song of the day:

{% youtube YY2-mrsXgMM %}
Minimalist audio videos for songs
Tags: ffmpeg
Published: 2020-08-15 01:35:28

So a while ago I found out about making one frame videos by simply throwing in an image, audio, and setting the framerate closest to the length of audio, in which I showed an example with Pinback's X.I.Y. for two minutes: https://www.youtube.com/watch?v=RIhPf-LqY6M
Which the command is basically:
`ffmpeg -loop 1 -r 0.002777 -i cover.jpg -i audio.mp3 -ab 256k -shortest -t 360 video.avi`
And of course is more efficient than 25fps or whatever fps for something that's just audio, and coincidentally as I was doing it with another album, YouTube Topic videos started just showing the album cover in a square rather than also including text, and having it at 25fps 🤔🤔🤔🤔🤔
I know someone will probably bring up the point of it not mattering how low the FPS is because of how the same frame is displayed for 4 minutes, but it actually does affect the file size, as I've tested a few times
Now at first, I was using rounded up numbers from this little online tool: http://www.zapstudio.net/framecalc/ and repeatedly changing numbers to see it get to the closest length of the audio until I found out the equation is 1 divided by the length of the song
I also happened to make a javascript function at the beginning of this year that takes in a string of HH:MM:SS and makes it a float [(link)](https://gist.github.com/donnaken15/38234f84ea334919462dec990c819f7c)
With this I was able to mass render videos faster of audio from the album I mentioned, and not overestimate or underestimate 1 frame lasting 2-3 minutes
~~I might not be running a channel to upload a hardcore artist's entire catalog~~
So the process was simply get exact length of a song, `1/timeToFlt("00:04:40.250")` in a browser console, and doing the same ffmpeg command as above but with the new framerate
And in addition, there was less to blank endings of the video after the song had already ended (and I noticed because the songs I was converting hit an instant stop instead of fading out normally)
Though it doesn't help YouTube will kind of force a minimal framerate anyway at like 5 or 8fps
In some cases (sometimes on mobile), it's so minimal that YouTube won't even show the quality setting, and I saw at some point seeking thumbnails weren't showing for a video or two
.npmrc generator with Github Actions
Tags: actionshackathon, github, npm, node
Published: 2020-08-15 01:18:27

Hello this is my submission for the Github Actions hackaton!
I actually developed this for my organization but it is really useful for installing private npm modules (in this case hosted on github)
[Instructions]:
You gotta pass these inputs:
org_name
Organization name (Github repository name)

auth_token
AuthToken that is able to download files from the repository, can also be passed as env and it's rather recommended this way

And you use it like in the example on below

### My Workflow
```yaml
name: core

on:
  pull_request

jobs:
  continous-integration:
    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [12.x]

    steps:
      - uses: actions/checkout@v2
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node-version }}
      - name: Create a .npmrc file for the github private repository
        uses: FerLuisxd/create-npmrc@3
        with:
          org_name: lig0  
        env:
          AUTH_TOKEN: ${{ secrets.OGIL_PALOMA_SECRET }}
      - run: npm install
      - run: npm run lint
      - run: npm test
        env:
          CI: true
```

### Submission Category: 

DIY Deployments


### Yaml File or Link to Code
{% github FerLuisxd/create-npmrc %}

🎉 Congratulations, you have successfully automated your private module installs! 🎊

### Additional Resources / Info

If you need to know more about installing private modules click (here)[https://docs.github.com/pt/packages/using-github-packages-with-your-projects-ecosystem/configuring-npm-for-use-with-github-packages]
enchantedForest[8]
Tags: javascript
Published: 2020-08-15 01:06:39

Hello. 

Short developer PSA here (Walkthrough post): You will have to jump off a cliff, or be horrendously mauled by a mob before being able to respawn and proceed to the next section of the Llama Plains. Worry not, for this is a feature, not a map-design bug. It is our mirrored implementation of Harry Potter being required to die before being able to destroy all of Voldemort's Horcruxes. Or at least that's what our official statement is XD. 

\- Kevin
Pagekit — Made with Vue js showcase | Made with Javascript
Tags: javascript, vue, madewithjavascript, madewithvuejs
Published: 2020-08-15 01:05:08

![Pagekit — Made with Vue js showcase | Made with Javascript](https://dev-to-uploads.s3.amazonaws.com/i/srht3i8bhpkbdfuubkmn.png)

Pagekit is a modular and lightweight open source CMS built with [Symfony](https://symfony.com/) components and [Vue JS](https://vuejs.org/)

Pagekit also has a very detailed [documentation](http://pagekit.com/docs) that is super helpful for anyone starting on their platform. 

> ## Build sites easily
>
> The central place to manage your content is the Site Tree. Set up your menu structure, edit your pages and manage widgets. All in one interface, with simple drag and drop.
>
> ## All stats in one place
>
> The configurable dashboard provides an overview of your project and allows for quick access to your content. Explore your Google Analytics statistics and track visitors in real-time.
>
> ## Start blogging now
>
> Pagekit’s blog provides you with the tools to start creating content and to share your stories right away. The built-in comment system allows you to involve your users.

## Want to get your Javascript project Featured on Made with Javascript?

- It is very easy to submit your project, especially if you are a developer. Just go to this github repository and create a PR with a file for your project.
- If you are not a developer and will like to submit a project for Made with Javascript, just fill out the below form and we will get in touch!
https://forms.gle/dWfFLBso4uMCViHW7
- If you still have any queries, shoot an email to us at madewithjavascript@gmail.com
enchantedForest[8]
Tags: javascript
Published: 2020-08-15 01:04:34

Today we did

- mob dropping items
- made 2 fun new rooms!

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

something interesting we found out, is that we have two different fields in our Entity class, one called type and one called species. Interesetingly enough, item.type="item" whereas item.species=itemType, e.g. "gem".

wow, great names !Alek.
“PORTFOLIO”, what do you specifically want to display? and how?
Tags: portfolio, javascript, vue, react
Published: 2020-08-15 00:49:13

When you make a portfolio,
Should you ALWAYS show your code? When your making transitions or effects, to show off what you can do, well,
How do you display a variety of content, yet, you only have one site, or work is very precise to certain layouts,
So how do you display that?
Pack of 8 - The Ultimate Drawing Course Bundle

Published: 2020-08-15 00:33:02

Courses Included In The Bundle
Shading Techniques: Basics & Practice - How to Draw and Shade with Realism
Shading Techniques: Basics & Practice - How to Draw and Shade with Realism
In this course, I am explaining the basics of the two most important shading techniques for creating a realistic style of drawing: the Circulism method and the smooth gradient. I will demonstrate to you my unique approach to creating a gradient transition, using three different methods. I will show you how to create smooth textures using the Circulism method and graphite pencils.

Once you acquire these two basic skills, you will be able to draw anything with ease.

So, join me and take your shading skills to the advanced level!

Jasmina

Worth $ 49.99 $9.99 
 Learn more: https://www.simplivlearning.com/bundle/pack-of-8-the-ultimate-drawing-course-bundle
Learn to sketch your users
Published: 2020-08-15 00:32:56

---
title: Learn to sketch your users
published: true
cover_image: https://i0.wp.com/appearworks.com/wp-content/uploads/2020/08/Yellow-Perky-Illustration-Birthday-Facebook-Post-4.png?ssl=1
---
Really excited about [this workshop I’m putting together about drawing users.](https://www.eventbrite.com/e/115604926447) 

We’ll be learning a few different ways to draw people and how to bring them to life.

This is useful for sketch-noting or if you are trying to generate more empathy for users on your team.

Click the link to read more and get a ticket!
Pack of 10 - Linux Certification Bundle

Published: 2020-08-15 00:29:47

Courses Included In The Bundle
Advance Linux System Administration
Advance Linux System Administration
Start on-demand career as Linux Server Admin and learn from IT Professionals with live Environment Sessions
This course will teach you everything you need to know to be an Advanced system administrator
Worth $ 49.99 $9.99
Learn more: https://www.simplivlearning.com/bundle/pack-of-10-linux-certification-bundle
Do you still use template engine?
Tags: discuss, webdev
Published: 2020-08-15 00:23:26

Hey guys, my blog is written in svelte/sapper and I decided to go with a node server with template engine since i do nothing fancy on my website. but I noticed most of template engines not update and also the tooling not maintainable.
 
Do you still have projects with no frontend framework and how you maintain the workflow (bundling, tooling)?

[My website repo](https://github.com/22mahmoud/mahmoudashraf.dev/tree/v3)
Đề kép gan lâu nhất là bao nhiêu ngày
Tags: xsmb, dudoanxsmb, xsmbdudoan
Published: 2020-08-15 00:00:51


thực tế, mặc dù sở hữu dấu hiệu kép sẽ về nhưng thực tế thì không phải khi nào dấu hiệu với mà đề kép cũng ra, như vậy ra cần xác định thời gian cụ thể mà đề kép sở hữu thể về với xác suất cao nhất, trong khoảng ấy dừng khoảng thời gian nuôi đề kép của xổ số miền bắc xem thêm tại: https://ketquabamien.com/du-doan-xo-so-mien-bac

Đề kép gan lâu nhất bao nhiêu ngày

Đề kép gan lâu nhất bao lăm ngày?

Thường thì sau lúc với tín hiệu xuất hiện thì đề kép sở hữu thể sẽ rơi vào từ 5 ngày tiếp theo là cao nhất, quá thời gian này mà chưa về thì bạn với thể nuôi thêm 2 ngày nữa, quá 7 ngày này thì vững chắc ko còn tín hiệu kép nữa.

thời kì gan lâu nhất của các cặp kép là:

00 gan cực đại 16 ngày

11 gan cực đại 11 ngày

22 gan cực đại 24 ngày

33 gan cực đại 15 ngày

44 gan cực đại 30 ngày

55 gan cực đại 25 ngày

66 gan cực đại 24 ngày

77 gan cực đại 19 ngày

88 gan cực đại 17 ngày

99 gan cực đại 20 ngày

Dựa vào gan cực đại của những cặp kép này, khi xuất hiện dấu hiệu đề về kép, bạn nên rà soát xem nó có gan hay ko, nếu đã gan thì gan đạt bao lăm ngày, nếu ngày gan tiếp cận cực đại thì nuôi kép đó luôn trong vài ngày tới.
Case-Insensitive Text Columns in Postgres with citext
Tags: postgres, database
Published: 2020-09-02 14:51:50

---
title: Case-Insensitive Text Columns in Postgres with citext
published: true
date: 2020-08-15 00:00:00 UTC
tags: 
- postgres
- database
canonical_url: https://magistratehq.com/blog/citext-extension/
---

Recently we heard from a friend that they were curious if there was a better way to work with case-insensitive text columns in their Postgres database. They were frustrated because they found a bug where part of their application considered the column to be case insensitive and another part did not.

The column we were asked about was an email column that would be used lookup users and would certainly benefit from an index. This got us thinking about indexing case-insensitive text. Typically, the column would be defined as a text type, and everywhere it is referenced you would call `lower()` on the value.

That has a few drawbacks though. You have to remember to call `lower()` on the value, a unique constraint on the column will be case-sensitive, and it will not use an index (unless it is an index on `lower(email)`).

So, let's start with a typical user lookup query.

```
select * from user where lower(email) = lower(?);
```

We can improve this by changing up our table schema a bit. We are going to leverage a Postgres extension to get access to a new column type, [citext](https://www.postgresql.org/docs/current/citext.html) (case insensitive text).

But first, we need to check to see if the extension is available on our database. This can be done by running the following query on our database or by looking at the extensions tab of our magistrate dashboard.

```
select * from pg_available_extensions where name = 'citext';
```

We got a result from running that query so we know it is available on our database. Now we can install the extension to our database with this query.

```
create extension if not exists citext;
```

Now that we have all of that set up we can change email to use the citext type we just added.

```
alter table users alter column email type citext;
```

Now our user lookup can be simplified to this query because the citext type is handling the `lower()` calls.

```
select * from user where email = ?;
```

This change squashed our friend's bug, and now our friend knows about citext for future case-insensitive text needs!

citext is just one of the many Postgres extensions we love. If you liked this blog post, and want to learn more about what Magistrate has to offer, sign up for our mailing list at [magistratehq.com](https://www.magistratehq.com/).
How to check if a user is online or offline in JavaScript?
Tags: javascript
Published: 2020-08-15 00:00:00

---
  title: How to check if a user is online or offline in JavaScript?
  published: true
  tags: JavaScript
  date: Sat Aug 15 2020 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/check-if-user-online-offline-javascript
  cover_image: https://melvingeorge.me/_next/static/images/main-bd7bc80bae7eb6ff01c72d42b0e54b7e.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/check-if-user-online-offline-javascript)
  
To check whether a user is online or offline in JavaScript, You have to listen for the events `online` and `offline` on the `window` in JavaScript.

## Check if User is online

Add an `online` event listener to the `window` like this,

```javascript
// to check if user is online
// add an online event listener
// to window
window.addEventListener("online", (event) => {
  console.log("User is Online ✅");
});
```

## Check if User is offline

Add an `offline` event listener to the `window` like this,

```javascript
// to check if user is offline
// add an offline event listener
// to window
window.addEventListener("offline", (event) => {
  console.log("User is Offline 🚫");
});
```

### Feel free to share if you found this useful 😃.

---
What is your current browser for personal use? Pro and cons?
Tags: discuss, watercooler, question, webdev
Published: 2020-08-14 22:59:07

A couple years ago I switched (from Chrome) to Firefox as main option for personal use (and, more recently, Firefox Nightly on mobile). I can say that, despite some quirks, I am happy with the browser and the general Mozilla products ecosystem (often the true differential).

The features I use the most are sync (mostly because of some settings and extensions as I am lazy to configure it manually), [Bookmark Tags](https://support.mozilla.org/en-US/kb/categorizing-bookmarks-make-them-easy-to-find?redirectslug=Bookmark+Tags&redirectlocale=en-US) and [Firefox Multi-Account Containers](https://github.com/mozilla/multi-account-containers#readme)

I sometime try other (available for Linux) browsers from time to time but recently decided to o have a second option ready to go because, never knows :)

I did the homework and found the almost one year old [What is your Favorite Browser? ](https://dev.to/devmount/what-is-your-favorite-browser-210l) (among a few more resources), but I'd like to ask: 

`what is your current browser for personal use? Can you point pro and cons out?`

-----

[Cover](https://www.pinterest.com/pin/138626494753456623/)