teleren/devto huggingface dataset:
How to create 3d moving pictures using neural network
Tags: machinelearning, windows, 3d
Published: 2020-08-10 10:56:47

---
title: How to create 3d moving pictures using neural network
published: true
description: We create a moving 3d image from pictures using a neural network. This new machine-learning algorithm uses mannequin videos to create pictures for the network to train on and create a depth map to rotate pictures in 3d.
tags: machinelearning, windows, 3d
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/i4c77rc1wdgvuad4ayxa.jpg
---

{% youtube 6Pb-mXp_j_4 %}

We create a moving 3d image from pictures using a neural network. This new machine-learning algorithm uses mannequin videos to create pictures for the network to train on and create a depth map to rotate pictures in 3d.
CSS Animated Clock SVG Design using Keyframes
Tags: css, beginners, tutorial, html
Published: 2020-08-10 10:51:47

{% youtube XWUd9lJP9M0 %}

This Project-based Tutorial is suitable for all especially Beginners. In this Tutorial, we'll build a CSS Animated Clock SVG Design using Keyframes.

📕 SVG download link:  https://drive.google.com/drive/folders/1YwkJJHoEK4PXNYo5p70Cnocgi08GvR9y?usp=sharing

🧠 Concepts covered in this video:
 - Modern Web Design
 - Animations 
 - CSS Keyframes

If you are interested in more real-world **project-based tutorials** then consider checking out the [**Code League**](https://www.youtube.com/channel/UCBF2LIwr2Odb3-pRnNBRegA) Youtube channel and inspire the tech industry.

Share this [video](https://youtu.be/XWUd9lJP9M0) with a friend

Let’s connect:
[Twitter](https://www.twitter.com/codeleague7) 
[Instagram](https://www.instagram.com/codeleague7)
Keyoxide identity proof
Published: 2020-08-10 10:30:04

This is an OpenPGP proof that connects [my OpenPGP key](https://keyoxide.org/C8F44499861ED5B766FC18F58E34AF58657432C8) to [this dev.to account](https://dev.to/dirk1980ac). For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:C8F44499861ED5B766FC18F58E34AF58657432C8]
Why are we still using iFrames?
Tags: webdev, iframe
Published: 2020-08-10 10:29:22

A few months ago, I took over the Corvid by Wix StackOverflow tag to help answer questions about Corvid (formerly Wix Code). One of the common themes I saw popping up was people loveee using iFrames on their Wix sites. And for a second I thought maybe 2020 is all a dream and I'm actually back in 2008. But then I pinch myself, and it hurts so I'm awake and it really is 2020. 

![bad iframes](https://dev-to-uploads.s3.amazonaws.com/i/qrcc2f3wwnfc6ep75n2f.png)

To figure out why people are still using iFrames, I went to the one place I find all my information...Google Search. The main themes I found there were people are using iFrames to:
1. not have to deal with CORS and giving 3rd party sites/services unrestricted access
2. it's easier to pull UI elements across with iFrames
3. Advertising and Marketing
4. maybe the 3rd party you are working with doesn't provide an alternate solution

But using iFrames does cause problems for developers. iFrames are one way, so there is no way to get responses from any embedded forms. This makes it harder for the ever-growing-in-popularity event driven programming. Additionally when we all have 3 different screen sizes in our pockets/bags/homes, iFrames aren't inherently responsive and can break the user experience on a mobile site. And from an SEO perspective, they may not help you as the content cannot always be indexed. 

![woman coding](https://dev-to-uploads.s3.amazonaws.com/i/s8gfx7br75diflojc849.jpg)

So in today's modern world of REST APIs and GraphQL, why are you still using iFrames? I am hoping to start a series exploring this topic, so please share you positive or negative iFrame experiences in the comments!
Norton.com/setup
Published: 2020-08-10 10:25:28

Norton.com/setup Is A Web Page That Enables You To Download
And Activate Norton Products On Your Device
Norton security products have been in the world of cybersecurity for more than two decades now. Known for delivering end-to-end protection to the Windows, Mac, Android, and iOS devices, Norton antiviruses have made the digital world a safer place for everyone. Apart from protecting your devices from the attacks of viruses, malware, and other online threats, Norton antiviruses (if installed and activated successfully) can also help in tracking your lost or stolen device.

It keeps on running in the background to ensure that your device is safe and sound from the prying eyes of cybercrooks. While protecting your device in real-time, a Norton antivirus also prevents you from clicking malicious or harmful URLs that might lead to the data breach or other online scams. Like any other software, Norton security software also needs to be downloaded, installed, and activated on your Windows or Mac device.  https://norton-com-setups.com/
Reaper Discuss: Let's talk about a Repository and Project Management App
Tags: discuss
Published: 2020-08-10 10:23:36

---
title: Reaper Discuss: Let's talk about a Repository and Project Management App
published: true
description: 
tags: #discuss
//cover_image: https://direct_url_to_image.jpg
---

Normally, I'd just build it and bring it to you guys but this time I'd like to try another route and instead of going all in, I'd like to know your views about the idea.

So, the project's concept is very simple. 
It manages your ideas and projects on a simple web/desktop app. 

You add in ideas as you like and when you feel like working on one, you let the app know you want to initiate a project and it'll create a git repository for you and give you a git clone url.

And you can add notes etc to your commits for that project and also add tasks and stuff. 

Basically everything that Github already offers but a little more tilted towards managing the project as to adding and editing code approach that github tends to fall towards. 

Let me know if there are things you wish it could do or if the project would be a total flop.
How to Backup Salesforce

Published: 2020-08-10 10:18:55

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

[Salesforce](https://www.cloudanalogy.com/) is an innovative cloud-based service that enables companies to manage sales and customer relationships without the need for heavy software. It is one of the best cloud services and is used by businesses around the world on a daily basis. The service enables sales teams to work efficiently anywhere in the world and helps them focus on their mission: selling. sounds like food, right? Salesforce is a powerful tool that contains information vital to the growth of any business that uses it. Given the nature of this data, a Salesforce backup is invaluable.

**Salesforce Backup: Some Reasons to Do It**

The global nature of [business](https://www.cloudanalogy.com/) these days creates versatile businesses with transatlantic sales teams that need to stay on top of their work anytime, anywhere, year-round. Using Salesforce makes this possible, but it also makes these companies dependent on the service. Businesses depend on Salesforce to protect this vital information. This is why a Salesforce backup is essential. A Salesforce backup can save the day.

**How secure is your information?**

Many tech companies face security issues like account hijacking and security on a daily basis. In fact, in 2007 Salesforce suffered a successful phishing attack that affected the information of several Salesforce accounts. Furthermore, the fact that simple human error is the most common reason for information loss shows that it is very important to protect this vital information.

Founded in 1999 and publicly traded in 2004, Salesforce quickly became a successful company having acquired many businesses along the way. But in these volatile financial times, it's unclear what the future holds for Salesforce. Where would you be without crucial information from your Salesforce account? A Salesforce backup would give you peace of mind knowing that this important data is safe and ensures the safety of this crucial data.

A Salesforce backup is essential to protect the information vital to the growth of a business. So what should we do? You should find a service that backs up all your data daily to Salesforce. This service will store all your business data, including tables and non-standard workflows that it generates. The full backup mechanism will give you access to backups from the last days, weeks and months, and it will only cost a few dollars a month.
Image sorting visualizer
Tags: vue, javascript, algorithms
Published: 2020-08-10 10:07:39

# Hello Community 

I recently got into learning about algorithms and data structures. With so many cool projects online I decided to create one of my own. 

**IDEA**

So the idea I had is just to visualize how the sorting algorithms work (I know there are many apps already doing that, but I wanted to create something on my own). 

The app would be very simple. You just go online, find a picture, copy the image url and paste it in. Additionally you can choose number of rows and cols, which I will use to slice the image into smaller parts. 

Once the image is sliced, I would reshape it so it would look all jumbled. 

And then you simply decide on what sorting algorithm you want to use, and the algorithm logic will display how it shifts the image back to the original form. 

As a beginner I knew nothing about time complexity of sorting algorithms, so it helped me to better see why some of them are better than the others. 

App is hosted on heroku and it's very light and easy to use.

I would love if you can give me a feedback on what do you guys think

Live demo of the app: https://image-sorting-visualizer.herokuapp.com/ 

Github link of the app is: https://github.com/fvukojevic/Image-Sorting-Visualizer in case any of you kind souls really likes it and decides to star the project 😁 


Thanks and I'm new, joined today (10.08.2020) hopefully I am not making a fool of myself 😁
In case you missed it... Github Profile Readme.
Tags: github, markdown, codenewbie, wecoded
Published: 2020-08-10 10:06:54

_Take your Github Profile to the next level by giving your page a bit more life!_

This is a "secret" feature that can help you boost your Github Profile page and make it stand out from the pack! All you need to do is create a new public repository named after your own username. 

![Creating a Repository](https://dev-to-uploads.s3.amazonaws.com/i/m5a2901yl7n2v500qzz1.jpg)

Once that is done, edit the README.md file using markdown to add information about yourself or anything else you want to bring attention to. 

![Edit README.md file](https://dev-to-uploads.s3.amazonaws.com/i/ng6cgi4fmgie8fijwid6.jpg)

Don't know markdown? For a good open-source reference guide that includes the basics and extended syntax go to [markdownguide.org](https://www.markdownguide.org/getting-started/). 

You can use some HTML, but what works is limited. A useful example of this is using the `<img>` element to manipulate the alignment, width, and height of an image. (No `align="center"` though... sorry).

```markdown
<img align="right" width="100" height="100" src="http://www.picture.com/100/100">
```

Want to add some motion? GIFs are easy to add. Visit [giphy.com](https://giphy.com/) to get some or to make your own. 

```markdown
![Alt Text](https://media.giphy.com/media/123/giphy.gif)

<!-- or -->

<img align='right' width="230" src="https://media.giphy.com/media/123/giphy.gif" >
```

Emoticons are easier to add on markdown. Browse through the list of [github markdown emoji markup](https://gist.github.com/rxaviers/7360908) and pick the one you need. 

```markdown
Example: For 😄 type :smile:
``` 

Want to add badges with your contact info? Take a look at [shields.io](https://shields.io/). No need to install anything. Just copy the correct code to your repository and you're done.

```markdown
<!-- Twitter badge code example --> 

[![twitter badge](https://img.shields.io/badge/twitter.com-@username-blue?style=flat&logo=twitter)](https://twitter.com/username) 
```

Here is a look at my new Github profile page (for now)... 

![santiagocodes Github Profile](https://dev-to-uploads.s3.amazonaws.com/i/009gitrveeyjzbi20usp.png)

Now, don't be shy. Share your profiles or any cool ones you stumble upon in the comment section. As limiting as markdown can be (no CSS :disappointed:), you can still make your page look awesome. 

Don't believe me? Have a look at abhisheknaiidu's [awesome-github-profile-readme](https://github.com/abhisheknaiidu/awesome-github-profile-readme) repository or visit [awesome-github-readme-profile.netlify.app](https://awesome-github-readme-profile.netlify.app/) to get some inspiration!  

---

If you liked what you read hit that :heart: on the left or wherever it is. If you really liked it don’t forget to share it with the community by hitting that dot-dot-dot icon near the heart. 

:computer: **article.close()**
Realtime-Offline Markdown Editor
Tags: javascript, html, 100daysofcode, webdev
Published: 2020-08-10 09:46:38


<img src="https://miro.medium.com/max/255/1*b_FQslx6OMTEneKmR21bkg.png" alt="Markdown Monster icon" />

# Real-Time Offline Markdown Editor: Meridian
Meridian: Real-Time Offline MarkDown EditorBeing a developer and maintaining git repos and emails, everyone came across Markdown format and let's admit, it is kind of a utility on a daily basis when you have to deal with Tech Artifacts or simple Email Layout communications.


---

# So What is a Markdown?
`
Markdown is a lightweight markup language based on the formatting conventions that people naturally use in email. As per reference on the Markdown site
`
The overriding design goal for Markdown's formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it's been marked up with tags or formatting instructions.

# Why Markdown?

- Markdown has essentially proven to easy to learn and configure and ready to go with it.

- One of its key strengths is that you can use HTML in Markdown. If there's something you can't do in Markdown, or if you can't remember the Markdown syntax, you can switch back and forth freely between HTML and Markdown within one document. It understands both.

- You don't have to have Markdown installed on your site in order to use it. It's amazingly useful just as a writing language. Even if you don't have to convert to HTML at all, it's still an appealing way to format plain text without having to deal with Microsoft Word or another goofy rich-text editor.

- Easy To Read

"The overriding design goal for Markdown's formatting syntax is to make it as readable as possible," writes John Gruber of Daring Fireball, creator of Markdown. "The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it's been marked up with tags or formatting instructions."

- Fewer Errors

While using HTML for basic Document purposes there can be errors and syntactic mishaps. Markdown prevents all of that.
If it is so awesome then, What we are doing about it?

# Here Comes, Meridian

`Major USP for Meridian is Easy to Use, Minimal and Offline Web App. There are few more Features on which I am working on would be updated soon.`

# How To Use Meridian?
Goto Meridian: Real-Time MarkDown Editor.
Type some Markdown on the left
Preview HTML in the right
That's It.

Meridian upcoming features include -
- Cloud syncing
- Mobile Devices Support
- Share directly to Github, Bitbucket, Email

Checkout URL - https://meridian.epsilon.now.sh

Checkout git - https://github.com/kaustubh03/meridian
Happy Wheels Full Game
Published: 2020-08-10 09:43:34

One of the most addictive and entertaining physics based driving games. <a href="https://happywheels24.com">happy wheels</a> is a game of side-scrolling, physics-based racing!

Developer: Fancy Force
Composer(s): Jack Jankowski
Mode: Single-player video game
Platforms: Android, Web browser, iOS
Publishers: Fancy Force, James Bonacci
What design tools do you use?
Tags: webdev, discuss, productivity, ui
Published: 2020-08-10 09:28:55

---
title: What design tools do you use?
published: true
description: 
tags: webdev, discuss, productivity, UI
cover_image: https://www.freepik.com/blog/app/uploads/2019/05/cover-selfy-2.jpg
---

I mainly use [Figma](https://www.figma.com/) and [Canva](https://www.canva.com/) for website design.
I also use [GIMP](https://www.gimp.org/) for image editing, [InkScape](https://inkscape.org/) for vector graphics and [Draw.io](https://app.diagrams.net/) for sketches, wireframing.

What are your favorite design tools?
ColdBlocks : The Idea
Tags: blockchain, project, github, hyperledger
Published: 2020-08-10 09:18:00

> “An early beginning paves a path for planning and preparedness.” ~ Thomas Nathaniel

The final year engineering undergraduate degree requires the student to create a working model of his/her own, individually or as a part of a team. For me, it was a no brainer. I have always enjoyed working in a team environment and my teammates were close to me at various levels. They weren’t just friends. They were my brothers.

We began around mid July of 2019 with multiple brainstorming sessions as to what persistent issue should be focused on through our project. We had a nice time bonding with each other and the ideas being shared were vastly diverse. After a few meetings, we all had come to a consensus to tackle the problem faced by the Cold Chain Networks and the lack of Quality Assurance (QA) for the customers during the transportation phase. Without a proper vision of the product and purely based on our premature idea, we registered for a competition called TCS Enginx and during the course of next five months, we were able to emerge as one of the top 125 teams from all over the country.  We knew that the project at hand was not an easy one to implement but we backed our guts. Based on our industry research, we knew that our product had a huge market to satisfy and we were convinced of our abilities and strengths. 

We drew a wireframe design to establish the expected outcome alongside the UI Screen Design. The initial step was to modularise the whole project so as to implement a bottoms-up approach. Denil and Kevin took over the IoT, Testing and Documentation side of things, Jim took care of the front end and I enjoyed my end with BlockChain, BackEnd and integration. Once we had decided on the split-up, we went through some massive open online course(MOOC) pertaining to our area of operation. 


And thus began a journey with loads of laughs, tears, arguments, fun, sleepless nights, feuds and hugs but above all, one that imparted a huge learning experience.

[Fast Forward to our GitHub Repo](https://github.com/mojojojo20/ColdBlocks)
【NPM】Three useful ways to write a grouping in scripts configuration.
Tags: javascript, webdev, beginners, npm
Published: 2020-08-10 09:13:47

- I think you need to write scripts configuration in package.json when you use npm.
In this post, I'll write three useful ways to group scripts.

## preparation
- Install `npm-run-all`, which is useful when writing multiple commands in scripts.
  - It can be written as `run-s ******(scripts name)`.

```
$ npm i -D npm-run-all
```

## 1. Basic Writing
- Write all of the scripts.

```json
{
  "scripts": {
    "build": "run-s build:clean build:copy build:js",
    "build:clean": "rimraf ./dist",
    "build:copy": "cpx -C public/** dist",
    "build:js": "esbuild src/index.js --bundle --outfile=dist/out.js"
  }
}
```

## 2. wildcard writing
- Write with a wildcard using an asterisk.

```json
{
  "scripts": {
    "build": "run-s build:*",
    "build:clean": "rimraf ./dist",
    "build:copy": "cpx -C public/** dist",
    "build:js": "esbuild src/index.js --bundle --outfile=dist/out.js"
  }
}
```

## 3. grouping writing (**Convenient and recommended**)
- Write it as you would an array using brackets.
- It is recommended that the order and names are clearly marked.

```json
{
  "scripts": {
    "build": "run-s build:{clean,copy,js}",
    "build:clean": "rimraf ./dist",
    "build:copy": "cpx -C public/** dist",
    "build:js": "esbuild src/index.js --bundle --outfile=dist/out.js"
  }
}
```

That's all.
Thank you for reading.
Is SQL language outdated? (not relational algebra)
Tags: sql, database, discuss
Published: 2020-08-10 09:02:26

I mean, I am not sure if SQL is well-supported in some domains,

- Database denormalization
  - **Not sure if SQL drivers can return a structured object.** (It seems that [node-postgres](https://node-postgres.com/features/types) can return both JSON and Date, and of course, [HarperDB can](https://dev.to/harperdb/sql-queries-to-complex-objects-with-array-function-4p6).)
- IDE integration / native language implementations / stored procedures
- **Identifier** (column name) sanitization / **string** sanitization, especially when used **without prepared statements**
  - This is also the case when using SQLite with **more than 999 bindings**.
Common flaws in your resume that you should address.
Tags: javascript, codenewbie, resume, career
Published: 2020-08-10 08:44:10

> In my 13+ years of software engineering experience, I've reviewed a lot of resumes.

**Some of the most common issues I discovered.**


## Don’t make your resume too long. 

>-Recruiters/Interviewers are busy with their daily coding issues while they need to take the interview as well and reviewing dozens of resumes at any given time. 

>-They don’t have the time to read all lengthy resumes.

>-A two-page resume is fine

## Stay consistent in formatting/font.

>-Try to pick one font and make sure you use it throughout the entire document.

>-Use bullet points, but only use one type. 

>-Make sure your text spacing is consistent. 

>-Commit to a consistent comma strategy.

## Talk more about your achievements.

>-Highlight How You Impacted Success

>-Quantify Your Accomplishments

>-Include Action Words

>-Qualify Your Accomplishments

## Use a resume template that stands out from the crowd. 

>-Use a professional design.

>-Stick to a one-column template. 

>-Order each section strategically.

>-Can use Canva as well

## At last, don't be a prisoner of your past resume. 

The interviewer want a candidate who brings value today. 

They are interested in your future plans, how quickly & effectively you can change the game. 

Stay relevant today✔

Hope you like this one💙


**Connect with me on Twitter at [TheAnkurTyagi](https://twitter.com/TheAnkurTyagi).**
SystemTrayMenu
Published: 2020-08-10 08:37:11

Welcome to SystemTrayMenu, an free open-source Toolbar for Windows using C# and .Net Core3.1

The open source tool "SystemTrayMenu" simplifies access to regularly used applications, folders and files by setting up a second start menu in the system bar. After starting the free software, which runs without installation, select an empty folder. Then copy all files, folders and shortcuts to this directory that you want to access via the "SystemTrayMenu" icon in the notification area. Practical: You can also create subfolders, for example to summarize thematically related applications, which together with the search function provides an even better overview. You can also define any key combination that you can use to open your tailor-made systray menu. To ensure that the tool is always available, activate the option “Start with Windows” in the settings of the portable program.
Note: The application requires .NET Core. If this component is not available on your system, “SystemTrayMenu” automatically opens the Microsoft download page.

Hope to get some attention here for our project
(feedback or ideas, feel free to commit here https://github.com/Hofknecht/SystemTrayMenu/issues)

Thank you in advance dev.to community for giving me a plattform!