teleren/devto huggingface dataset:
DoramasMP4 - Doramas Online
Published: 2022-12-23 18:52:14

**[Doramas - MP4](https://doramas-mp4.net/)**, or dramas, are a popular form of entertainment in East Asian countries such as Japan, South Korea, and Taiwan. They often explore themes of love, family, and relationships and are known for their interesting storylines and dynamic characters.

Many dramas are available in MP4 format, which is a widely used video file format compatible with a range of devices and media players. MP4 files offer high-quality video and audio and can be easily streamed online or downloaded for offline viewing.

There are several platforms that offer a wide selection of dramas in MP4 format, including streaming services such as Viki, DramaFever, and Kocowa. These platforms often require a subscription but offer some content for free with ads.

Apart from streaming platforms, there are also websites that allow users to download documentaries in MP4 format for free. However, it is important to know that downloading copyrighted material from unauthorized sources is illegal in many countries and may have legal consequences.

To legally watch dramas in MP4 format, it is best to use a reputable streaming platform or purchase the content from a legitimate source. Many dramas are also available on DVD or Blu-ray, which can be purchased from online retailers or rental stores.

Overall, watching **[doramas in MP4](https://doramas-mp4.net/)** format is an easy and accessible way to enjoy these popular Asian dramas, as long as you do so legally and ethically.
How I configured (Laravel) Valet + PHP to send ALL email to Mailhog on Mac w/ Homebrew
Tags: tutorial, php, laravel, mailhog
Published: 2022-12-23 18:29:34

{% youtube H_DOwnlb2fI %}

I needed to configure PHP + Valet to send any and _all_ emails to Mailhog. This is how I configured my system:

Basically:

```bash
brew install mailhog
brew services start mailhog
```

Then in `/opt/homebrew/etc/php/<VERSION>/conf.d/z-php.ini` Add:

```ini
sendmail_path=/opt/homebrew/bin/mailhog sendmail
```

Then:

```
brew services restart php
valet restart
```

...and if you are using `valet isolate` in a specific site, also:

```
valet isolate php@<VERSION>
```

This should tell that version of PHP to send ANY email via `/opt/homebrew/bin/mailhog sendmail` which should end up in the Mailhog UI at `http://127.0.0.1:8025`.

You can also:

```bash
valet proxy mailhog.test http://127.0.0.1:8025
```

And use `mailhog.test` to access Mailhog.

## Code

- [My `php.ini` override file](https://github.com/aubreypwd/vcsh/blob/main/.config/php/conf.d/php.ini#L7)
- [How I configure multiple versions of PHP to use my `php.ini` override file](https://github.com/aubreypwd/zsh-plugin-my-config/blob/master/my-php.zsh#L9)
Make a slide open envelope
Tags: css, framermotion
Published: 2022-12-23 18:25:26

## Intro

Everyone loves receiving a letter from a friend. But with technology advances, does anyone miss receiving one?

I thought of making a wedding invitation recently. And I wanted to make the receipients felt like opening a letter!

To do that, I have learnt:
- How to create an envelope just by css
- How to animate the envelope openning with [framer motion](https://www.framer.com/motion/)

The end result for me looks like this and I am pretty happy with it :) 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ik8q3bl2iovyfmaf2h4.gif)



## Making an envelope with css
Before making an animated envelopes, it is important we can make a static one and understand how it works. Here is an example,

{% codesandbox divine-cherry-thssmz %}

Point to note:
- The envelope is essentially a zero width/height div with transparent top border
- To make the lip half open, we will just need to use `transform: rotateX(45deg)` 


## Making css animation with framer motion
- Framer motion is an easy way to animate the evelope lid open
- see below example
{% codesandbox jolly-aj-lf3uc6 %}



## Repo and Demo
- With above serving the basics and some hard work, you will be able to make a scroll controlled envelope. Enjoy!

[Repo](https://github.com/superoverflow/rsvp-gsheet)
[Demo](https://github.com/superoverflow/rsvp-gsheet#:~:text=Live%20Demo-,Demo,-GSheet)
[GSheet capturing response](https://docs.google.com/spreadsheets/d/1kspesLqIszPAM45-Y7d4M10TPKWyBPoGj2xubVYlPsE)
NFTslangs - The Ultimate NFT Slangs Dictionary
Tags: nft, crypto, slang, dictionary
Published: 2022-12-23 18:22:55


Hey guys, I wanted to share one recent side project me and my crew made. It’s called https://nftslangs.com/, and it’s just a database with all crypto/NFT slang or words, that people use in this space.

I built this for a few reasons. One is, when I dived into the NFT space last year, there were a lot of terms I couldn’t understand. What the heck means “paper hand” or “rug” and so on?

So I decided to create this database that collects most of those words, which can help newbies in the space communicate and understand better.

Another reason, I decided to build NFTslangs, is that we are already developing https://moon.ly/ for around a year, and it’s going to be a great addon to other Moonly tools which we already provide out there.

Here are some of the most popular slang words used in NFT space:

https://nftslangs.com/wen/

https://nftslangs.com/wagmi/

https://nftslangs.com/snipe/

https://nftslangs.com/paper-hands/

https://nftslangs.com/fud/

https://nftslangs.com/ngmi/

https://nftslangs.com/lfg/

https://nftslangs.com/fomo/

https://nftslangs.com/dyor/

https://nftslangs.com/ama/

https://nftslangs.com/whitepaper/

https://nftslangs.com/wallet/

https://nftslangs.com/tokens/

https://nftslangs.com/minting/
Learning Rust in 2023
Tags: rust, tutorial
Published: 2022-12-23 18:16:32

Another year passes where I've _started_ to learn Rust, but didn't quite get over to the "and now I feel productive" part of the curve.

Fortunately, Google just published a four-day course called [Comprehensive Rust](https://google.github.io/comprehensive-rust/), which has received a bit of notice recently. 

![Image of https://google.github.io/comprehensive-rust/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fhto4e7u898g3yv77inp.png)

Combined with the [Rust Book](https://doc.rust-lang.org/stable/book/), I plan to spend a few weeks in early 2023 to get this off my to-do list and onto my to-done list.

Are there other terrific resources for learning Rust out there that folks know about?
10 FinTech APIs every Indian developer should bookmark
Tags: fintech, api, payments, financial
Published: 2022-12-23 18:10:37

Financial services are common requirements for any application we build as developers. Existing FinTech API services help you add those financial features in your apps easily. Finding those reliable APIs takes a huge amount of research.

So in this article, we will list most useful APIs which will help you add an array of financial features to your apps without much efforts

1. [Stripe](https://stripe.com/docs): Payment gateway to accept payments globally for business products/services. Accepts major credit and debit cards.

2. [Exchange Rates](https://exchangeratesapi.io): A currency conversion API

3. [Razorpay](https://razorpay.com/docs/): Payment gateway with functionalities such as subscription and invoicing. Accepts cards and netbanking in India.

4. [Eko India](https://developers.eko.in): Money transfer and bill payments via nearby shopkeeper. **No user bank account required.** Also provides other financial services and utilities such as loans, Bank verification, PAN verification, cash collection, etc.

5. [Kite-Connect by Zerodha](https://kite.trade): A trading platform. Based in India.

6. [Zipline by Quantopian](https://github.com/quantopian/zipline): An Open-Source tool for algorithmic trading. It is a platform for developing and testing quantitative trading strategies using Python.

7. [Intuit](https://developer.intuit.com/app/developer/homepage): APIs for accessing financial data and building financial applications

8. [Zoho Books](https://www.zoho.com/books/api/v3/introduction): A cloud-based accounting APIs for developers. Based in India

9. [Alpaca](https://alpaca.markets): A commission-free stock trading APIs

10. [Bitpay](https://bitpay.com/docs/): Blockchain payment APIs

Did I miss any other requirements you have related to FinTech features in your app? Comment to ask me a recommendation or discuss in our [community for FinTech devs on Discord](https://dsc.gg/ekodevs)
Intro To The [ngSwitch] Directive
Tags: angular, html, javascript, webdev
Published: 2022-12-23 18:00:00

## Overview

Have you ever come upon a situation where you need to conditionally show more than two different variations of content based on one variable? A situation where `*ngIf` - `else` doesn't work without nesting `*ngIf`'s? In this article I'll give an example that will help solve that problem in a much more readable way than nesting `*ngIf` statements.


## Setup - Create A Sandbox App

Go to [Stackblitz](https://stackblitz.com) and start a new "Angular" project. Or you can fork my [Stackblitz here](https://stackblitz.com/edit/angular-ivy-r3lemg?file=src/app/app.component.html) to allow you to follow along with my example.


## *ngIf - else

Angular has the ability to conditionally show content by using the `*ngIf` directive. This also has the option to add an "else" to effectively show a default as well. If the statement inside the `*ngIf` evaluates to false. An example of this might look like:

```html
<p *ngIf="selectedOption; else noneSelected">
  You've chosen too see option {{ selectedOption }}
</p>
<ng-template #noneSelected>
  <p>Please select an option!</p>
</ng-template>
```

This would show the text `"You've chosen to see option {{ selectedOption }}"` if `selectedOption` evaluates to truthy. Otherwise it would display `"Please select an option!"`. This directive is extremely useful, but if there are more than two options to be displayed, it requires an `*ngIf` to be nested within one another. This method of conditionally showing content can be difficult to keep straight logically and sacrifices readability of the code. 

## The [ngSwitch] Directive

In a situation where you may want to conditionally show more than two options, using the `[ngSwitch]` directive works great! This directive will work just like a switch statement in JavaScript, and will allow as many cases as are needed. The syntax is to put `[ngSwitch]="switch_expression"` on the containing element, then put `*ngSwitchCase="match_expression"` on each element that is a separate case. Additionally, an element can be the default element by adding `*ngSwitchDefault` in place of the `*ngSwitchCase`. An example of this could look like this:

```html
<div [ngSwitch]="selectedOption">
  <p *ngSwitchDefault>This is the default that you're seeing!</p>
  <p *ngSwitchCase="1">You're now seeing Variation 1!</p>
  <p *ngSwitchCase="2">You're now seeing Variation 2!</p>
  <p *ngSwitchCase="3">You're now seeing Variation 3!</p>
  <p *ngSwitchCase="4">You're now seeing Variation 4!</p>
</div>
```

This allows any number of options to be possibly displayed, while also keeping simplicity and doesn't sacrifice readability.

## Conclusion

Solutions that increase readability and simplicity are always great tools to have. Utilizing this directive in your daily development will help you achieve both of those goals and improve your Angular Skills. Check out my example below and let me know what you think!

{% embed https://stackblitz.com/edit/angular-ivy-r3lemg?file=src/app/app.component.html %}
Patterns for container base images management
Tags: docker, containerapps
Published: 2022-12-23 17:40:40

A lot of organizations are adopting and implementing Platform Engineering. In the book “Team Topologies” the authors write that the platform team provides internal services (reusable components) that the stream-aligned team can use.
So, a platform team builds reusable components to allow organizations to scale faster. Could container base images be considered reusable components? I think yes, it depends on the maturity grade of the Platform.
But, let’s take a step back and try to define a base image: base image (technically parent) refers to the contents of the FROM directive and it’s the image that your image is based on. Commonly, the base images are customized, adding configurations, packages, and tools needed by the applications and then needing some maintenance and security updates.
Large organizations usually centralize the responsibility of these tasks, but is it the best approach? Let’s see together the pros&cons of this approach and a potential alternative.


![Patterns](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v1xqa978jtqad3ivtsqv.png)

The schema above shows two different patterns for managing container base images: the blocks are image layers, and their coloring means who is responsible for it.
On the left side is represented the pattern according to which updates and security issues should be made by the Platform Team, then all the development teams use this image and add to it the application code. This pattern has the pro that you can fix in one place but, at the same time, the Platform Team could become a bottleneck when it has to deal with multiple demands from multiple teams.
On the right side, there aren’t common libraries then every team could create their image and does their things, according to their needs. This reduces the dependencies between teams but can potentially generate a lack of security and also a potential for chaos.
small-swoole-patterns 1.0.0 released
Tags: php, webdev, showdev, swoole
Published: 2022-12-23 17:38:55

I've released small-swoole-patterns version 1.0.0

For now it's implements :
- Map : a class to run async anonymous methods from array injection
- Observable pattern
- Pool pattern, easily extendable by your own connection managers
- List management implemented for redis, easily extendable to memory or db of your choice
- Resource reservation pattern

It is both compatible with Swoole and OpenSwoole

See it on [github](https://github/sebk69/small-swoole-patterns) and composer ([sebk/small-swoft-patterns](https://packagist.org/packages/sebk/small-swoole-patterns))
About GEE
Published: 2022-12-23 17:35:44

We create events, conferences, makerthons, hackathons and workshops in Nairobi, Kenya, with the aim of spreading knowledge about technology and improving the country's development landscape. In addition, the vast majority of these events are free, because we believe that knowledge should not face a greater barrier than the interest of those who want to learn it.

The GDGs also aim to promote relationships between technology experts, so we collaborate in the spreading of other technological communities (GDE, Women Techmakers, etc) to make technology in Kenya a strong muscle and actively contribute to the development within our society.

Care to join us? You're more than welcome to! But when you do, please consider our code of conduct.
A Cheatsheet/Crash Course For Git
Tags: git, webdev, github, beginners
Published: 2022-12-23 16:59:14

> Here is a cheat sheet for some commonly used Git commands:

### Setup

- <mark>**git config --global user.name "Your Name":**</mark> Set your name to be used as the commit author
- <mark>**git config --global user.email "your@email.com":**</mark> Set your email to be used as the commit author

---

### Creating Repositories
- **<mark>git init:</mark>** Initialize a new Git repository
- **<mark>git clone `<repository>`:</mark>** Clone an existing repository

---

### Making Changes

- <mark>**git status:**</mark> Check the status of your repository
- <mark>**git add `<file>`:**</mark> Add a file to the staging area
- <mark>**git add . :**</mark> Add all modified and new files to the staging area
- <mark>**git commit -m "message":**</mark> Commit changes with a message
- <mark>**git reset HEAD `<file>`:**</mark> Remove a file from the staging area

---

### Viewing History

- <mark>**git log:**</mark> View the commit history
- <mark>**git diff:**</mark> View changes that have not been staged
- <mark>**git diff --staged:**</mark> View changes that have been staged

---

### Working with Remotes

- <mark>**git remote add `<name> <url>`:**</mark> Add a remote repository
- <mark>**git push `<name> <branch>`:**</mark> Push changes to a remote repository
- <mark>**git pull `<name> <branch>`:**</mark> Pull changes from a remote repository

---

### Branching

- <mark>**git branch:**</mark> List all branches
- <mark>**git branch `<name>`:**</mark> Create a new branch
- <mark>**git branch -d `<name>`:**</mark> Delete a branch
- <mark>**git checkout `<name>`:**</mark> Switch to a branch

---

### Merging

- <mark>**git merge `<branch>`:**</mark> Merge a branch into the current branch

---

### Stashing Changes

- <mark>**git stash:**</mark> Stash changes
- <mark>**git stash list:**</mark> View a list of stashes
- <mark>**git stash apply:**</mark> Apply the latest stash
- <mark>**git stash drop:**</mark> Discard the latest stash

---

### Tagging

- <mark>**git tag `<tagname>`:**</mark> Create a new tag
- <mark>**git tag -a `<tagname>` -m "message":**</mark> Create a new tag with a message
- <mark>**git tag -d `<tagname>`:**</mark> Delete a tag
- <mark>**git push --tags:**</mark> Push tags to the remote repository

---

### Reverting Changes

- <mark>**git revert HEAD:**</mark> Revert the last commit
- <mark>**git revert `<commit>`:**</mark> Revert a specific commit

---

### Resetting

- <mark>**git reset HEAD:**</mark> Reset the staging area to the last commit
- <mark>**git reset --hard HEAD:**</mark> Reset the staging area and working directory to the last commit
- <mark>**git reset --hard `<commit>`:**</mark> Reset the staging area and working directory to a specific commit

---

### Aliases
- <mark>**git config --global alias.`<alias_name> <git_command>`:**</mark> Create aliases for commonly used commands
CodePen Designs - 9 : Dreaming of Jupiter - Three.js
Tags: codepen, css, design, codependesigns
Published: 2022-12-23 16:58:31

### We are excited to introduce our new series that will explore the best design ideas from the Codepen community. 

We will be publishing these each day and hope you find them insightful and inspiring as we showcase some of the most talented designers in this space.

---


#### Codepen Design - 9

<p>According to Vanga’s dreambook, seeing Jupiter in the sky promises a future disaster, when a fiery rain spills on Earth, which will kill all life and bring terrible destruction.</p>

{% codepen https://codepen.io/isladjan/pen/zYqLxeG %}

---
Note : For full screen view open codepen

---
## For more information

1. Check my GitHub profile
[https://github.com/amitSharma7741](https://github.com/amitSharma7741)

2. Check out my Fiver profile if you need any freelancing work
[https://www.fiverr.com/amit_sharma77](https://www.fiverr.com/amit_sharma77)

3. Check out my Instagram
[https://www.instagram.com/fromgoodthings/](https://www.instagram.com/fromgoodthings/)

4. Linktree
[https://linktr.ee/jonSnow77](https://linktr.ee/jonSnow77)

5. Check my project

- EVSTART: Electric Vehicle is the Future
[https://evstart.netlify.app/](https://evstart.netlify.app/)
-  News Website in react
 [https://newsmon.netlify.app/](https://newsmon.netlify.app/)
-  Hindi jokes API
 [https://hindi-jokes-api.onrender.com/](https://hindi-jokes-api.onrender.com/)


---
---
A List of Technical Content I Published for Tech Companies
Tags: writing, devjournal
Published: 2022-12-23 16:35:26

Here's a list of technical content I've published as a contractor working for [Draft.dev](draft.dev). This is a work in progress. So, feel free to come back later for more articles.

## Links

[Managing Kubernetes Cluster Sprawl](https://loft.sh/blog/managing-kubernetes-cluster-sprawl/)

[[Tutorial] How eBPF Improves Observability within Kubernetes](https://loft.sh/blog/tutorial-how-ebpf-improves-observability-within-kubernetes/)

[Implementing TLS in Kubernetes](https://snyk.io/blog/implementing-tls-kubernetes/)

[[Tutorial] How to Spin Up a New Kubernetes Environment](https://loft.sh/blog/tutorial-how-to-spin-up-a-new-kubernetes-environment/)

[Using CMake and GCC to Cross-Compile Binaries](https://earthly.dev/blog/cmake-gcc-cross-compile/)

[Troubleshooting Cloud Application Performance: A Guide to Effective Cloud Monitoring](https://www.kentik.com/blog/troubleshooting-cloud-application-performance-a-guide-to-effective-cloud-monitoring/)

[Introduction to continuous performance testing for your Kubernetes app](https://garden.io/blog/continuous-performance-testing)

[Jenkins vs. Bamboo: What to Know for Building Your CI/CD Automated Pipeline](https://saucelabs.com/resources/blog/jenkins-vs-bamboo-what-to-know-for-building-your-ci-cd-automated-pipeline)

[How to Integrate Prometheus with Argo Workflows](https://pipekit.io/blog/how-to-integrate-prometheus-with-argo-workflows)

[Which Nginx Web Application Firewall Should You Use?](https://dev.to/openappsec/nginx-waf-alternatives-app-protect-vs-modsecurity-vs-open-appsec-325f)

[AWS WAF vs. open-appsec ML-based WAF](https://dev.to/openappsec/aws-waf-vs-open-appsec-ml-based-open-source-waf-1egp)

[Resilio vs rsync comparison: Which solution is better for global config distribution](https://gcore.com/blog/resilio-vs-rsync/)
How to use Animations & Transitions in Tailwindcss
Tags: webdev, javascript, beginners, css
Published: 2022-12-23 16:08:31

{% embed https://www.youtube.com/watch?v=6WA46kAf0lA %}

Tailwind CSS is a utility-first CSS framework that provides a set of pre-defined styles and classes that can be composed to create custom designs. One of the features of Tailwind CSS is the ability to add animations to your web page using utility classes based on the animation-* property in CSS. These classes allow you to specify the duration, delay, easing, and iteration count of an animation, as well as the name of the @keyframes rule that defines the different stages of the animation.

To use the animation classes, you first need to define the @keyframes rule that specifies the styles that should be applied at each stage of the animation. Once you have defined your @keyframes rule, you can apply it to an element using the animation-* classes. For example, you can use the animation-duration class to specify the length of the animation, or the animation-timing-function class to specify an easing function that controls the acceleration of the animation.

Transitions, on the other hand, are a way to smoothly change the value of a CSS property over a period of time, in response to a user interaction such as a hover or a click. Tailwind CSS provides utility classes for defining transitions based on the transition-* property in CSS. These classes allow you to specify the duration, delay, and easing of the transition, as well as the CSS property that should be animated.

To use the transition classes, you first need to specify the CSS property that you want to animate, as well as the duration, delay, and easing of the transition. You can then apply the transition to an element by using the transition-* classes on a state change, such as a hover or focus state. For example, you can use the transition-duration class to specify the length of the transition, or the transition-timing-function class to specify an easing function that controls the acceleration of the transition. Overall, animations and transitions can be a useful way to add visual interest and interactivity to your web page.

Guillaume Duhan