teleren/devto huggingface dataset:
Shipyard CLI Plug-in Released
Tags: showdev, news, devops, docker
Published: 2023-02-23 17:49:51

We have just released the local CLI feature, allowing anyone to access their Shipyard account directly from their local terminal. If you're wondering why a dev tool is only just releasing a local CLI, check out our [blog post](https://shipyard.build/blog/cli-release/) that touches on what we are trying to achieve here at Shipyard.

Some highlights include:

- Manage running and stopped environments on your Shipyard account
- Access the logs for troubleshooting
- Port forward services from your running environment to your local machine
- Exec into containers

If you want to preview a few of the many possibilities of what the CLI access can do for you, our video feature launch is linked below:

[Youtube feature launch video](https://youtu.be/DTUSeqM5qiQ)

Download and try out the Shipyard CLI today with the following:

`curl https://shipyard.sh/install.sh | bash`

Full install instructions are in our [docs at this link](url) or our [GitHub repo's README page](https://github.com/shipyard/shipyard-cli).

Follow us for more details on our socials!

[Linkedin](https://www.linkedin.com/company/shipyardbuild/)
[Twitter](https://twitter.com/shipyardbuild)
Next.js vs Java: A Detailed Feature Comparison in Table Format, Including Technical Differences, Code Examples.
Tags: nextjs, web3, css, html
Published: 2023-02-17 21:13:56


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8w6s31edsag42wo9qt2f.png)

CronJ is a leading software development company with a team of highly skilled and experienced developers. With a deep understanding of Next.js, CronJ is the go-to company for businesses [looking to hire Next.js developers](https://www.cronj.com/hire-next-js-developer). As experts in developing scalable, high-performing web applications, CronJ has a proven track record of delivering exceptional results for clients worldwide. Their team of Next.js developers is well-versed in the latest industry trends and best practices, ensuring that your project is delivered on time and on budget. When you hire Next.js developers from CronJ, you can be confident that you're working with the best in the industry.
Thirty years of oppressive spiritual cultivation at Apple
Tags: womenintech, inclusion, apple
Published: 2023-02-18 09:44:23

It's the weekend! What a perfect time to go inside the Church of Apple and the living word of Steve Jobs to learn how Apple uses its fortress of secrecy to build and maintain a religion, exploits brand trust to sell everyone Apple, and how Steve Jobs' legacy is not of creation, but of destruction.

Discover who I am, who Steve Jobs is, and how we collided at Apple long after he died as I traversed through a maze of clues he left behind.

Decide what it all means for yourself.

This is a 5-part short memoir. Each portion takes 20-30 minutes to read. Enjoy the Forbidden Fruit of my labor.

1. [Welcome to Apple
](https://cherp.medium.com/welcome-to-apple-cher-scarlett-650410fc4b9f)
2. [A Fortress of Secrecy and Spirituality](https://cherp.medium.com/reality-is-not-what-it-seems-at-apple-cher-scarlett-2eb3cd15d16a)
3. [Pale Blue: Connecting dots to death in #AppleToo](https://cherp.medium.com/connecting-dots-to-deaths-at-apple-cher-scarlett-e29d00774cce)
4. [The ultimate sophistication of Thinking Different](https://cherp.medium.com/thirty-years-of-oppressive-spiritual-cultivation-at-apple-part-iv-e25e36bc652f)
5. [Out of the Bondi Blue, a Pink Pearl Apple emerges](https://cherp.medium.com/a-pearl-of-wisdom-apple-women-cher-scarlett-9adb891fda7e)
Effortlessly Elevate Your React Code with ESLint and Prettier: A Step-by-Step Guide for 2023
Tags: webdev, javascript, react, tutorial
Published: 2023-02-20 01:45:54

Hey Dev community! If you're a #React developer, you know the pain of dealing with messy and inconsistent code. That's where my latest blog post comes in - I have put together a step-by-step guide on how to use #ESLint and #Prettier to effortlessly elevate your code in 2023. Check it out and let me know what you think! #webdev #codingtips #StackFails"

Link: https://bit.ly/3SdQ85l
Create a rainbow-coloured list with :nth-of-type()
Tags: css, frontend
Published: 2023-04-09 10:59:59

---
title: Create a rainbow-coloured list with :nth-of-type()
published: true
date: 2023-02-20 20:03:00 UTC
tags: css, frontend
canonical_url: https://rachsmith.com/create-a-rainbow-coloured-list-with-css/
---

This is my favourite thing to do with the `:nth-of-type()` selector:

{% codepen https://codepen.io/rachsmith/pen/yLxYwxx %}

First, you need some colour values. I like to store them in [CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) so it easy to order them the way you like later.

```
:root {
  --red: #f21332;
  --orange: #f27225;
  --pink: #e20b88;
  --yellow: #f2ad24;
  --green: #00b249;
  --blue: #1844b5;
  --purple: #a033b3;
}

```

Then you want to add an `:nth-of-type` declaration for each colour. The [functional notation](https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child#functional_notation) for each `:nth-of-type` is in the format of `An+B`, where `A` is the total number of colours you have, and `B` is the position of each colour. So as I have 7 colours, my functions look like `7n+1`, `7n+2`, `7n+3` and so on...

```
li:nth-of-type(7n + 1) {
  color: var(--red);
}

li:nth-of-type(7n + 2) {
  color: var(--orange);
}

li:nth-of-type(7n + 3) {
  color: var(--pink);
}

li:nth-of-type(7n + 4) {
  color: var(--yellow);
}

li:nth-of-type(7n + 5) {
  color: var(--green);
}

li:nth-of-type(7n + 6) {
  color: var(--blue);
}

li:nth-of-type(7n + 7) {
  color: var(--purple);
}

```

You can never have too many rainbows.

{% codepen https://codepen.io/rachsmith/pen/yLxYwxx %}
Sharp & Glowing dark card | Chrome only
Tags: codepen, css, houdini
Published: 2023-02-20 11:45:28

<p>Based on this tweet: <a href="https://twitter.com/aleksliving/status/1620874863690014721?s=20" target="_blank">https://twitter.com/aleksliving/status/1620874863690014721?s=20</a></p>

<p>Please note that this pen uses CSS @property for that is not yet available everywhere, I’ll make a cross browser version. </p>

<p>Best viewed in chrome </p>

{% codepen https://codepen.io/LukyVj/pen/YzOXepM %}
Today I completed 2041 Solutions on Leetcode🥳🥳🥳
Tags: chiki1601, challenge, programming, beginners
Published: 2023-02-20 12:06:34



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



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/de74l53etmaaj7rtnovm.png)
Python For Loops, Range, Enumerate Tutorial
Published: 2023-02-20 15:46:24

Python for loop is used to iterate over a sequence of elements such as a list, tuple, or string. The `range` function can be used to create a sequence of numbers, and `enumerate` can be used to iterate over a sequence while also keeping track of the index.

## [**Python for Loop**](https://www.programdoc.com/python/for-loop)

The syntax of the `for` loop in Python is as follows:
```py
for variable in sequence:
    # code to be executed for each element in sequence
``` 

Here, `variable` is a new variable that takes on the value of each element in the `sequence`. The code inside the loop is executed once for each element in the `sequence`.

### Example

Let's say we have a list of names and we want to print each name:
```py
names = ['One', 'Two', 'Three', 'Four']

for name in names:
    print(name)
``` 

Output:
```py
One
Two
Three
Four
```

## The `range` Function

The `range` function in Python is used to create a sequence of numbers. It can take up to three arguments: `start`, `stop`, and `step`. The `start` argument specifies the starting value of the sequence (default is 0), the `stop` argument specifies the ending value (not inclusive), and the `step` argument specifies the step size (default is 1).

### Example

Let's say we want to print the numbers from 0 to 9:
```py
for i in range(10):
    print(i)
``` 

Output:
```py
0
1
2
3
4
5
6
7
8
9
``` 

## The `enumerate` Function

The `enumerate` function in Python is used to iterate over a sequence while also keeping track of the index. It returns a tuple containing the index and the element at that index.

### Example

Let's say we have a list of names and we want to print each name along with its index:

```py
names = ['One', 'Two', 'Three', 'Four']

for i, name in enumerate(names):
    print(i, name)
``` 

Output:
```py
0 One
1 Two
2 Three
3 Four
``` 




## Explore Other Related Articles
[Python if-else Statements Tutorial](https://dev.to/max24816/python-if-else-statements-tutorial-3p25)
[Python set tutorial](https://dev.to/max24816/python-set-tutorial-hcp)
[Python tuple tutorial](https://dev.to/max24816/python-tuple-tutorial-3m62)
[Python Lists tutorial](https://dev.to/max24816/python-lists-tutorial-2g43)
[Python dictionaries comprehension tutorial](https://dev.to/max24816/python-dictionaries-comprehension-tutorial-3bda)
The flutter life
Published: 2023-02-20 16:58:45

The back end I was using with firebase broke. **Obsolescence** is the only sure thing from fast paced large companies. I spent a few hours plucking around the problem but the function library doesn’t allow the only solution I knew. Perhaps I’ll give up and ask for advice from a prof. But they are just gonna stare at the same documentation I am. And I feel I’m capable of solving it myself (_at least it’ll be more rewarding_). I figured I should start a dev journal to track my issues and development, having instilled every other process I’m comfortable with to push my advancement I thought I should attempt this as well. I’ve kept journals and logs before in my life, but I commonly fall off due to my weariness of the consistent dedication required for the task. I should probably get over that. All I know is flutter is cool, non-current tutorials are _evil_. And documentation is commonly more abstract than how I want to apply it.
rsync: a top-notch tool for file synchronization
Tags: rsync, mobaxterm, windows, crossplatform
Published: 2023-02-20 17:53:59

I used to perform data backups among Linux machines by using **rsync**. Recently, I've been spending more time working on a Windows 11 laptop as my main host, and I've discovered that rsync is also included in MobaXterm. I've just performed some familiar synchronization tasks between local folders on my Windows host and between this Windows host and a remote Linux machine, and I'm happy to see that it works correctly.

I still need to perform other synchronizations to make sure it works thoroughly in my new settings, but in any case, it's a great tool that makes me feel as if I were working in a Linux system. 

**References**
https://www.digitalocean.com/community/tutorials/how-to-use-rsync-to-sync-local-and-remote-directories
Create Stunning User Interfaces with These Top 30 React UI libraries
Tags: webdev, javascript, react, beginners
Published: 2023-02-20 19:49:09

stunning User Interfaces with These Top 30 React UI libraries
 **📌 Full Article Link** : [Link](https://ziontutorial.com/)
#Top 30 React UI Libraries for Building Beautiful Interfaces 
Discover the top 30 React UI libraries for enhancing the user interface of your web applications. From navigation menus to modals, calendars, and image croppers, these libraries offer a wide range of tools to help you create powerful, responsive, and beautiful UIs.

Material-UI: MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. https://mui.com/

React Bootstrap: React Bootstrap is a popular UI library that provides a set of reusable components for building responsive and mobile-first web applications. Link: https://react-bootstrap.github.io/

Ant Design: Ant Design is a comprehensive UI library that provides a wide range of components for building high-quality web applications. Link: https://ant.design/

Styled Components: Styled Components is a popular library for styling React components with CSS. It allows you to write CSS directly in your JavaScript code. Link: https://styled-components.com/

React Select: React Select is a flexible and easy-to-use library for building select inputs in React. It provides a range of features such as search, async loading, and multi-select. Link: https://react-select.com/home

React Toastify: React Toastify is a simple and customizable toast library for React that provides a range of notification styles such as success, warning, and error. Link: https://github.com/fkhadra/react-toastify

React Virtualized: React Virtualized is a library for efficiently rendering large lists and tables in React. It provides a set of components such as List, Table, and Grid that can handle thousands of rows with ease. Link: https://bvaughn.github.io/react-virtualized/#/components/List

React DnD: React DnD is a drag and drop library for React that allows you to build complex drag and drop interfaces with ease. Link: https://react-dnd.github.io/react-dnd/about
A simple mortgage calculator using python
Tags: beginners, programming, python
Published: 2023-02-20 20:33:29

Hi Guys! I want to show my simple python mortgage calculator. It calculates the monthly payment and total amount to give back. Works only with fixed interest rate. 


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

This is a very simple code. However, it does the calculations well with right results. Feel free to make it better or adapt it for your projects. 

This is the link for the project GitHub: 

https://github.com/Norbikx1/MortgageCalculator

In conclusion, I made this program for the codeacademy requirements. Maybe, someone is going to find it useful. So, this is why I would like to publish it.
Steps To Master AWS
Published: 2023-02-27 21:39:00

## Steps To Master AWS

Mastering AWS requires dedication, practice, and ongoing learning. _Here are some steps you can follow to master AWS_:

**1. Learn the Basics**: Start by gaining a solid understanding of the core AWS services such as EC2, S3, and VPC. Review AWS documentation and take online tutorials to learn the basics.


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

**2. Get Certified**: AWS certifications demonstrate your knowledge and skills in specific areas of AWS. Consider pursuing multiple certifications such as AWS Certified Solutions Architect, Developer, and DevOps Engineer.


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

**3. Specialize in a Particular Area**: AWS offers many services and technologies, and it can be challenging to learn everything. Consider specializing in a specific area, such as database management, serverless computing, or machine learning.

**4. Learn from Experience**: Practice is crucial in mastering AWS. Create your projects and use AWS services to implement them. Participate in AWS hackathons, build solutions for real-world problems, and test and experiment with different services.

**5. Participate in the AWS Community**: Connect with other AWS professionals and learn from their experiences. Attend AWS user group meetings, participate in online forums, and network with other professionals.


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

**6. Stay Updated on New AWS Services**: AWS continuously releases new services and features. Stay updated by reading AWS blogs and attending AWS events such as AWS re:Invent and re:Skill.

**7. Use AWS Best Practices**: Follow AWS best practices such as using automation, securing resources, and implementing monitoring and logging.

**8. Attend Formal Training**: Consider attending formal training courses to gain in-depth knowledge and hands-on experience with AWS services.


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

**9. Experiment with Third-Party Tools**: There are many third-party tools and services that integrate with AWS. Experiment with these tools to enhance your AWS skills.

## Conclusion

_Overall_, mastering AWS requires a combination of formal training, practical experience, ongoing learning, and participation in the AWS community. By following these steps, you can become a skilled AWS professional and build a successful career in the cloud computing industry.
How We Can Help You Improve Your Existing Website
Published: 2023-02-28 20:35:03

As the digital world becomes increasingly competitive, it's essential to have a website that not only looks great but also functions smoothly and provides a great user experience. However, designing and maintaining a website can be a daunting task, especially for business owners who may not have the necessary technical expertise.

At Vantero Development, we understand the importance of having an excellent website for your business. That's why we offer a range of services aimed at helping businesses improve their existing websites. Here are some ways we can help you:

1. Website Audit
One of the first steps we take when working with clients is to conduct a thorough website audit. This process involves analyzing your website's design, functionality, and user experience to identify areas that need improvement. We'll also assess your website's speed, security, and mobile responsiveness, which are all critical factors in ranking high on search engines.

2. User Experience (UX) Design
If your website isn't providing a great user experience, visitors are more likely to leave and never return. Our UX designers can help you identify and solve any issues with your website's layout, navigation, and overall design. By making your website more intuitive and user-friendly, we can increase engagement, reduce bounce rates, and ultimately drive more conversions.

3. Content Optimization
Content is king, and having high-quality, relevant content on your website is essential for both users and search engines. We can help you optimize your website's content to improve its relevance, readability, and SEO. This includes conducting keyword research, optimizing headlines and meta descriptions, and ensuring that your content is engaging and easy to read.

4. Website Performance Optimization
Slow-loading websites are a big turn-off for visitors, and they can also negatively impact your search engine rankings. We can help you optimize your website's performance by reducing page load times, optimizing images, and compressing files. We can also ensure that your website is optimized for different devices and browsers, providing a seamless experience for all users.

5. Security and Maintenance
Keeping your website secure and up-to-date is critical in today's digital landscape. We offer regular maintenance and security updates to ensure that your website is protected against malware, hackers, and other online threats. We can also provide regular backups, ensuring that your website's data is safe and recoverable in case of a disaster.

In conclusion, having a great website is essential for any business that wants to succeed online. At Vantero Development, we offer a range of services aimed at helping businesses improve their existing websites. Whether you need a website audit, UX design, content optimization, performance optimization, or security and maintenance, we're here to help. Contact us today to learn more about how we can help you take your website to the next level.
How to automatically close your issues once you merge a PR
Tags: github, opensource, management
Published: 2023-03-03 06:27:19

It's really annoying go through all your issues, and close each one once a feature request or bug report has been completed. The pull request gets merged and then you gotta go find the issue that it corresponds to... way too much time.

Now GitHub has given you a way to automatically close your issues once a pull request has been merged. Let me show you how.

## Step 1. Create a pull request

Like you usually do, open your pull request as normal.

Go to your repository, make some changes and open a pull request, but don't click "Create pull request" yet:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0fyrf59rc8fvnc10prky.JPG)

## Step 2. Tag the relevant issue

Before you click "Create pull request", we need to link the relevant issue to the pull request so that the correct issue is automatically closed.

<ol>1. Write part of your commit message as usual:</ol>
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jzft7kaqyw3y8jp4m5xr.JPG)

<ol>2. Add a "linking" keyword to your commit message:</ol>
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7u70187mjuw2qoa95jjf.jpg)
You can see above here, I've used "closes" (underlined). There are several keywords you can use including:
- close
- closes
- closed
- fix
- fixes
- fixed
- resolve
- resolves
- resolved

<ol>3. Tag the relevant issue by typing `#` on your keyboard and selecting or typing in the number of the issue you want to link to:</ol>

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i97jk3mf6upf5nj8fqy8.jpg)

## Step 3. Merge and close your pull request

Now that you have all the necessary messages and tags, you can go ahead and merge the pull request as usual.

<ol>1. Click "Merge pull request":</ol>

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iefzecvd8f4kh81yto3b.JPG)

<ol>2. You should see the message that your pull request has been successfully merged:</ol>

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3sydftc1y518wyof5pit.JPG)

You can delete your branch now if you like.

## Step 4. Issue is automatically closed

When you navigate back to the relevant issue, you'll see that it is now automatically closed:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t403og7z3m5zwr6gbak5.JPG)

You'll also see the pull request is mentioned in the issue history, and there's a message at the top which reads "Fixed by #96". This means the issue has been resolved by pull request number 96.

## Automatically closing issues

I hope this short tutorial gives you a little more control and automation over your repositories on GitHub.

If you'd like to see this as a video, check out our YouTube Short:

{% youtube Ywd_ZMOMAas %}

There are also other ways you can automatically close issues. Read up on them all in the [GitHub Docs](https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue).