teleren/devto huggingface dataset:
10 freelance websites to find work at the beginning
Tags: webdev, codenewbie, beginners, programming
Published: 2021-09-17 07:24:35

_If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on [Twitter](https://twitter.com/VladPasca5)  for more information about web development and how to improve as a developer. This article was first published on my [Blog](https://vladpasca.hashnode.dev/)_

1. Freelancer

Hire the best freelancers for any job, online.

Millions of people use freelancer.com to turn their ideas into reality.

https://www.freelancer.com/

2. People Per Hour

Make bright ideas happen

Find the best freelancers to deliver your projects

https://www.peopleperhour.com/

3. Dribbble

Discover the world’s top designers & creatives

Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.

https://dribbble.com/

4. Fiverr

Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 300+ categories.

https://www.fiverr.com/

5. Upwork

Join the world's work marketplace. Find great talent. Build your business. Take your career to the next level.

https://www.upwork.com/

6. Guru

Find & Hire. Expert Freelancers. Work with the best freelance talent from around the world on our secure, flexible, and cost-effective platform.

https://www.guru.com/

7. Toptal

Toptal is an exclusive network of the top freelance software developers, designers, finance experts, product managers, and project managers in the world. Top companies hire Toptal freelancers for their most important projects.

https://www.toptal.com/

8. 99designs

99designs is the go-to graphic design service by Vistaprint. We make it easy to work with professional, creative experts from around the world and build your brand through custom, memorable design.

https://99designs.com/

9. Flexjobs

The #1 job site to find remote, work from home, and flexible job opportunities since 2007.

https://www.flexjobs.com/

10. Servicescape

Rated and reviewed freelancers. Precise, fast, affordable, open 24/7, and 100% guaranteed.

https://www.servicescape.com/

TL;DR

1. Freelancer
2. People Per Hour
3. Dribbble
4. Fiverr
5. Upwork
6. Guru
7. Toptal
8. 99designs
9. Flexjobs
10. Servicescape

_I hope found this useful and if you did please let me know. If you have any questions feel free to DM me on  [Twitter](https://twitter.com/VladPasca5)._
The Benefits of Using AWS Managed Cloud Services 
Published: 2021-09-17 07:20:44

Cloud computing is a relatively new way of storing and processing data that allows companies to use remote servers, rather than their hardware. AWS allows you to manage your company's entire cloud infrastructure with one provider. This means you can create additional services without having to worry about managing security patches or updates on all devices.  

[Advance cloud computing services with AWS](https://www.zehncloud.com/aws-managed-cloud-services/) offers four main categories: compute, storage, databases, and content delivery networks (CDN). These are perfect for small-scale applications as well as large-scale enterprise solutions. One example of using these types of services is when an organization needs a CDN service to deliver videos around the world more quickly because they have high demand in certain countries at different times during the day. The benefit of using AWS managed cloud services is that there are no additional costs to add or remove devices. You pay a set price for the amount of use and can focus on your business rather than having to manage multiple infrastructures. For example, if you have an organization with different departments each requiring their servers just in case they need more resources in the future, then this might be a good option since you will only require one server from an AWS cloud migration company. 

AWS is a great option for companies who want to focus on their core business and outsource the technical aspects of running an IT infrastructure. No matter what size your company is, some [AWS cloud migration services](https://www.zehncloud.com/cloud-migration-services/) can help you get up and running in no time! If you’re interested in learning more about this revolutionary service or if you have any questions, don’t hesitate to reach out to one of our consultants today.
A visual guide to help Developers
Published: 2021-09-17 04:35:57

I love helping people.  I love teaching Web Development.  In my lecture I use a lot of analogies to help explain some of the basic concepts.  One of the most common things I find that many students struggle with is understanding when and how to use padding and margin.  What if I told you that the element you are trying to style is a couch in your living room?  Using HTML and CSS you state where in the living room you would like to place the couch in reference to other items you have in there.  Using CSS you also move this couch around.  So what in the world am I getting at?

Easy.  Margin is the space around the couch. It is what keeps your couch a certain distance away from the chair and the TV stand.  Now padding.  See that is the fluffiness of the couch.  That's all internal to the element that is the couch.  In this case the border would be the fabric on the outside of the couch.  It's what holds the padding in.

For some of my students picturing things this way helps give them a visual way to understand how things are behaving.  Granted not every student needs these visuals, but that doesn't mean that they can't still help.  

So as I can't help every new or experienced developer this past weekend I wanted to try and take my analogies and give them some visuals and publish them for the whole world to see.  

[BeeDev's Helper's](https://beedevservices.github.io/beedev-helper/) is the site that I have started to do just this.  I am sure that this will always be a work in progress.  I mean why wouldn't it be.  There is always another way to describe things or picture things.  Right now there isn't much to the site, just a few pages but they are good pages.  

It isn't mobile friendly yet either, but I will get it there.  What matters is I am proud of what I have done so far, and that I won't stop adding to it.  

Feel free to share the link, give suggestions on what to add or make better.  I welcome the advice.
SSGNode
Tags: opensource
Published: 2021-09-17 07:05:52

[Git repository](https://github.com/sirinoks/SSGNode)
[Watch it work](https://sirinoks.github.io/SSGNode/)
You can specify a file/folder to generate into valid html pages. They will appear in `./dist*`. You can also change the styles.css to fit your preferences, it will get copied over to `./dist` and will be applied to all webpages there.
It also recognizes the first paragraph as a title.

## How to use
You should have a `.txt` file or a folder of such files, or instead "Sherlock Holmes Selected Stories" folder with txt contents present for testing this tool.

Make sure to have [node.js](https://nodejs.org/en/download/) installed on your system.
Then, in the repository run
> npm install

If you ever get an error of a missing node module, you can always look at its name (it will have a message *Error: Cannot find module `module`*) and run
> npm install **module**

Run in your console
> node index.js

***
### Arguments
You can specify additional options through arguments like so:
> node index.js -argument --argument input

To get quick instructions on the arguments do:
 `-h` or `--help`

To check the version of the app:
`-v` or `--version`

To change the default directory from where the files would be read or the specific file:
`-i` or `--input` 

Example of usage:
> node index.js -i cats

*Please note you shouldn't add ./ in the beginning, since the app will do it for you*

If you wish so, you also can:
`-hi` or `--hello`

## Experience
So this post is very technical. I wanted to tell about my experience doing it. Cause.. I think it's important. At first I was panicking a lot. The problem was that I didn't know the **how**. I didn't know the steps. I didn't know where to look. But really - I did. I just thought it was too much. So I wrote down a checklist and went one by one. The more progress I made - the easier it became. 
Organizing my code was the important step I needed to actually put in the very end. It was constantly on my mind - I was making my code confusing, but I didn't know how to put it nicely since I couldn't see the whole picture. Well, you can't really see that picture if you don't have its pieces in front of you.
This whole class so far has been very overwhelming. There are videos, readings, concepts, releases, blog posts, issues, collabs, reviews... like wtf. I'll be honest - I didn't touch the readings. Too much. This release has been a ride. Still is. I am having a lot of issues literally, and I don't know if I'll fix all of them by the deadline. Maybe that's okay. What I fear though is that it will only get harder from here...
Insert Images to a Table in Word in Java
Tags: java, word, table, api
Published: 2021-09-17 07:01:48


Tables can be added to Word documents to help display data, and in the same way, images can be inserted to tables to support data or to make the whole table more eye-catching. In this article, I'm going to demonstrate how to insert images to table cells in a Word document using Free Spire.Doc for Java.

**Import JAR Dependency (2 methods)**
● Download the [Free Spire.Doc for Java](https://www.e-iceblue.com/Download/doc-for-java-free.html) and unzip it, then add the Spire.Doc.jar file to your Java application as dependency.

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

**Sample Code**
```java
import com.spire.doc.AutoFitBehaviorType;
import com.spire.doc.Document;
import com.spire.doc.Section;
import com.spire.doc.Table;
import com.spire.doc.fields.DocPicture;

import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.InputStream;

public class InsertImageToTableCell {

    public static void main(String[] args) throws FileNotFoundException {

        //Create a Document object
        Document document = new Document();

        //Add a section
        Section section  = document.addSection();

        //Add a table
        Table table = section.addTable(true);
        table.resetCells(2,2);
        table.autoFit(AutoFitBehaviorType.Auto_Fit_To_Contents);

        //Load an image to InputStream
        InputStream inputStream = new FileInputStream("C:\\Users\\Administrator\\Desktop\\logo1.jpg");

        //Insert the image to the cell(0,0)
        DocPicture picture = table.get(0,0).addParagraph().appendPicture(inputStream);

        //Set the width and height of the image
        picture.setWidth(100);
        picture.setHeight(100);

        //Insert another image to the cell(1,1)
        inputStream = new FileInputStream("C:\\Users\\Administrator\\Desktop\\logo2.jpg");
        picture = table.get(1,1).addParagraph().appendPicture(inputStream);
        picture.setWidth(100);
        picture.setHeight(100);

        //Save the document
        document.saveToFile("InsertImgToCell.docx");
    }
}
```
![Insert](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b12meh3r8unam6evxoxf.jpg)
Reading URL Parameters in JavaScript
Tags: javascript
Published: 2021-09-17 07:01:21

Consider the following URL:

```txt
https://example.com?shape=circle&color=red
```

What if we wanted to extrapolate `shape`, `color`, and any other query parameters from that URL using JavaScript?

Well, one approach would be by using the very handy `URLSearchParams` object:

```js
const url = window.location.href; // The URL of the current page

const params = new URLSearchParams(url);
```

Once you've constructed an instance of `URLSearchParams` with a valid URL, you can start working with the URL's parameters:

```js
const shape = params.get(`shape`);
const color = params.get(`color`);
```

However, it's important to first check whether the URL parameter that you're trying to read even exists in the first place:

```js
if (params.has(`shape`)) {
    const shape = params.get(`shape`);
}
```

## Conclusion

That's about it!

Working with [URLs in JavaScript](https://javascript.info/url) doesn't necessarily require writing tedious regular expressions or parsers. Instead, it can be a very simple and readable process.
"Web Components will replace Frontend Frameworks"
Tags: javascript, html, webdev, programming
Published: 2021-09-17 06:43:25

In the 2nd part of our series, we will implement our Blog portfolio and have a deeper look at how to handle the data flow within Web Components.

{% medium https://medium.com/@mariusbongarts11/build-your-own-blog-portfolio-with-web-components-data-flow-6c1a8f09c252 %}
Layered Gradient Playground
Tags: css, codepen, webdev, showdev
Published: 2021-09-17 06:43:20

A while ago, I saw [this tweet](https://twitter.com/argyleink/status/1233406753892515847) by Adam Argyle. It's a clever way of layering gradients, using CSS `mask-image`. For a new project I'm working on, I want a timeline, where layered background-gradients will change the site’s “look and feel” during the day.

To help me create all these gradients, I built a small tool, based on Adam’s idea:

{% codepen https://codepen.io/stoumann/pen/eYRyqXY %}

I hope it's as useful for you, as it's been for me!
The CSS code is rendered at the bottom.
Responsive Restaurant Website 🍔.
Tags: react, html, javascript, css
Published: 2021-09-17 06:26:23

##Responsive Restaurant Website built using html, css, react.

##Features : 
1. Color customization.
2. Developed first with the Mobile First methodology, then for desktop.
3. Compatible with all mobile devices and with a beautiful and pleasant user interface.
4. Optimized SEO.
5. Search Items.
6. Categorize items.

![restro](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vw746q22dz0r1cb9hr6w.png)
What I've Learnt : 
1. How to implement Search in React.
2. Revised API Handling.

##GitHub Repository : 
{% github Aman2221/RESTAURANT_APP %}

##Thank you ❤️️
HTML tags | u
Tags: html, tags, u
Published: 2021-09-17 06:22:59

It is used to **represent text that is not articulated**, and therefore must be rendered in a way that indicates that it has a non-textual annotation, different from the rest of the text. This rendering is usually translated into an underline.

Examples of this can be misspelled words, spelling errors or written Chinese proper names, which need to be underlined (Ex: `<p>This paragraph contains a <u>mipsselled</u> word</p>`).

**It should not be used for presentation purposes**, to underline texts, for this the `text-decoration` property of CSS will be used.

**It should also not be used when its default style can be confused with a link**, which is also underlined by default.

`<u>` **should be a last resort and only used when there is no other more appropriate tag available**, such as `<em>`, `<b>`, `<mark>`, `<strong>`, `<cite>` or `<i>`.

To provide textual annotations, as opposed to non-textual ones created with `<u>`, the `<ruby>` tag should be used.

- Type: *inline*
- Self-closing: *No*
- Semantic value: *No*

[Definition and example](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u) | [Support](https://caniuse.com/mdn-html_elements_u)
Click Per Second Game Test
Tags: html, javascript, css
Published: 2021-09-16 19:02:45

CPS and other short-term games bring you the best opportunity to test your skills in a short period of time. Your clicking speed can be checked in a short amount of time.
As your time runs, you can immediately see your score as the mouse clicks per second is measured.

<b>Getting Your Desire Score in the CPS Test:</b>

When you take the <a href="https://easycpstest.com/1-second/">cpstest</a> the higher the score, the more clicks you get per second. You must ensure that the mouse is properly connected before you begin playing the game. Gaming mice are better than regular mice.
As far as clicking techniques go, there are jitter clicks, butterfly clicks, drag clicks, etc. Get started practicing with these techniques to reach your target and beat your friends.
Good News You can make <a href="https://easycpstest.com/pixel-circle-generator/">Minecraft Circle Generator</a>

<b>How to Play CPS Counter:</b>

Check your CPS and see how fast you can play in just one second, but you have to get your target score in just one second. You can play CPS Counter as fast as you want by following the steps below:

1.The game starts when you click the grey box. Because the timeframe is concise, you will need to click as quickly as possible after your first click to start the game. Therefore, you must click at least three times every second.
2.You can see your score as soon as your time expires.
3.Don't be too disappointed if you score isn't much better since you can try again. Let's try the CPS again.
Kimchi-SSG Release 0.01
Tags: opensource
Published: 2021-09-17 05:56:36

## Built with
- C#
- .NET 5.0
- [command-line-api](https://github.com/dotnet/command-line-api)
- [Html Agility Pack](https://html-agility-pack.net/) 

## Author
[Minsu Kim](https://github.com/mkim219)

## License
[MIT](https://github.com/mkim219/kimchi-ssg/blob/main/LICENSE)

## Repository 
[https://github.com/mkim219/kimchi-ssg](https://github.com/mkim219/kimchi-ssg)

##Feature 

* Parse the title from the input file
* Improve look and feel of generated HTML

## Installation 
There are two methods you can use Kimchi-ssg
* Installation 
* Without Installation 

### Installation 
1. Clone [repository](https://github.com/mkim219/kimchi-ssg)  
2. Open command prompt and change directory where you clone the repository 
3. Change directory into `./kimchi-ssg/bin/release` where you can find `kimchi-ssg.1.0.0.nupkg` Nuget package for installation 
4. On the command prompt, type `dotnet tool install --global --add-source {your project directory including kimchi-ssg.1.0.0.nupkg} kimchi-ssg`
5. Check installation `dotnet tool list --global`

### Without Installation
1. Clone [repository](https://github.com/mkim219/kimchi-ssg) 
2. Open "kimchi-ssg.csproj" C# project file
3. Build the project with ctrl+shift+B (if you Windows user)
4. Go to directory "\bin\Release\net5.0", you can find kimchi-ssg.exe
5. Run command prompt and change directory where kimchi-ssg.exe locates at

## Option

- `--i --input <arguments>` Input your text file to convert html
- `--version` Show version information
- `-?, -h, --help` Show help and usage information

## Usage

### Installation 
1. Go directory where your text file to be converted into HTML file
2. Run `kimchi-ssg --input ./{current directory}` command if you want to convert multiple text file into HTML files
3.  Run `kimchi-ssg --input {filename.txt}` command if you want to convert single text file into HTML file
4. Your file generate dist folder in your current directory 

### Without installation
1. Make sure your text files in folder where kimchi-ssg.exe exists 
2. Run the same code on instruction at Installation above (step 3 and 4)
Fixing the Small Stuff
Tags: softwaredevelopment, teamwork, agile
Published: 2021-09-14 12:41:11

---
title: Fixing the Small Stuff
published: true
date: 2021-09-14 12:38:13 UTC
tags: softwaredevelopment,teamwork,agile
canonical_url: https://medium.com/chingu/fixing-the-small-stuff-abcdc22ebee2
---

#### Sprint 3 — Tuesday

![](https://cdn-images-1.medium.com/max/1024/1*4e43PgpgzveKmCqDoLku-Q.jpeg)<figcaption>Photo by <a href="https://unsplash.com/@epicantus?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Daria Nepriakhina</a> on <a href="https://unsplash.com/s/photos/small-problem?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></figcaption>

In any project problems can be generally placed into two categories — **_ big stuff_** and **_small stuff_**.

When you hit a _big stuff_ problem create an issue to document what it is, where it lives in the project, and why it’s important. This is so you can discuss it during a standup meeting to prioritize it and determine when it needs to be resolved.

> All too often the _small stuff_ is overlooked until it grows to become _big stuff_

Unfortunately, when you encounter _small stuff_ it’s too easy to say “I’ll get to his later.” or “I need to complete a higher priority task first.” As a result, all too often the _small stuff_ is overlooked until it grows to become _big stuff_.

When you hit small problems fix them immediately so they don’t grow to become **_technical debt_**!

![](https://cdn-images-1.medium.com/max/600/1*nMDLsMuPK_oshFd0p_aTmQ.png)

### Before you Go!

Chingu helps you to get out of “_Tutorial Purgatory_” by transforming what you’ve learned into experience. The experience to boost your Developer career and help you get jobs.

You can learn more about **Chingu** & how to join us at [https://chingu.io](https://chingu.io/)

* * *