teleren/devto huggingface dataset:
3D typography with react-ztext 
Tags: react, css, javascript, webdev
Published: 2021-03-18 08:16:32

Hello,

I share with you my implementation of [Ztext](https://bennettfeely.com/ztext) in React

The idea of Bennett Feely is simple but brillant, the description from bennettfeely.com:

> Ztext gives the illusion of volume by creating layers from an HTML element. There's no need to spend hours fiddling with <canvas> or forcing users to download multi-megabyte WebGL libraries. With ztext, content remains fully selectable and accessible. Over 98% of users use a web browser that supports the CSS transform-style property, which ztext needs to work. In unsupported browsers, ztext gracefully turns off.

try here: [CodeSandbox](https://codesandbox.io/s/react-ztext-fjmzz)

contribute here: [Github](https://github.com/snettah/react-ztext)
3D Image Board Viewer / Photo tool prototype
Tags: javascript, react, webdev
Published: 2021-03-18 08:04:52

{% youtube lisD1jXJ5-8 %}

An experimental 3D app built with React and React-Three-Fiber for arranging and displaying images on a canvas

- Drag images around in 3D into different arrangements
- Take a photo of arrangements and download images
- zoom images - make 3D images bigger to view detail

App is currently in early development phase

### Features to develop

- Add custom images - currently just placeholders
- enhance UI
- More move features
- Better visuals / backgrounds etc

### Core Libraries and dependencies
- React
- React-three-fiber
- three
- html-to-image - for capturing canvas
- drei

Source - https://github.com/drnoir/3D-Image-Board-Viewer-
Perusahaan Kemasan
Tags: kemasan, label, packaging, shrink
Published: 2021-03-18 07:40:16

Uniflex adalah perusahaan manufaktur berlokasi di Kawasan Bekasi International Industrial Estate di Jl. Inti 1 Blok C 1 No. 5 Lippo Cikarang Bekasi Indonesia.

Bergerak di bidang industri kemasan plastik, baik untuk kemasan obat, kosmetik, makanan dan kebutuhan lainnya.

Customized services, slogan perusahaan yang selalu dijaga untuk terus membangun kepercayaan customer kami. Ketepatan waktu dalam pengiriman dan kualitas produk terus kami jaga untuk dapat menjadikan Uniflex sebagai perusahaan kemasan terbaik.
Seiring berjalannya waktu, dari mulai tahun 1988 Uniflex terus berkembang sampai dengan saat ini.

Jenis produk yang kami tawarkan adalah shrink sleeves, wrap around, multipack dan pharma.

Source: http://uniflex.co.id/
Add Animations to Shapes in PowerPoint using Java
Tags: java, powerpoint, animation
Published: 2021-03-18 07:33:07

Animation can be used in Powerpoint to make the document more vivid and attractive. This article will give sample example of how to add animations to shapes in a PowerPoint document using Free Spire.Presentation for Java.

**Import the Free Java API** (2 Methods)
● Download the [Free Spire.Presentation for Java](https://www.e-iceblue.com/Download/presentation-for-java-free.html) and unzip it. Then add the Spire.Presentation.jar file to your project as dependency.

● You can also add the jar dependency to your maven project by adding the following configurations to the pom.xml.
```xml
<repositories>
        <repository>
            <id>com.e-iceblue</id>
            <name>e-iceblue</name>
            <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
        </repository>
</repositories>
<dependencies>
    <dependency>
        <groupId>e-iceblue</groupId>
        <artifactId>spire.presentation.free</artifactId>
        <version>3.9.0</version>
    </dependency>
</dependencies>
```

**Add Animation to Shape:**
```java
import com.spire.presentation.*;
import com.spire.presentation.drawing.FillFormatType;
import com.spire.presentation.drawing.animation.AnimationEffectType;

import java.awt.*;

import java.awt.geom.Rectangle2D;

public class SetAnimation {
    public static void main(String[] args) throws Exception {
        //create a PowrePoint document 
        Presentation ppt = new Presentation();
        //add a slide
        ISlide slide = ppt.getSlides().get(0);

        //Add a shape to slide
        IAutoShape shape = slide.getShapes().appendShape(ShapeType.FIVE_POINTED_STAR, new Rectangle2D.Double(50, 150, 150, 150));
        shape.getFill().setFillType(FillFormatType.SOLID);
        shape.getFill().getSolidColor().setColor(Color.orange);
        shape.getShapeStyle().getLineColor().setColor(Color.white);

        //Add animation to the shape
        slide.getTimeline().getMainSequence().addEffect(shape, AnimationEffectType.FADED_SWIVEL);

        //save the document
        ppt.saveToFile("AddAnimationToShape.pptx", FileFormat.PPTX_2013);
    }
}
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jbratute6galjn1l7wnv.gif)
Self Taught Software Engineer in 3 months
Tags: career, webdev, javascript, python
Published: 2021-03-18 07:32:20

##My friends before getting the job
Before i get my current job as a software engineer, i had a developer friend who used to tell me it's hard to find a job, and that i have to study bachelor for years and more in order to work same as me, and another friend who used to always remind me that it's impossible to find a good job more then $15/hour in USA without a diploma.

##My plan to prove them wrong
I literally took the hard path with all patient and proved them both wrong, i stood home while doing a bad job for $125 a day for 4 days. only paying my rent 640 my expensive groceries, my car insurance 340 and gas 50. Had a great python/javascript course called cs50web, made lots of projects ecommerce instagram clone gmail clone, with modern designs, and applied for few jobs.

##Long story short
I've got interview, they loved my projects and designs, and told me they liked me through the recruiter, got hired literally after three months studying code and making projects, every waking hours, only leaving laptop barely for eating and cooking, that's all

##Proud of my current job
And have learned already lots of terms that used to seem complicated, such as Azure Devops, CI/CD, Scrum, Agile, SalesForce, I worked with Javascript, jQuery, Ajax, XML, HTML, SCSS, ISML, SSR

##After five months
I have jumped to svelte.js and learned it fast, then now i'm working with vue.js and learned it faster as well in few days based on my experience with svelte and react. also i study new things every single day and follow more courses

##So far
Now my goal becomes shooting for Senior developer soon, and Lead Developer in less then 6 months. no one can tell me i can't for sure lol. so total experience so far is 3 months study and 5 months contractor then full time. also i have solid graphic and ui/ux design experience. but now good that i added full stack experience.

##My new goals
For the long future terms, i'm shooting for FANG and would love also to hear your experiments if any is also crazy like mine, or if you ever faced negative people who try to stop you from achieving dreams.

##Last to say
If this is interesting topic, i can share more in depth, about how i learned, how i splitted my time, projects i made, etc .. thanks for reading till this point. please share your comment and let me learn something from you, since this is m first post here.
Thanks
Task.WhenAll - Come ottenere risultati da await multipli
Tags: coding, task, await, andreacarratta
Published: 2021-03-18 07:22:21

🧬 Task.WhenAll - Come ottenere risultati da await multipli

❓ Sai sfruttare Task.WhenAll per ottimizzare il backend al meglio ?

Utilizzare uno stile di codice che sfrutti la TAP(Task Asynchronous Programming)e ' davvero performante quando possiamo svolgere operazioni in parallelo essendo svincolante tra di loro.

Credi che il problema sia raccodare il rientro di tutte queste operazioni e raccogliere i risultati ottenuti?

Tranquillo, per farlo vengono in nostro aiuto loro:

🟠 await
🟢 Task.WhenAll


Ti stai chiedendo come?

🔗 [Scopri i dettagli nel link dove mostrero' un esempio di codice reale(circa)scritto da me la scorsa settimana per ottimizzare le performance ad un componente scritto.](https://links.devandreacarratta.it/3PlU)

 #task #async #await #tap #coding #andreacarratta
arcus-operator-on-kubernetes
Tags: database, kubernetes, cache
Published: 2021-03-18 07:17:06

Check out my blog post on Medium about ARCUS Operator - which introduces the installation of the ARCUS cache cluster in a Kubernetes container environment, its components, automate operations, insights about future development features, and more so.

https://medium.com/jam2in/arcus-operator-on-kubernetes-835f5afcf19a?sk=8fecab23be8f0d873353c804e7383722
Laracon Online 2021 talks Twitter thread links
Tags: laravel, php
Published: 2021-03-18 06:55:54

I had the chance to live-tweet about all Laracon Online 2021 talks. Now these can be harder to find in the order.
So here are links to initial tweets of each talk.

### Mohamed Said

{% twitter 1372185448173465600 %}

### Taylor Otwell

{% twitter 1372238371314139136 %}

### Christoph Rumpel

{% twitter 1372200983703478272 %}

### Bobby Bouwmann

{% twitter 1372221634808004608 %}

### Marcel Pociot

{% twitter 1372257042216448002 %}

### MIGUEL Piedrafita

{% twitter 1372269070893060097 %}

### Caleb Porzio

{% twitter 1372285811807371271 %}

### Nuno Maduro

{% twitter  1372300267954319367 %}

--- 

I hope you enjoyed this post and these Twitter threads. You can follow me on [Twitter](https://twitter.com/Zubairmohsin33) or join my [newsletter](https://letter.zubairmohsin.dev) to keep getting such updates.
Live Preview your App in OneDev Pull Request
Tags: devops, opensource, heroku
Published: 2021-03-18 06:55:32

[OneDev](https://github.com/theonedev/onedev) is a self-hosted DevOps platform with issue tracking, git repository management and built-in CI/CD capabilities. In the latest 4.2.1 version, it is possible to set up pull request to launch live preview of your application and tear it down after pull request is closed.

For demonstration purpose, I set up a [Heroku starter application](https://code.onedev.io/projects/heroku-demo-app/blob) in OneDev, when a pull request is created, the application will be deployed to Heroku, and a link of the deployment will be displayed for reviewers to check like below:

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

When there are new commits made into the pull request, the application will be re-deployed to reflect current change. After pull request is merged or discarded, the deployment will be removed from Heroku to save resource.

Now let’s check how to achieve this:

1. Check build job [Set Up Live Preview](https://code.onedev.io/projects/heroku-demo-app/blob/main/.onedev-buildspec.yml?position=buildspec-jobs/Set+Up+Live+Preview), the _deploy_ step deploys current commit of the application to Heroku, and generates a markdown file containing deployed application link. This file then gets published via step _publish pull request markdown report_. The job is set to run automatically when pull request is opened or updated via job triggers.

2. Check build job [Tear Down Live Preview](https://code.onedev.io/projects/heroku-demo-app/blob/main/.onedev-buildspec.yml?position=buildspec-jobs/Tear+Down+Live+Preview), the _undeploy_ step deletes the deployed application if it exists. The job is set to run automatically when pull request is merged or discarded via job triggers

3. Navigate into menu Setting/Build Setting/Job Secrets of the project, define job secret named heroku_email to hold Heroku account email, and heroku_api_key to hold Heroku api key

That is it. Thanks for reading!

_This tutorial contains image [designed by freepik](http://www.freepik.com/)_
Day 4 of 100 days of SwiftUI
Tags: swift, 100daysofcode, 100daysofswiftui
Published: 2021-03-18 06:43:40

Day 4 of HackingWithSwift's 100 days of SwiftUI. Today I learnt about the different types of loops in Swift.

There are three kinds of loops in Swift. They are:
* For loop
* While loop
* Repeat loop

1.For loop are used to repeat an action a certain number of times. For example, You can use it to pass through an array
```
let names = ["Kaladin","Jasnah Kholin", "Adolin Kholin", "Shallan", "Syl", "Maosh", "Szeth-son-son-Vallano"]
for names in names {
  print(name)
}
let numbers = [1,2,3,4,5]
for number in numbers {
  print(numbers)
} 

for _ in 1...5 {
 getData()
}
``` 
The first code above will print a list of characters from Stormlight Archives. The second code prints the number one through five. The third executes `getData()` five times. Please note, in the third example, we used `_` because we don't need the number being created by the for-loop. 

2.While loops are used to perform an action an unlimited number of times until a condition is met. You should use while loops when you repeat a code until something changes. For example, a while loop is written like this in Swift.
```
let number = 1

while number <= 5 {
 getData()
}
```
The code above executes `getData()` until `number` becomes greater than 5. So basically, it executes `getData()` five times.

3.Repeat loops are very similar to while loops. The only difference is that repeat loops run the code first before checking if the condition has been met. In while loops, the code condition is checked first before running the code.

```
let number  = 1
repeat {
 getData()
} while number <= 5
```
Swift also has two features for controlling the flow within loops. They are the `break` and `continue`.

With the `break` keyword you can stop the execution of a loop. 
For example, this is how you would use the `break` in swift
```
let numbers = [1,2,3,4,0,5,20,2]
for number in numbers {
  if number == 0 {
    print("number should not be zero")
    break
  }
  print(number)
}
``` 
The code above runs through an array of numbers but checks if a number is zero. If a number is zero, it stops the for-loop entirely. That means the code would print numbers `1,2,3,4` only.

With the `continue` keyword you can skip the execution for a particular loop. For example, this is how you would use the `continue` in swift
```
let numbers = [1,2,3,4,0,5,20,2]
for number in numbers {
  if number == 0 {
    continue
    print("number should not be zero")
  }
  print(number)
}
``` 
The code above also runs through an array of numbers but checks if a number is zero. If a number is zero, it skips that particular loop. That means the code would print numbers `1,2,3,4,5,30,2` only. Ignoring zero and also the print statement after the `continue`

If you are interested in taking the challenge, you can find it at https://www.hackingwithswift.com/100/swiftui
See you tomorrow ;)
How to start using Amazon Data Feed?

Tags: php, javascript, magento, amazon
Published: 2021-03-18 06:23:51

Amazon is a global e-commerce giant headquartered in Seattle, Washington. Amazon was founded by Jeff Bezos in 1994 as a book marketplace, but it has since expanded to include a wide range of products, including electronics, clothing, apps, Amazon is a global e-commerce giant headquartered in Seattle, Washington. Amazon was founded by Jeff Bezos in 1994 as a book marketplace, but it has since expanded to include a wide range of products, including electronics, clothing, apps, video games, gadgets, and the list goes on. Amazon has proven to be the first and last stop for online shoppers, with over 12 million items reported, 310 million active users, and 90 million US-based Prime subscribers. Amazon.com is ranked #8 on the Fortune 500 list of the biggest companies in the United States based on gross sales.

Every seller faces tonnes of challenges of managing the amazon product feed,here you can learn how to start using amazon data feed by amazon data feed extension of magento store.

If any some has store on magento platform, so he or she can use Magento Amazon Integration which integrates magento store with Amazon marketplace, resulting in flawless product listings, pricing, inventory, and order synchronization. The Amazon product feeds are automatically modified at regular intervals, and this integration provides flawless support and control of them.

**Amazon Product data feed** is a file with a list of stock and its item’s attributes:

* title
* product image
* product id
* feed product type
* specific product attributes as length, country of origin, 
* brand, etc.

You can use it [amazon data feed extension](https://cedcommerce.com/magento-2-extensions/amazon-magento-2-multichannel-integration?utm_source=dev.to-magento-amazon-magento-2-multichannel-integration-sonker&utm_medium=18-mar) for Magento store, to neglect various kind of challenges. which faced by any ordinary amazon seller that use to do things manually. it automates the process.

Reduce time-to-market by delivering product data to Amazon in compliance with Amazon Data Feed Extension, maintaining product feed updates, and generally keeping up with the Amazon market fighting dynamics.
Delay your CSS animations to make them cleaner
Tags: css
Published: 2021-03-18 06:20:59

CSS animations are amazing, I often use them, but recently I learned it's a good practice to add a small delay, so they don't flicker if the user accidentally hovers it.

To demonstrate what I mean by that, check what's happening here:

![CSS flickering animation transition](https://cdn.hashnode.com/res/hashnode/image/upload/v1615724868680/sa82qGP0Z.gif)

Pretty annoying, this one isn't the worse, but it might become super annoying if you add some more transitions.

So how can we fix this?

## Adding a CSS transition-delay

In general, for our above example, we use the following CSS.

```css
button {
  background: #6d597a;
  transition: background 0.2s ease-in-out;
}
button:hover {
  background: #b56576;
}
```

Fair enough, right? It animates the background in 0.2 seconds from our initial color to the new color.

However, this gives us that annoying flickering effect if we hover it too quickly.

The solution is quite simple.
We can add a so-called animation-delay

It comes as the 1st of the timing options:

```css
transition: background 0.2s 0.1s ease-in-out;
```

In my case, the second time parameter (0.1) is the delay.
It adds an `animation-delay: 0.1s`. This is the time our animation won't start working.

![CSS Animation delay fix](https://cdn.hashnode.com/res/hashnode/image/upload/v1615725562493/LZQGlTAlW.gif)

Above, you can see the fix in action.
Pretty cool, right?

Try it out on this Codepen.

{% codepen https://codepen.io/rebelchris/pen/LYbaRvg %}

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Detecting HTTP issues and tracking lifecycle events in iOS apps using Finotes need no code change now
Tags: ios, swift
Published: 2021-03-18 06:10:11

Yes, that's the change in Finotes Framework 3.3.0. It's near zero effort to detect http call issues and also to track lifecycle events in iOS apps.

Read more here https://www.blog.finotes.com/post/finotes-framework-ios-nocode
Tags vs Branches in Git
Tags: git, versioncontrol, beginners
Published: 2021-03-18 06:02:58

New to version control? Welcome! 👋 Understanding the lingo is very important. This can be overwhelming, but don’t worry, you’ll get there!

In this short post I will explain what a branch and what a tag is, what they are used for and the differences between them.
...
As defined in gitglossary:

**branch**
> A “branch” is an active line of development. The most recent commit on a branch is referred to as the tip of that branch. The tip of the branch is referenced by a branch head, which moves forward as additional development is done on the branch. A single git repository can track an arbitrary number of branches, but your working tree is associated with just one of them (the “current” or “checked out” branch), and HEAD points to that branch.

**tag**
> A ref pointing to a tag or commit object. In contrast to a head, a tag is not changed by a commit[...]. A tag is most typically used to mark a particular point in the commit ancestry chain.


##Branches:

Let’s explain how this works in real life.
You write code on a branch. You may have a repository with only one branch (master), and then code you commit would be added to that branch. A more common workflow is to create (checkout) a new branch when working on a feature or a bug, stemming from a master or develop branch. When your work is completed, saved (committed) and pushed remotely, hopefully your code will be reviewed and merged into the main development branch.
When you checkout a branch, it points to the most recent commit that you have locally. Branches are dynamic and code can be added to them.

##Tags:

A tag points to a specific commit on any branch. You cannot add more code to a tag — it is a reference to a specific commit, kind of like a snapshot.
When would you want something like this? It is useful to create tags when releasing versions. When checking out a tag you can always be sure you’ll be getting the same code each time.

##In conclusion:

A branch is an active line of development whereas a tag is a an immutable reference to a specific commit on a branch.
...
Hope that clears up some confusion for you. Happy developing!
Fair Both Introduction of Perl Web Framework and Python Web Framework.
Tags: perl, python, webdev, beginners
Published: 2021-03-18 06:00:42

Both Introduction of Perl Web Framework and Python Web Framework.

I know the following web framework.

<h3>Perl</h3>

Mojolicious, Dancer2, Amon2, Catalyst

<h3>Python</h3>

Django, Flask

In Many Places, there are only introduction of Python Web Framework.

So, I introduce both Web framework of Perl and Python fairly.

Enjoy!
Entropay Alternative?
Tags: entropay
Published: 2021-03-18 05:45:46

Entropy is the most popular platform that provides VCC services to users. And, it was also the most promised stage. This platform is called Ixaris System Ltd. Developed and operated by, however, the platform has discontinued all its services as of July 1, 2019. And, it is no longer available. Nevertheless, those who have used it know how good it was. The main feature of this platform was that it acts as an e-wallet for the users. 

Anyone can keep their money in it. However, the feature that set it apart from other platforms was that it offered virtual Visa credit cards to users. This card does not have a physical existence, it is available only virtually but it works like a normal credit card. For VCC, all you need is an account that can be created for free. However, this required verification which is usually done within 24 hours.

After that, you can transfer money from your bank account to your Entropay e-wallet or VCC. It charged a minimum account just for issuing a virtual card. However, as I mentioned above, this platform is not available and all its services have been terminated. But, there are many other options that can provide you with VCC services. 

That is why we have made a list of the best **[Entropay alternative](https://www.oflox.com/blog/entropay-alternative/)** platform for you. If you want, you can use them. And just like Entropay, you can create a virtual credit card. Thank you for reading the post.