teleren/devto huggingface dataset:
What are CapCut Templates?
Published: 2024-01-27 16:30:19

CapCut templates are predesigned frameworks that already include themes, text, music, effects, transitions, and many more. You don’t need to add CapCut tools manually. When you add CapCut tools to your videos manually, it takes your time. But CapCut template downloads will help you save precious time and transform your simple content into creative ones. All trending CapCut templates are different from each other in style and appeal. These templates are short video clips that you can use to create memes, Instagram reels, Facebook videos, YouTube shorts, TikTok videos, and many more. Try [the Rara CapCut Template] (url), Camera Lenta CapCut, and the Ical CapCut Template to create short and engaging videos. For more detail visit: https://procapcutapk.com/capcut-templates/
Open Source History, a Computing History
Tags: opensource, openeducation, openscience
Published: 2024-01-27 16:29:26

« Open Source » is a confusing notion because it's loaded with multiple sense. A word that crystallizes an entire history, marked by every period in the history of computing.

An idea which may seems simply about source code sharing that contain in reality more than 70 years of exploration into the collaborative capabilities of digital technologies.

An overview of the history is key to try to understand what is « open source » and to embrace digital collaboration potential, an important component to demystify the notion for the knowledge base « Open Source Undefined: Overview of the Digital Bazaar ».

There is a draft plan with some key dates and elements, while thinking of aspects to transmit to try to consider the pedagogical dimension of the knowledge base: https://open-source-undefined.org/content/history.html

While trying to provide an understanding of source (code) sharing and digital collaboration practices over the time, the goal would be to balance with insight on computer history next to social and economical dynamics which are all shaping the phenomenon.

### Current structure basis

**From 40' to 60':**
- Beginning of computer and software industry, code shared was the norm with (big !) devices until 1969 IBM's software unbundling. Already nascent "open" collaboration with Grace Hopper near 1953, showing the origins of this type of practices.

**From 70' to 90':**
- Beginning of software industry for more mass market microcomputers (Microsoft created in 1975), copyright application and closure of the code for business purposes. Intentionalization of code sharing through free software movement and Stallman in 80', theorization of mass collaboration practices through the Cathedral and the Bazaar by Eric Raymond leading to the term « open source » in late 90'.

**From 2000 till now:**
- To show open source ubiquity in modern software, its normalisation and the growing diversity of source sharing and collaboration practices, to provide some understanding of the state of « open source » in software and beyond ?

The challenge will be to highlight the origin of the concept to fuel a debate on its confusing meaning, while providing a broader knowledge of « open source ». One complexity is that the hole story relate to how computers worked initially, how the digital world and software industry evolve through their worldwide democratisation, everything being intertwined.

Open Source become difficult to grasp because it's many ideas at once, varying from one person to another, from one era to another.

How to explain « open source », why, to whom ? Any key elements to suggest or some angle to consider ?

There are various resources collected related in a Zotero (public) library to prepare this history, any good documents to suggest? https://www.zotero.org/groups/5352918/open_source_undefined/collections/M3IW7DUY

**_Image:_** Grace Hopper, creator of one of the first programming languages.
Robôs humanóides de uso geral?!
Published: 2024-01-27 15:52:37



Em recente artigo publicado por Bill Gates, ele lista algumas startups focadas em desenvolvimento de robôs, nas quais ele acredita estarem no caminho certo.

Robôs já fazem parte do nosso dia a dia, e os primeiros que nos veem à mente são robôs das linhas de montagem de veículos, que são programados para realizarem bem uma única tarefa. 

Soldar peças ou pintar a carroceria do veículo que está sendo produzido são apenas dois exemplos de tarefas únicas executadas por robô.

Porém de acordo com o artigo, robôs humanóides que possam ser programados para tarefas mais complexas serão mais úteis. 

A Amazon por exemplo, 'adotou' o Digit, um robô programado para movimentar caixas vazias após serem esvaziadas pelos funcionários.


![Digit na Amazon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lksrfvfqpizqqagnjdxy.jpg)

_Crédito da imagem: Jason Redmond/AFP via Getty Images_

---

## Agility

Com sede em Corvallis, no Óregon, a [Agility](https://agilityrobotics.com/) tem se destacado no desenvolvimento de robôs para atividades que só poderiam ser executadas por seres humanos.

Aindrea Campbell, COO da Agility, comparou a criação da fábrica de robôs às linhas de montagem do início do século XX, quando muitas companhias adotaram esse modelo de produção.

"Permitir que humanos sejam mais humanos" é a visão de futuro imaginada pela Agility, onde criar robôs para o trabalho é permitir que a humanidade prospere.

Além da sede em Corvallis, a Agility Robotics tem escritórios em Palo Alto, no estado da Califórnia, e em Pittsburgh no estado da Pensilvânia.

---

## Tevel

Outra startup citada por Bill Gates é a [Tevel]  (https://www.tevel-tech.com/).

Fundada em 2017 por Yaniv Maor, o foco da startup é a agricultura, mais especificamente na colheita de frutas, como maçã, pêra e damasco.

Esta tarefa é particularmente desafiadora, pois requer mão de obra qualificada.

Pensando nessa dificuldade a Tevel desenvolveu drones autônomos capazes de fazer a colheita das frutas no tempo certo, evitando desperdícios.

Além do processo de colheita, os drones coletam dados em tempo real da fazenda fornecendo um volume de dados considerável, mas vital para aumentar a eficiência do processo como um todo.

Entre os benefícios apontados pela startup estão:
* aumento na qualidade da fruta
* agilidade
* economia de custos

---

O artigo completo (em inglês) pode ser lido [aqui] (https://www.gatesnotes.com/).
How to Use ImportAction in Laravel Filament with RelationManager
Tags: laravel, php, filament, livewire
Published: 2024-01-27 15:25:56

Laravel Filament, a powerful tool for building admin panels, offers a variety of features for managing data, including the ImportAction. This is particularly useful when dealing with bulk imports on related resource tables. However, a common challenge arises when you need to specify the ID of the record that the imported data belongs to.

### Setting Up ImportAction

When using ImportAction on a RelationManager in Laravel Filament, you need to set the ID of the record that the imported data is related to. Here's how you can do this:

```php
use Filament\Tables\Actions\ImportAction;

ImportAction::make()
    ->importer(MyImporter::class)
    ->options([
        'related_id' => $this->ownerRecord->id
    ]);

```

In this snippet:

- ImportAction::make() initializes the import action.
->importer(MyImporter::class) sets the importer class. 
- Replace MyImporter with your custom importer class.
- ->options([...]) is used to pass additional options. Here, we are setting the related_id option to the ID of the owner record.

### Accessing Options in Lifecycle Hooks

Once you have set the related_id in the options, you can access these values in all lifecycle hooks of the ImportAction. Here's an example of accessing related_id in a lifecycle hook:

```php
->beforeSave() {
    $relatedId = $options['related_id'];
    // Additional logic using $relatedId
}
```

In this example, the beforeSave hook is used to retrieve the related_id from the options and perform some operations before the save process begins.

### Conclusion

While the Laravel Filament documentation might not explicitly cover the usage of ImportAction with RelationManager, especially regarding setting and accessing the ID of the related record, the above method provides a clear and effective way to handle this scenario. By passing the related_id in the options and accessing it in lifecycle hooks and the resolveRecord() method, you can efficiently manage bulk imports on related resource tables in your Laravel Filament projects.
Fabio Cap Football Alwasl Club Uae Dubai Quality Bestselling
Tags: uae, caps, baseballcap
Published: 2024-01-27 15:25:43

The Best New Era Caps in Dubai 2024 By Th3 Future
Step up your style game with the hottest new era caps in Dubai. Whether you’re a die-hard sports fan or simply want to make a fashion statement, these caps are a must-have accessory for any wardrobe. Designed with the perfect blend of style and functionality, they are the ideal way to add a touch of flair to any outfit.

**Winter Caps Collections 2024
**In Dubai, where fashion is taken seriously, these [new era caps](https://th3future.ae/shop/winter-style-collection-buy-three-get-one-free/) in Dubai are making waves. They are crafted with the utmost attention to detail, ensuring a sleek and stylish look that is bound to turn heads. From bold and vibrant colors to unique patterns and designs, there is a cap to suit every taste and preference.

But these winter caps collections  are more than just a fashion accessory. They are also a symbol of individuality and self-expression. With their iconic logo and sleek design, they allow you to showcase your personal style and stand out from the crowd. Whether you’re hitting the streets of Dubai or catching a game, these caps will instantly elevate your look and make a statement.

So why wait? Unlock your style potential with the hottest new era caps in Dubai and make a bold fashion statement wherever you go.
How to build backend for a personal blogging site?
Tags: beginners, webdev, gamedev, cloud
Published: 2024-01-27 15:18:50


I'm building a personal blogging website.I plan to have the posts  with comments, embedded HTML5 games,audio and visual media.
I have the user interface ready on paper.

Here's the scope of the blog:
Audience: Small(less than 100-200 people per month).Might grow in future.
Games: Small(less than 5mb) 2d games.
Needs: Storage for blog posts, images, audio, and game assets. Plus, a way to deliver everything smoothly to my readers.

On other platforms (YouTube and through Google searches)most people tend to be using NoSQL DBs.I don't know if I need that.
I am open to learning new things. 
So,I'd love your wisdom!
What's your preferred setup for hosting blogs with embedded content,please remember that most pages of my blogs will be static?
Any tips for optimizing 2D games for seamless loading?
Unfortunately,I can't pay much for hosting,so please keep that mind.
Bonus points for sharing your own experiences and favorite tools!

Thanks in advance!
PHP: about empty()
Tags: php, beginners, programming, testing
Published: 2024-01-27 15:04:27

The `empty()` helper is a built-in PHP function that is often used to check inputs.

The problem is it has some quirks you might not know yet.

## What is it?

> Determine whether a variable is considered to be empty. A variable is considered empty if it does not exist or if its value equals false. empty() does not generate a warning if the variable does not exist. 

[source: PHP doc - empty](https://www.php.net/manual/en/function.empty.php)

In code, it gives `!isset($myVar) || $myVar == false`;

## We use that for anything and everything...

```PHP
$testCase = array(
    1 => '',
    2 => "",
    3 => null,
    4 => array(),
    5 => FALSE,
    6 => NULL,
    7=>'0',
    8=>0,
    
);

foreach ($testCase as $k => $v) {
    if (empty($v)) {
        echo "<br> $k=>$v is empty";
    }
}
```

[source: PHP doc - empty](https://www.php.net/manual/en/function.empty.php#114267)

While this code is totally valid and makes sense for older versions of PHP, it might not be the best approach now that we have stricter types (e.g., PHP 8.*). 

Besides, there are other functions for your specific case:

* existence can be checked with `if (isset($myVar))`
* null values can be tested with `if ($myVar === null)` or `if (is_null($myVar))` (which is marginally faster)
* empty array with `if ($myArray === [])`

## ¯\\_(ツ)_/¯ When empty() seems to "hallucinate"

```PHP
<?php
class MyClass {
    private static $myProp = 123456;
}

$myObject = new MyClass();
print_r(empty($myObject::$myProp)); // 1
var_dump(empty($myObject::$myProp)); // true
```

The property is just not accessible, but using `empty()` here would be confusing and prone to errors. 

Another famous example is:

```PHP
$myVar = '0';
var_dump(empty($myVar));// true
```

## When NOT to use

As `empty($myVar)` is `!isset($myVar) || $myVar == false`:

* don't use it if you know that `$myVar` exists
* don't use it to check boolean
* don't use it for mixed types

_N.B.: some would even say don't use it on latest versions of PHP, as you can now leverage built-in type safety_

## Wrap up

I'm not writing this to patronize or whatever, as I've been using  ̀empty()` for years in various projects, like many other developers, and for various checks. 

It might be fine for now, but, with such generic helper, I'm afraid you will likely introduce technical debt in most cases, and harm readability.
7 Common CSS Mistakes Junior Frontend Developers Make (And How to Fix Them)
Tags: webdev, beginners, css, mistakes
Published: 2024-01-27 14:46:41

## Mistake #1: Overusing `!important`.

- ❗️Problem: Makes style overrides a nightmare
- 🛠️ Fix: Boost selector specificity or reorganize your code.


![Mistake 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0jo0am503fba7fqf0pck.gif)

## Mistake #2: Overcomplicating selectors.

- ❗️Problem: Complex selectors are hard to read and harder to override.
- 🛠️ Fix: Opt for the lowest specificity that will solve your issue.


![Mistake 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g00um0zv394y3pejy3oa.gif)

## Mistake #3: Having redundant declarations.

- ❗️Problem: Re-declaring default values make your code cluttered.
- 🛠️ Fix: Set property values only when they differ from the default ones.

![Mistake 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qt0vavciai6qvnxy1cad.gif)

## Mistake #4: Not using shorthand properties.

- ❗️Problem: Makes your code unnecessarily cluttered.
- 🛠️ Fix: Use CSS shorthand whenever applicable.

![Mistake 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4s7p164wv05n500sdt2a.gif)

## Mistake #5: Setting unnecessarily high `z-index`.

- ❗️Problem: z-index conflicts may arise, often requiring a higher one.
- 🛠️ Fix: Leverage stacking contexts.

![Mistake 5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqk53vpc6pyvpjud7bld.gif)

## Mistake #6: Using inconsistent values.

- ❗️Problem: UI inconsistency.
- 🛠️ Fix: Stick to consistent values for a polished look.

![Mistake 6](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/shweet61u3y494e4mr8q.gif)

## Mistake #7: Using CSS features only supported by a few browsers.

- ❗️Problem: Your code may not work correctly on some browsers.
- 🛠️ Fix: Check first [canIUse](https://caniuse.com/) and provide fallbacks if necessary.

![Mistake 7](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6y4ljmkecqc64qb7ze4l.gif)

——

Thank you for reading this post 🙏.

Leave a comment 📩 to share a CSS mistake that you have made or seen new devs make.

And Don't forget to Drop a "💖🦄🔥".

If you like articles like this, join my **FREE** newsletter, **[FrontendJoy](https://frontendjoy.substack.com/)**, or find me on [X/Twitter](https://twitter.com/_ndeyefatoudiop).
Playing around with Ultra HDR
Tags: hdr, python, demo, computervision
Published: 2024-01-27 14:43:03

[This is the ultrahdr.py script](https://github.com/albertz/playground/blob/master/ultrahdr.py), which generates [this HDR-demo](https://github.com/albertz/playground/wiki/HDR-demo).

(Check [gregbenzphotography.com/hdr/](https://gregbenzphotography.com/hdr/) whether you can display HDR properly.)

[High-dynamic range (HDR)](https://en.wikipedia.org/wiki/High_dynamic_range) is to extend the usual color range (Standard Dynamic Range (SDR)) and usually also extends the common 8bit color depth to 10bit or more.

Some modern displays (~2021) (e.g. MacBook M1, some OLED TVs) support HDR, but it is still a rare feature.

There are multiple formats for HDR images, e.g.:

- OpenEXR
- AVIF
- [JPEG XT](https://en.wikipedia.org/wiki/JPEG_XT)
  embedded in [JPEG XL](https://en.wikipedia.org/wiki/JPEG_XL)
- [JPEG XR](https://en.wikipedia.org/wiki/JPEG_XR)
- Ultra HDR (used here)
  embedded in standard JPEG

Ultra HDR uses the JPEG multi-picture format (MPF). It stores the normal SDR JPEG image as the first image, so all existing JPEG decoders can display the normal image. Then it stores a HDR gain map embedded in MPF which can be used to reconstruct the HDR image.

Currently, (end of 2023), Google Chrome stable (end of 2023) supports this format.
(Another alternative in Google Chrome is AVIF.)
(Firefox currently does not support it.)

Currently, (end of 2023), Google Pixel phones can capture Ultra HDR images (e.g. when they use night mode).

(Note, many websites, e.g. Twitter, will reencode JPEGs after you upload them, and often they don't support Ultra HDR yet, so then it will be lost, and you will just see the normal SDR JPEG image.)

About the Ultra HDR format:
https://developer.android.com/media/platform/hdr-image-format

> This document defines the behavior of a new file format that encodes a logarithmic range gain map image in a JPEG image file. Legacy readers that don't support the new format read and display the conventional low dynamic range image from the image file. Readers that support the format combine the primary image with the gain map and render a high dynamic range image on compatible displays.

To use the simple script here, for preparation:

* First, build this: https://github.com/google/libultrahdr
* Make sure FFMpeg is installed

This script does nothing fancy: It just upscales the input JPEG color range (FFmpeg does that here currently) and then encodes the HDR gain map using Google's Ultra HDR encoder (libultrahdr). The effect is that the image will display brighter on HDR displays.

Some related issues:
https://github.com/ImageMagick/ImageMagick/issues/6377
https://github.com/libvips/libvips/issues/3799
A Mongodb quick start
Tags: mongodb, quickstart, beginners, documentdb
Published: 2024-01-27 13:49:13

MongoDB is a leading NoSQL database that offers a flexible document-based data model. It provides scalability, high performance, and ease of use for building modern, data-intensive applications in various industries.

Let's take a few minutes to learn how to work with the blazing fast mongodb.

**Notes**
- You don't need to install everything on dev machine anymore, just launch a docker container and you have the software/services ready for working. BTW, **almost everything is "containerized" now**, you should [leverage it](https://docker-curriculum.com/).
- Learn the [essential terminologies](https://www.mongodb.com/basics) and try to answer basic questions (like what is docker, which problem does it solve, what is mongodb, collection, document ...)
- When you've got the basics, Google will be your friend (with proper English).

## Launch mongodb container

- Follow [this link](https://www.mongodb.com/docs/manual/tutorial/install-mongodb-community-with-docker/) to launch mongodb container.
```bash
# Basically this command
docker run --name mongo -d mongodb/mongodb-community-server:latest
```

## Import sample Netflix titles data to netflixdb

- Download Netflix sample data (csv, click on 'raw') from [this link](https://github.com/datacamp/community-groupby/blob/master/data/chasewillden-netflix-shows/data/netflix.csv)

- Copy the csv file to /tmp folder in mongodb container (replace 8899d85c84b0 with mongodb container ID on your machine)
```bash
# List running containers, copy mongodb container ID (something like 8899d85c84b0) for later use
> docker ps

CONTAINER ID   IMAGE                                     COMMAND                  CREATED        STATUS        PORTS       NAMES
8899d85c84b0   mongodb/mongodb-community-server:latest   "python3 /usr/local/…"   17 hours ago   Up 17 hours   27017/tcp   mongo

# Copy netflix.csv to container
> docker container cp netflix.csv 8899d85c84b0:/tmp
```

- Connect to the Mongodb container Bash shell ([mongosh](https://www.mongodb.com/docs/mongodb-shell/)):
```bash
# Connect to mongodb shell in the container
> docker exec -it mongo bash

# Check if the netflix.csv file is in /tmp folder
> ls /tmp
```

- Import Netflix sample data to netflixdb with command:
```bash
> mongoimport -d netflixdb --collection=title --type=csv --file=/tmp/netflix.csv --headerline
```

- Check imported documents
```bash
# Open mongo shell
> mongosh

# Take a look at first 5 documents
db.title.find().limit(5)

# Press Ctrl-D to exit from mongo shell
# Press Ctrl-D again to exit from Bash shell

```

## More tutorial on basic Mongodb commands
- Continue learning other Mongodb basic commands [here](https://www.mongodb.com/docs/manual/crud/)

Finally, keep expanding your MongoDB skills by discovering MongoDB [documents](https://www.mongodb.com/docs/manual/) and try answering the questions below:

1. Why is MongoDB high performance?
2. How fast are MongoDB queries?
3. How can I make MongoDB faster?
4. How much RAM does MongoDB need?
5. Is MongoDB good for large data?
Trang sức bạc- Dấu ấn vững chắc cho vẻ đẹp của bạn
Tags: jewelry, design, startup
Published: 2024-01-27 13:49:03

Buiduc Jewelry là một cửa hàng trang sức bạc được  thành lập bởi Founder Bùi Đức, người đã đưa ra ý tưởng thành lập thương hiệu. Doanh nghiệp hoạt động với phương châm: Trang sức bạc không chỉ là những món đồ trang sức đẹp mắt, mà còn là một biểu tượng thể hiện cái tôi của mỗi người.
☎ Hotline: 0348858326
🛒 Website: [BuiducJewelry](buiducjewelry.com)
📧 Email: buiducjewelry@gmail.com
📌 Địa chỉ: Trịnh Văn Bô, Xuân Phương, Nam Từ Liêm, Hà Nội
Turning Code into Currency
Tags: api, security, design, database
Published: 2024-01-27 13:31:57

In the vast landscape of tech-driven businesses, turning your API into a revenue stream is not just a possibility; it's a strategic move. Buckle up as we explore the ins and outs of transforming your API into a thriving business asset 


**Identify Market Needs**
Start by identifying pain points in the market that your API can address. Whether it's solving a specific problem or enhancing existing processes, understanding the needs of your target audience

**Build a Developer-Friendly API**
Your API is not just a service; it's a product. Make it easy for developers to integrate and work with.

**Freemium Models for Traction**
Consider adopting a freemium model to attract users. Offer a basic, free tier with limited features and then provide premium plans with additional functionalities for those who need more

**Security as a Selling Point**
Security is paramount. Highlight the robust security measures in place, as this can be a significant selling point for businesses considering integrating your API into their systems.

**Marketing and Branding**
Invest in marketing your API as a valuable solution. Create a strong brand presence, leverage content marketing.