teleren/devto huggingface dataset:
🚀10 Trending projects on GitHub for web developers - 17th July 2020
Tags: react, css, webdev, javascript
Published: 2020-07-16 22:00:29

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

### 1. Super Expressive

Super Expressive is a JavaScript library that allows you to build regular expressions in almost natural language - with no extra dependencies, and a lightweight code footprint (less than 3kb with minification + gzip!).

{% github francisrstokes/super-expressive %}

---

### 2. React Hook Form

Performant, flexible and extensible forms with easy to use validation.

{% github react-hook-form/react-hook-form %}

---

### 3. Microsoft Fast

This is the FAST monorepo, containing web component packages, tools, examples, and documentation. FAST tech can be used à la carte or as a suite to build enterprise-grade websites, applications, components, design systems, and more.

{% github microsoft/fast %}

---

### 4. Phaser 

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers. Games can be compiled to iOS, Android and native apps by using 3rd party tools. You can use JavaScript or TypeScript for development.

{% github photonstorm/phaser %}

---

### 5. Tabler Icons

A set of over 550 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.

Devicon it's 78 icons and 200+ versions. And it's growing!

{% github tabler/tabler-icons %}

---

### 6. Quasar 

Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!

{% github quasarframework/quasar %}

---

### 7. MDX: Markdown for the component era

MDX is an authorable format that lets you seamlessly use JSX in your markdown documents. You can import components, like interactive charts or notifications, and export metadata. This makes writing long-form content with components a blast.

{% github mdx-js/mdx %}

---

### 8. Video.js

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 and Flash video, as well as YouTube and Vimeo (through plugins). It supports video playback on desktops and mobile devices.

{% github videojs/video.js %}

---

### 9. Outline

An open, extensible, wiki for your team built using React and Node.js.

{% github outline/outline %}

---

### 10. Vite 

Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production.

{% github vitejs/vite %}

---

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Day 176: Gone
Tags: hiphop, code, coding, lifelongdev
Published: 2020-07-16 21:52:21

_liner notes_:
- Professional : Today has gone by so quickly! Had our greater team meeting. Good to see everyone. Then I started getting ready for an appearance I'll be making on one of our livestream shows. I realized that I need to update my website to include a project that I'll be demoing on the show. Had to rework some code on my site so that it will be easier to order my side projects on the site. My site has little videos that showcase the side projects on laptops and mobile. Went to record the videos for my side project and realized that there were some weird CSS quirks. So I went down a rabbit hole fixing it and the time flew by! haha Recorded the videos and figured, since I'm updating my site, might as well include another side project I put out. So did that. Got another tutorial run through later tonight as well. Pretty busy day.

- Personal : Last night, I got the show recording uploaded so the radio station can play it this week. Worked on my current side project and went to sleep. haha.

![The hilly coastline of Big Sur, California at sunset.](https://dev-to-uploads.s3.amazonaws.com/i/r421p0b1llwl261curtq.png)

Going to finish up getting my site updated and make sure that my demo project is ready for tomorrow and that my slides are good. It's only like 10-15 minutes so nothing too bad. Pretty much it, I think. Got to get ready for this tutorial walk through.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube ROmuj3wWuyc %}
new video! FAST MAKING RULER
Tags: gamedev, dev, game, indiedev
Published: 2020-07-16 21:43:08



Hi, these are the materials from the development of the game PAPER TANKS. In this video we showed the complete process of creating a model for the game. 

Applications used during development:
Soft: Photoshop, Blender, Substance Painter, Unity

Full video: https://youtu.be/M0hbWRdGlyo

Follow the development:
https://twitter.com/PAPERTANKS2
https://store.steampowered.com/app/1213020/PAPER_TANKS
Don't Settle for a Template Website
Tags: wordpress, webdev, design
Published: 2020-07-16 21:30:04

**This is a cut-down version of [this article](https://samcross.digital/blog/dont-settle-for-template-website), posted on my blog.**

Many WordPress developers use templates or themes, as they're quick to set up and easy to customise. However, **they lack identity**. [A bespoke website design](https://samcross.digital/contact) is key to providing visitors with an experience they'd love.

# Less Now, More Later

Choosing a WordPress developer usually means paying less for a website, but it also means **it could rank lower in search results**, and give customers a sluggish and clunky browsing experience. This translates to reduced sales, and therefore reduced income.

Bespoke web design increases reach, and increases the likelihood of customers remembering a business. This is because **the website is designed fully around the brand**.

## Decrease Bounce Rates

![The probability of bounce increases 32% as page load goes from 1 second to 3 seconds](https://i.ibb.co/YhbHVjs/h-FXy-P-data-page-load-time-statistics-download.jpg)
*Bounce rates increase with load time - Think with Google*

As well as providing memorability for your brand, a website built-from-scratch will perform much better than a site built from a template. [Users hate waiting](https://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/), so your website needs to show the content your visitors want to see as *fast* as possible. WordPress websites are often slower - they're loaded with unnecessary scripts, images, and additional data.

# Cutting Corners

As well as missing out on speed and [SEO benefits](https://samcross.digital/services/search-engine-optimisation), WordPress websites tend to cut corners. Header menus might not work with browser features (read: JavaScript) disabled, and some buttons might be a little off-center. Not to mention that [responsive design is often an afterthought](https://siteorigin.com/wordpress-websites-responsive/).

With a [bespoke website](https://samcross.digital/contact), you can be sure that every inch of your site performs perfectly, and looks beautiful on every device.

> It's even possible to design websites for use on smartwatches. We live in a crazy world.

# Read More

For the full version of this article, [click here](https://samcross.digital/blog/dont-settle-for-template-website)! And if you'd like to work together, [get in touch](https://samcross.digital/contact).
How to get started with WordPress Theme development
Tags: help, webdev
Published: 2020-07-16 21:13:01

---
title: How to get started with WordPress Theme development
published: true
description: 
tags: help, webdev
//cover_image: https://direct_url_to_image.jpg
---
Hey WordPress development folks,
I'm mainly a backend and database developer and the last time I dealt with PHP was roughly 7-10 years ago.
I want to do a bit of WordPress Theme development in my free time and wonder how to best start with that (mainly tooling wise)

I'm especially looking for tooling that helps with the following things I don't want to miss (not even for a side/hobby project - for I will have big pauses in-between development, automation is most important to not forget that stuff):

- automated creation and spin-up of a local wordpress installation (including certain plugins)
- ideally: automated way to get a specific state of content into the local installation (like an export from production)
- automated deployment of my theme-under-construction to my local dev or a production installation
- file structure/layout to allow useful version-control of the important stuff via git

I appreciate any links/tutorials/experiences you are willing to share :)
Accessibility for the web - standards to follow
Tags: webdev, design, tutorial, react
Published: 2020-07-16 21:09:22

Web accessibility has quite a few moving parts and some of them are: 
- `user agents` (software created by people to access the web content like, desktop, mobile and voice browsers, plug-ins, multimedia players or assistive technologies).
- `web content` - parts of a website (images, text, forms, multimedia, HTML code or scripts)
- `authoring tools` - services or software that people use to create web content (code editors, blogs or content management systems).

How do these components fit with each other? Let's take a simple example: ideally, images need to have an alternative text description (remember that `alt` HTML attribute?). This text is then processed by browsers and conveyed to assistive technologies like screen readers. To create such `alternative text`, authors need an authoring tool (code editor).

For each of these components and the interaction between them, `standards` are being defined and they need to be met. Some requirements are easy to implement, some are more complicated and need a more advanced knowledge about how people use the web. 

A good practice is to make sure you start implementing these requirements early in the projects: this way you don't need to come back and take care of them later, which in most cases is more costly and time consuming. Unfortunately, many product managers, web developers and designers do not follow these rules, resulting in many people experiencing unnecessary difficulties when using their designs and enjoying content.

Some basic web standards resources we can consult when designing our software are:
- [ Web Content Accessibility Guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/) is the most common and it has `12 guidelines` organized under 4 principles: `perceivable`, `operable`, `understandable` and `robust`. It's best known as `WCAG 2.0`. European countries are following these standards very closely. They are maintained by the `Web Accessibility Initiative` (WAI) of the `World Wide Web Consortium` (W3C).
- [Section 508](https://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/guide-to-the-section-508-standards) are rules that apply to all federal agencies when they develop, procure, maintain, or use electronic and information technology (this means federal employees with disabilities should be able to do their work on the accessible computers, phones and equipment in their offices, train online or access the agency’s internal website to locate needed information).
- [Title II of the Americans with Disabilities Act (ADA)](https://www.ada.gov/pcatoolkit/chap5toolkit.htm) rules that explain to us how the nondiscrimination requirements of Title II of the ADA apply to state and local government websites.

In the next article we'll look at how we can make sure our web content is accessible or not.

*Image source: Kate Oseen/ @kateoseen on Unsplash*
ClamAV releases 0.102.4 Security patch
Tags: news, security
Published: 2020-07-16 21:05:32

---
title: ClamAV releases 0.102.4 Security patch
published: true
description: ClamAV an open source anti virus releases 0.102.4 security patch
tags: news, security
//cover_image: https://direct_url_to_image.jpg
---
[ClamAV](https://www.clamav.net/) an open source anti-virus engine has released a 0.102.4 version. This update fixes some security vulnerabilities found in ClamAV.

From the release notes:
>[CVE-2020-3350](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2020-3350)
Fixed a vulnerability a malicious user could exploit to replace a scan target's directory with a symlink to another path to trick clamscan, clamdscan, or clamonacc into removing or moving a different file (such as a critical system file). The issue would affect users that use the --move or --remove options for clamscan, clamdscan and clamonacc.

> For more information about AV quarantine attacks using links, see RACK911 Lab's report.

> [CVE-2020-3327](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2020-3327)
Fixed a vulnerability in the ARJ archive-parsing module in ClamAV 0.102.3 that could cause a denial-of-service (DoS) condition. Improper bounds checking resulted in an out-of-bounds read that could cause a crash. The previous fix for this CVE in version 0.102.3 was incomplete. This fix correctly resolves the issue.

> [CVE-2020-3481](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2020-3481)
Fixed a vulnerability in the EGG archive module in ClamAV 0.102.0 - 0.102.3 that could cause a denial-of-service (DoS) condition. Improper error handling could cause a crash due to a NULL pointer dereference. This vulnerability is mitigated for those using the official ClamAV signature databases because the file type signatures in daily.cvd will not enable the EGG archive parser in affected versions.

See more about the release in the [ClamAV post](https://blog.clamav.net/2020/07/clamav-01024-security-patch-released.html).
Love/Hate with the Server Log
Tags: ruby, rails, testing
Published: 2020-07-16 21:01:53

Going into coding, I underestimated the importance of my server log. It was close to a love hate relationship. In the beginning of my career, I didn't appreciate all of the errors it would throw in my face(Still does). I would just stare at it, wondering "What is your problem?!" It would be a bit annoying and would for sure, test my patience. 

HATE: [ SYNTAX ERROR, UNEXPECTED COMMA(,) OR (;), EXPECTING (end), abort]

LOVE: I love how descriptive it can be. "line 48: did you mean 'startswith()'? ", it literally tells you what you did wrong.

NOW, I live for the errors. I feel as if the errors make me a better programmer. It makes me fish out errors in order to make my code work. I don't know where I would be without you server log. We've come so far. <3

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zehvlufnko4hixhvwqvu.jpg)


My advise to anyone who hates their server log, give it time. Talk to it, it is wise. It seems to know what it's talking about.

What I still despise about coding:
( commas, semi-colons, and spaces) -Why are you so picky? Maybe one day we'll turn the page. Til then, Outta my way!

Love,
-IRVING
What is a digital garden?
Tags: writing, garden
Published: 2020-07-16 20:58:17

---
canonical_url: https://www.jenkens.dev/blog/digital-garden
---
A digital garden is a new way of writing and creating content. I always wanted to create my blog and talk about everything I'm learning and showcase my progress as a developer. Flatiron requires all their students to write blogs and this was the perfect chance, I wrote quite a few blogs on [dev.to](https://dev.to/talia) and some even got some recognition! Post-graduation I started getting more anxiety out posting blogs and agonizing over their correctness and my general writing skills. Suddenly blogs became less fun and more of a way to market myself for my job search. I whole-heartedly agree with what [Joel Hooks](https://joelhooks.com/on-writing-more) said:

> _Everybody is treating writing as a "content marketing strategy" and using it to "build a personal brand" which leads to the fundamentally flawed idea that everything you post has to be polished to perfection and ready to be consumed._

In order to escape this need for perfection and get back to writing and exploring for fun, enter the digital garden! I first learned about digital gardens from [Joel Hooks](https://joelhooks.com/digital-garden) and [swyx](https://www.swyx.io/writing/digital-garden-tos/). Digital gardens focus on the process of creating content and constantly updating and curating as you learn and grow. Like real gardens, each post is at a different stage. They're either finished (🌻), or in progress (🌱) and are being pruned and updated as I learn more. Even as I'm writing this post I feel a lot less pressure and it feels more like a conversation. I hope people are encouraged to start their own garden and release more thoughts and notes into the world. We hold ourselves to their high standards of perfection and I much rather be focusing on growing and learning. I want this garden to be a place where I can learn. Expect some mistakes, ramblings, and incomplete articles as you peruse the garden. If you'd like to help me learning by correcting a mistake or sharing some of your knowledge on a subject feel free to reach out to me on [Twitter](https://twitter.com/jenkens_)!
rsync - 10 examples in 11 days (Day 01)
Tags: linux, rsync, bash, tutorial
Published: 2020-07-16 20:57:50

#Day 01

> 10 examples in 11 days

## Sync Files and Directories Locally

Let's say we have a directory called **Users**. Inside of this folder we have various **.json** files with user settings. This is how our tree will look like:

- Users
  - user01.json
  - user02.json
  - user03.json

To be sure we sync all our files and they were copied correctly, we can check the file size of each one. Inside the users folder and using the **stat** command with the **-c** option and the **%s %n** arguments to show only the size and the name of each file:

```
iamgroot@laptop:~$ stat -c "%s %n" ~/Users/*
92 user01.json
57 user02.json
69 user03.json

```

As you can see, each file have different size and they are displayed in bytes ie: 92bytes for user01.json file.

Now that we know what we have, let's sync it:

```
iamgroot@laptop:~$ rsync -vhr /home/iamgroot/Users /home/iamgroot/SyncFiles

sending incremental file list
Users/
Users/user01.json
Users/user02.json
Users/user03.json

sent 478 bytes  received 77 bytes  1.11K bytes/sec
total size is 218  speedup is 0.39
```

Let's verify if the folder and its files were copied to the destination folder

```
iamgroot@laptop:~$ ls -h ~/SyncFiles && stat -c "%s %n" ~/Users/*

92 user01.json
57 user02.json
69 user03.json

```

We can see we have the **Users** folder copied, all files are inside of it and the file size are exactly the same as the source

---

Ok, that'll be for today's example, thanks for reading!!!

Follow, ❤ or 🦄
ARCTIC CODE VAULT BY GITHUB ORGANIZATION
Tags: news, git, opensource
Published: 2020-07-16 20:54:23

![Alt Text](https://media2.giphy.com/media/azICCwJD3pi1pqimJg/200.gif)

# Let Explore it Together

**STEP 1** : Open your github repository.

and at the left hand panel have a look at this...

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/92m9gfbe0spm6i8mw3ge.png)

> This mean that you are the Arctic Vault Contributor..

# What's Arctic Vault?

Arctic Vault is a vault where world's all types of seeds are preserved. Deep in the bowels of an icy mountain on an island above the Arctic Circle between Norway and the North Pole lies a resource of vital importance for the future of human­kind. It’s not coal, oil or precious minerals, but seeds.

Millions of these tiny brown specks, from more than 930,000 varieties of food crops, are stored in the Global Seed Vault on Spitsbergen, part of Norway’s Svalbard archipelago. It is essentially a huge safety deposit box, holding the world’s largest collection of agricultural biodiversity. 

> Supported Article from : https://time.com/doomsday-vault/

> ## Now this methodology is used by GitHub to store our Code.

![seriously?](https://www.reactiongifs.us/wp-content/uploads/2017/12/serious.gif)

> ## We are also a part of such big change. are the one those codes are gonna be stored their.


> # The codes are store within the Silver Halide Films.

# What's the github's Role

The GitHub Arctic Code Vault is a data repository preserved in the Arctic World Archive (AWA), a very-long-term archival facility 250 meters deep in the permafrost of an Arctic mountain. The archive is located in a decommissioned coal mine in the Svalbard archipelago, closer to the North Pole than the Arctic Circle. GitHub will capture a snapshot of every active public repository on 02/02/2020 and preserve that data in the Arctic Code Vault.


> # See the support video from GitHub Explained completely well. Let's deep dive

 {% youtube fzI9FNjXQ0o %}
Let's Talk: Current Challenges of Networking
Tags: discuss, career, beginners, productivity
Published: 2020-07-16 20:29:10

# **Current Challenges of Networking**
As the world is transitioning to a digital forefront, networking events must become more and more creative. As a rising senior in college, networking is essential in landing your next job. Applying with an outstanding resume and cover letter is just a start, but the people you know will get you much farther. 

*How are people meeting new people when it’s recommended to not to leave your house?*

One platform I have utilized is [Slack](https://slack.com/). I have used slack primarily for work purposes but found there are so many other ways to use Slack. I Googled a couple of slack channels related to my interests like user experience, product management, consulting, and front-end web development and joined them. I haven’t made any personal connections yet, but they have provided useful resources and insight on what those jobs entail. 

Another popular trend is online webinars or even networking events. I have attended some free online webinars and have found them informative. There are many talks, webinars, and workshops on websites like [Eventbrite](https://www.eventbrite.com/), [MeetUp](https://www.meetup.com/), and [Linkedin](https://www.linkedin.com/). 

# **Let’s Talk**
- What slack channels are you apart of?
- Are you in a position where you are looking for a job? If so, what have you done to stand out?
- Do you attend webinars? Which ones, and are they useful?