teleren/devto huggingface dataset:
Order Types on the Cryptorobotics Platform
Tags: blockchain, cryptocurrency
Published: 2024-05-05 13:13:42

[Cryptorobotics](https://cryptorobotics.ai/) is a convenient and multifunctional platform for trading cryptocurrencies. It offers users a range of tools for automating trading and managing portfolios. One of the key elements of any trading platform is the types of orders that allow traders to enter and exit the market effectively. In this article, we will examine the main types of orders available on the Cryptorobotics platform, including smart orders.

## Market Order

A market order is a simplest and fastest way to buy or sell cryptocurrency at the current market price. This type of order is executed instantly, and the trader receives transaction confirmation within seconds.

## Limit Order

A limit order allows you to set the exact price at which you want to buy or sell cryptocurrency. This order will be executed only when the market price reaches the level you specify.

## Stop-Limit Order

A [stop-limit order](https://cryptorobotics.ai/stop-limit-order-on-the-cryptorobotics-platform/) combines the functions of a stop order and a limit order, allowing traders to set an order activation price and a maximum or minimum execution price.

## Trailing Stop Order

A trailing stop order automatically adjusts the stop price according to market changes, allowing you to increase potential profit while simultaneously protecting against losses.

## Smart Order Ladder

A [smart order ladder](https://cryptorobotics.ai/ladder-smart-orders/) allows traders to place a series of limit orders at different price levels. This enables gradual entry or exit from positions, improving the average purchase or sale price. This approach helps diversify risks and manage a large volume of cryptocurrencies in a volatile market.

## Stop Loss and Take Profit

[Stop Loss and Take Profit](https://cryptorobotics.ai/stop-loss-and-take-profit/) are order parameters that allow you to automatically close a position when a certain loss or profit price is reached. Stop Loss limits losses, while Take Profit allows you to lock in profits at a set level, which is important for implementing trading strategies without the need for constant market monitoring.

## Conclusion

Using different types of orders on the Cryptorobotics platform can significantly improve trading strategy and risk management. Choosing the appropriate order type for each specific situation is important, based on your goals, strategies, and market conditions.
I MADE A GAME IN SCRATCH
Tags: webdev, javascript, beginners, programming
Published: 2024-05-05 13:00:46

## THOUGHT
SCRATCH IS A BEGINEER PROGRAMMING LANGUAGE USED BY MANY PEOPLE. IT IS WERY EASY TO USE ALSO. I ALWAYS WANTED TO MAKE A STORY AND IN IT A GAME. ON ONE FINE DAY I CAME UP WITH AN AMAZING IDEA FOR MY SCRATCH GAME. IT WAS SIMPLE HEAR THE STORY NOW

## STORY OF MY GAME
THERE WAS A BOY PLAYING WITH HIS FOOTBALL AND A VILLIAN CAME AND TOOK HIS FOOTBALL. THEN THE VILLIAN CAME AND HAD PUT A CONDITION THAT IF WE CAN HIT 5 GOALS WITH THAT FOOTBALL IN 10 TIMES. YOU CAN GET BACK YOUR FOOTBALL. IF WE WIN HE WILL GET THE FOOTBALL. IF WE LOSE THE FOOTBALL WILL BE WITH THE VILLIAN.

## IMPLENTING
IT WAS SO DIFFICULT FOR ME TO DO THAT ESPECIALLY THE CONTROLS FOR THE GAME AND THE STORY. IT TOOK ME HOUR TO COMPLETE THIS PROJECT. AFTER THAT A GREAT AND THE BIGGEST PROBLEM CAME I ACCIDENTLY DID'NT SAVE THE PROJECT WHICH GAVE ME A BLOW IN MY MIND. SO I COUND'NT SEND THE ALSO BUT I WILL TRY TO MAE IT AGAIN IN MY NEXT POST
The 2010s saw the release of many games
Published: 2024-05-05 12:58:04

The 2010s saw the release of many games in a variety of genres and platforms, but some of the more notable ones can be listed below.

Minecraft (2011):
Minecraft is one of the most famous survival [인터넷카지노순위사이트](https://sites.google.com/view/skincarekatna/home) in the world, centered around players creating and exploring their own worlds using blocks. It was loved by many users for its picturesque graphics and [국내 카지노 순위](https://www.behance.net/skincarekatna).
Grand Theft Auto V (2013):
The twelfth game in the Grand Theft Auto series by Rockstar Games, it has attracted many players with its immense passion and free and open world. The [카지노 보증](https://medium.com/@eemmaa4646) offers single-player and multiplayer modes, and many players praise its graphics and storytelling.
The Witcher 3: Wild Hunt (2015):
Developed by CD Projekt Red, this RPG has garnered attention for its expansive open world, rich story, and character design. Both the main and side quests are particularly rich in content, making for a long playtime.
The Elder Scrolls V: Skyrim (2011):
Developed by Bethesda Game Studios, this RPG centers around exploring and [카지노사이트 순위](https://footfootball.pubpub.org/) in a huge open world. With a huge modding community, the game is very popular among long-time players.
Dark Souls series (2011-2016):
Developed by FromSoftware, this series is known for its challenging difficulty and unique world. Players progress through death and learning, and the [안전한 바카라사이트](https://cl010524.bloggersdelight.dk/) has a legendary status among gamers.
Fortnite (2017):
Developed by Epic Games, this battle royale game has become immensely popular around the world, especially because of its many content updates and interoperability.
The Legend of Zelda: Breath of the Wild (2017):
Released on Nintendo's Switch and Wii U, this open-world action-adventure [카지노 사이트](https://oncapass.com/) was a huge hit worldwide. It mesmerized players with its beautiful graphics and freedom to explore.
Overwatch (2016):
Developed by Blizzard Entertainment, this team-based multiplayer FPS was loved by many players for its diverse characters, graphics, and strategic gameplay.
PUBG (2017):
First released as Battlegrounds, and later named PLAYERUNKNOWN'S BATTLEGROUNDS, this [실시간카지노사이트](https://oncapass.com/) became popular for the way it pitted players against each other in a fight for survival.
League of Legends (2010):
Developed by Riot Games, this multiplayer online battle arena game centers around competing using different champions and strategies. With an annual world championship, the game is hugely popular around the world.
These games have had a huge impact on gaming history in the 2010s, reflecting the tastes and preferences of players across different [검증사이트](https://www.behance.net/emmarose46) and [토토카지노](https://cumlaude0105.wixsite.com/the-travel-blog).
Top 10 SVG Pattern Generators
Tags: webdev, css, frontend, svg
Published: 2024-05-05 12:55:03

An SVG pattern generator is a tool that creates unique and customizable patterns using Scalable Vector Graphics (SVG). The generator allows you to adjust parameters such as color, size, shape, and pattern density to create a pattern that fits specific needs.

- [Hero Patterns](https://heropatterns.com/): A collection of repeatable SVG background patterns for you to use on your web projects.
- [Softr](https://www.softr.io/tools/svg-shape-generator): A free tool made by Softr for creating random organic-looking shapes that can be used to add a nice touch to your landing page design, video thumbnail, social media banner, or any other visual.
- [BGJar](https://bgjar.com/): Free svg background generator for your websites, blogs and app.
- [fffuel](https://fffuel.co/): a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds.
- [SVG Doodles!](https://svgdoodles.com/): A free collection of 50 different editable SVG's to spice up your online and offline designs.
- [PatternPad](https://patternpad.com/): It generates graphical patterns based on a variety of parameters. This results in an endless number of variations. You can choose from popular styles or create your own individual pattern.
- [SVGeez](https://www.svgeez.com/): Totally awesome, well-stretched CSS svg background patterns, free for download.
- [VISIWIG](https://www.visiwig.com/patterns/): This tool allows users to customize seamless patterns, change the size, rotation, color, and stroke width of the patterns.
- [Pattern Monster](https://pattern.monster/): A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more.
- [Super Designer](https://superdesigner.co/tools/patterns): This tool lets you create Doodle-like patterns using a tile system.

SVG pattern generators are often used to create visually appealing backgrounds for websites, presentations, or social media graphics. These patterns can add texture and depth to a design without making the background too busy or distracting.

In print design, SVG patterns can be used to create decorative elements for brochures, posters, flyers, and other printed materials. They can enhance the visual appeal of the design and make it more memorable.

---

**You might also like**:

- [Top 9 CSS and JavaScript Tooltip Libraries](https://byby.dev/js-tooltip-libs)
- [Top 6 JavaScript i18n Libraries](https://byby.dev/js-i18n-libraries)
- [Top 9 JavaScript Data Validation Libraries](https://byby.dev/js-object-validators)
- [Top 5 JavaScript Search Libraries](https://byby.dev/js-search-libraries)
- [Top 9 JavaScript Free Books](https://byby.dev/js-free-books)
- [Top 10 JavaScript Animation Libraries](https://byby.dev/js-animation-libraries)
- [Top 10 SVG Pattern Generators](https://byby.dev/svg-pattern-generators)
Real-time public communities
Published: 2024-05-05 12:43:00


I’ve been in large communities on platforms like Discord and Slack for years, and have personally felt the pain of managing discussions with hundreds and thousands of people who contribute from all around the world. Even when everything is as carefully organized as can be things start to break down as these groups grow:

- With five conversations going on at the same time you’re not quite sure anymore who’s talking with whom—it’s impossible to keep track of.
- You want to talk about this one topic somebody mentioned five hours ago but the message is now 15 pages up and nobody knows what you’re talking about anymore. Don’t even get me started on topics from days or even, gasp, weeks ago!
- This is amplified by the fact that searching and linking to old messages is often a pain. Many times valuable and interesting conversations are lost forever, or the knowledge is trapped in the tool itself, never to be discovered from the outside.

Based on my own experience, and all those groups I have approached, we approached the problem hands-on and built [Spek](https://spek.vercel.app) diffently, tailor made for the purpse:

- All conversations in communities which are public are search engine indexable which makes it so all the valuable information is not lost behind the walls of the platform but accessible to the whole internet to use.

- Every conversation on Spek starts as a thread, its own place to provide rich context for the conversation ahead. Once a thread is published others can join the conversation.

- Conversations in threads are modeled after real-time chat applications. It feels more present than a static list of threaded comments, and when multiple people are online talking at the same time it feels like any other chat app you know.

- Because Spek is a platform, you are able to join all of your favorite communities with one profile, one login, one set of notifications and direct messages.

- By having all of your communities in one place, you get a single feed of all the things that you’re interested in, sorted by where the most active conversations are taking place right now.

### Contributing

I've have been working on this project since mid-march but I don't work on the project full-time yet and I been
mainly implementing the core functionality for the whole platform and the next step for the project is now to start **doing a redesign because currently the UI does not tell you immediately that this is a billion dollar idea.** so if you are a designer or a developer the
project is - <a target="_blank" href="https://github.com/irere123/spek">Open source</a>. so join me in this journey of transforming public communities for developers
The Thrill and Allure of the Casino: A Gateway to Entertainment and Fortune
Published: 2024-05-05 12:31:12

[inatogelcc](https://inatogel.cc****) Casinos have long held a fascination for people around the world. These vibrant hubs of excitement, pulsating with energy and possibility, draw in millions of visitors each year seeking the thrill of the game, the allure of the lights, and the chance to strike it rich. From the glittering casinos of Las Vegas to the opulent establishments of Monte Carlo, these temples of chance have become iconic symbols of leisure and extravagance.

At the heart of the casino experience lies the thrill of gambling. Whether it's spinning the roulette wheel, playing a hand of blackjack, or trying your luck at the slot machines, the prospect of winning big is an intoxicating one. The adrenaline rush that comes with each roll of the dice or flip of a card is unmatched, and for many, it's this sense of excitement that keeps them coming back for more.

But casinos offer more than just the opportunity to win money; they provide a unique form of entertainment that captivates the senses. The lavish décor, the lively atmosphere, and the endless array of games all combine to create an immersive experience unlike any other. Step inside a casino, and you're transported to a world where time seems to stand still, and anything is possible.

Yet, casinos are not just places of leisure; they are also engines of economic growth and development. In cities like Las Vegas and Macau, casinos are major drivers of tourism, attracting visitors from across the globe and generating billions of dollars in revenue each year. The jobs created by the casino industry are numerous and diverse, ranging from dealers and croupiers to hotel staff and entertainers, providing employment opportunities for millions of people worldwide.

However, the casino industry is not without its controversies. Critics argue that casinos exploit human weakness, preying on the vulnerable and exacerbating issues of addiction and compulsive gambling. They point to the proliferation of casinos in communities already struggling with poverty and social inequality, arguing that they contribute to societal problems rather than alleviating them.

In response to these concerns, many casinos have implemented responsible gambling measures, such as self-exclusion programs and limits on betting amounts, to help mitigate the risks associated with gambling addiction. Additionally, increased awareness and education about the potential dangers of gambling have led to greater support for intervention and treatment programs for those affected by compulsive gambling behavior.

Despite these challenges, the allure of the casino [inatogel](https://inatogel.cc****) endures. For many, it represents a place where dreams can come true and fortunes can be made. Whether you're a high-roller chasing the next big win or a casual gambler looking for a night of fun and excitement, the casino offers something for everyone. So the next time you're feeling lucky, why not take a chance and see where the cards fall? After all, in the world of the casino, anything is possible.
Animated tab navigation
Published: 2024-05-05 12:12:41

I had a task to make an animated page transition. we can find a similar animation behavior in telegram when we switch folders.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4i1ny4bk4l96w5ulxxb1.jpeg)
My site is written in react, not react native. we are making a mobile application that runs in the browser.
there is a component in which I have buttons to switch between tabs.

```
const [selectedTab, setSelectedTab] = useState("documents");
const [indicatorStyle, setIndicatorStyle] = useState({});
const buttonContainerRef = useRef<HTMLDivElement>(null);
const documentsButtonRef = useRef(null);

   const handleClick = (tabName: string) => {
     setSelectedTab(tabName);
     setTimeout(() => {
       const activeButton = document.querySelector(
         `.${styles.activeButton}`
       ) as HTMLButtonElement | null;
       if (activeButton) {
         updateIndicatorDirectly(activeButton);
       }
     }, 0);
   };

   const updateIndicatorDirectly = (button: HTMLButtonElement) => {
     if (buttonContainerRef.current) {
       const { left } = buttonContainerRef.current.getBoundingClientRect();
       const { width, height, top } = button.getBoundingClientRect();

       setIndicatorStyle({
         minWidth: `${width}px`,
         top: `${top + height - 25}%`, // Скорректируйте значение по необходимости
         left: `${button.offsetLeft - left}px`,
         opacity: 1,
       });
     }
   };

   const getButtonClass = (tabName: string): string => {
     return selectedTab === tabName ? styles.activeButton : styles.button;
   };

 return ( 

<button
  ref={documentsButtonRef}
  className={getButtonClass("documents")}
  onClick={() => {
    handleClick("documents");
  }}>
    {currentButtonLabels.documents}
</button>
 <button
    className={getButtonClass("images")}
    onClick={() => {
      handleClick("images");
    }}>
      {currentButtonLabels.images}
 </button>
 <button
   className={getButtonClass("video")}
   onClick={() => {
      handleClick("video");
   }}>
     {currentButtonLabels.video}
 </button>

)
```
Initially, the documents button is assigned an active class and our indicator. by clicking, the indicator moves and the active class changes as well. 
Here is the result that I got🔥🔥🔥

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i6iaq6v90rjsgumxszg0.gif)
Active class on click, inline style tag, variable set
Published: 2024-05-05 12:09:42


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9qocwg63uyntktmgimne.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0d9fut1erkqwy3pdp4ss.png)

```js
     <div class="right-plan-for-your-business-nav">
          <ul>
            <li *ngFor="let data of allPricing; let i = index">
              <button type="button"
              [class.active]="slideNumber == i"
              (click)="onSLiderSwitch(i)"
              >{{data?.businessSize}}</button>
            </li>
          </ul>
        </div>

```

```js
  slideNumber: number = 0;

  onSLiderSwitch(num: number) {
    this.slideNumber = num;
  }
```


```css
    li {
      flex: 1;

      button {
        border: 0;
        height: 60px;
        width: 100%;
        background-color: transparent;
        padding: 8px 34px;
        border-radius: 29px;
        font-family: $font-en-primary;
        font-size: 17px;
        line-height: 56px;
        font-weight: 500;
        color: $text-color;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;

        &.active {
          background-color: $primary-color;
          color: $color-white;
        }
      }
    }
```

> for style tag, inline css using variable(colorCode is a variable)
```html
  <div class="business-child-card-top">
                  <span [style.background-color]="data?.colorCode"></span>
                </div>
```


```html
<div [style.background-color]="item?.isEnabled ? 'red' : 'blue'">
    <!-- Your content here -->
</div>
```
Insights from "The Making of a Manager" (Chapter 1) by Julie Zhuo
Published: 2024-05-05 12:07:46

Embarking on the path to becoming a manager is an exhilarating yet daunting journey. It marks a significant transition in one's career, requiring not only a shift in responsibilities but also a transformation in mindset and approach. 

In her insightful book, "The Making of a Manager," Julie Zhuo, a seasoned leader in the tech industry, offers invaluable guidance for navigating this transition with confidence and grace.

In Chapter 1 of her book, Zhuo sets the stage by candidly sharing her journey from an individual contributor to a manager at Facebook. She acknowledges the challenges she faced and the lessons she learned along the way, providing a relatable narrative for aspiring managers.

One of the key insights Zhuo emphasizes is the fundamental shift in responsibilities that comes with stepping into a managerial role. No longer focused solely on individual tasks, managers are tasked with setting direction, coaching team members, and fostering a collaborative and productive work environment. This shift requires a broadening of perspective and a willingness to prioritise the success of the team over personal achievements.

Central to Zhuo's advice is the importance of humility and empathy in effective leadership. She encourages new managers to approach their role with a humble mindset, recognising that they don't have all the answers and that mistakes are inevitable. By embracing humility, managers can create an environment where team members feel empowered to voice their ideas and concerns, fostering a culture of trust and collaboration.

Empathy is another cornerstone of effective leadership highlighted by Zhuo. Understanding the unique strengths, challenges, and aspirations of each team member enables managers to provide tailored support and guidance, ultimately helping individuals thrive and succeed. By cultivating empathy, managers can build strong relationships with their team members based on mutual respect and understanding.

Throughout the chapter, Zhuo offers practical advice for new managers, from conducting effective one-on-one meetings to providing constructive feedback and managing conflict. She emphasizes the importance of continuous learning and growth, encouraging managers to seek feedback from their team members and peers and to reflect on their experiences to refine their leadership skills.

In conclusion, Chapter 1 of "The Making of a Manager" provides a valuable roadmap for navigating the managerial journey. By embracing humility, empathy, and a commitment to continuous learning, new managers can overcome challenges, inspire their teams, and ultimately thrive in their roles. As Zhuo aptly demonstrates, becoming a manager is not just about acquiring a new title—it's about embracing a new way of thinking and leading that brings out the best in oneself and others.
i don't care, i love it
Tags: gamedev, writing
Published: 2024-05-05 12:07:27

The first approach (of three) I want to talk about is using LLMs to translate to as many languages as possible without worrying too much about the final result.

Given that LLMs have proven to be good enough in the languages I can evaluate, I am going to assume that they will work similarly in others.

Obviously, this is not scientifically correct.

It is known that LLMs have greater abilities with languages that have a lot of text available on the internet, especially given the significant distance between English and other languages.

I do not have enough data, but from what I see, I tend to trust that to some extent the Pareto principle holds true.

80/20 is almost the same as 70/30.

As for the cost of translation, it is a bit difficult to calculate, but possible.

The tokenization process (transforming the text into “numbers” so that the LLM can interpret it) varies depending on the provider and the language of origin.

For OpenAI, English is cheaper than Spanish for example:

- English: 1 word ~ 1.3 tokens
- Spanish: 1 word ~ 2 tokens

Depending on the model we use and the number of tokens, we can calculate the costs.

I can already say that for an interactive fiction game, the costs are one or two orders of magnitude lower when translating with LLMs than with humans.

I do not want to make ethical judgments on this [yet], I am just presenting the data.

I will not give my personal opinion until the end of the series, for now, I am just presenting strategies.

As I said in the previous email: the result needs to be playtested, unless you *really* don’t care and love it.

PS: In one way or another, I managed to bring Charli XCX into this 😅.