<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/sources/devdojo/best-of/2022/07" -->

---
title: Best DevDojo posts — July 2022 | daily.dev
description: The most upvoted DevDojo posts from July 2022, curated by the daily.dev community.
canonical: https://daily.dev/sources/devdojo/best-of/2022/07
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/sources/devdojo/best-of/2022/07
og:type: website
og:site_name: daily.dev
og:title: Best DevDojo posts — July 2022 | daily.dev
og:description: The most upvoted DevDojo posts from July 2022, curated by the daily.dev community.
og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph
---

# Best of DevDojo — July 2022

1. 1  
[](https://daily.dev/posts/dev-tools-on-my-radar-in-2022-tfzywndie "Dev Tools On My Radar In 2022")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
Dev Tools On My Radar In 2022  
The demand for innovation and collaboration improvements for remote teams is probably one of the strongest trends we can currently observe in the industry. In this short post I rounded up 5 relatively new dev tools that have recently been on my radar and I believe have the potential to improve our daily workflows.  
149  
9
2. 2  
[](https://daily.dev/posts/css-properties-you-should-know-right-now--l31jbtd3d "CSS properties you should know right now!")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
CSS properties you should know right now!  
While browsing the MDN docs, I found some interesting CSS properties. So, I made this article about those. Let's begin! The property accent-color will override the default color of <input type=checkbox es and the default focus ring color. The text-indent property is very useful for overriding the length of the indent of the text.  
62  
2
3. 3  
[](https://daily.dev/posts/let-s-create-a-mini-programming-language--3ub1n0lgy "Let's create a mini programming language!")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
Let's create a mini programming language!  
In this tutorial, we will create a mini programming language. It will be used to draw interesting stuff on the HTML canvas. The syntax looks like this: center, left, top, right, bottom, color are keywords. Any color like red, blue, green, black, white, ...etc is a color. Any number is a number.  
53  
12
4. 4  
[](https://daily.dev/posts/quick-introduction-to-websockets-with-node-js-t-hkemuwv "Quick introduction to WebSockets with Node.js")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
Quick introduction to WebSockets with Node.js  
WebSockets allow you to send and receive data over a network without having to use a traditional HTTP protocol. Using WebSockets, you can build a real-time application. We will be using the ws library. It is a Node.js module that allows you to create WebS sockets servers and clients.  
45  
3
5. 5  
[](https://daily.dev/posts/type-casting-in-typescript-wyiv7pd0h "Type Casting in TypeScript")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
Type Casting in TypeScript  
In TypeScript, a variable can have an unknown type where TypeScript can't discern the specific type something should be. This can occur when a variable is simply given the type unknown. To solve this problem, we need to use TypeScript casting. To cast something in Typecript, we use the as keywords. For example, to cast the text variable to a string, TypeScript will let us use length.  
34  
1
6. 6  
[](https://daily.dev/posts/the-best-no-code-development-tools-in-2022-4-i5tuswn "The Best No Code Development Tools In 2022")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
The Best No Code Development Tools In 2022  
A no-code tool is a programming style and movement that does not require the use of code. No-code tools do not rely on their users' skill and expertise to use code, but instead use far simpler approaches to boost productivity. Here you will get to know about some of the best Low code web development tools.  
24  
3
7. 7  
[](https://daily.dev/posts/the-css-parent-selector-has--xsvvswoaz "The CSS Parent Selector, :has()")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
The CSS Parent Selector, :has()  
In the CSS Selectors 4 specification, CSS introduces a new selector called :has() which lets us select parents. This is already supported in Safari, and is also in Chrome 105\. In this article I will focus on how CSS parent selection works, and how you can do it today where support is available.  
24  
1
8. 8  
[](https://daily.dev/posts/what-is-nullish-coalescing-or-in-javascript-cwrybcjdy "What is Nullish Coalescing (or ??) in Javascript")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
What is Nullish Coalescing (or ??) in Javascript  
In Javascript, the nullish coalescing operator is used to return the right hand side when the left hand side is null or undefined. It is used in situations where something can be returned as eithernull or undefined, and helps us tighten up our code. For example, a function that returns undefined in some situations can be provided with a default value:let myFunction = ( a ) => { if (a >= 5 ) { return "hello world" ; } }  
20
9. 9  
[](https://daily.dev/posts/style-your-react-js-website-faster-with-stylify-css-kmdufawfa "Style your React.js website faster with Stylify CSS")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 4y  
Style your React.js website faster with Stylify CSS  
Stylify generates CSS based on what you write. The syntax is similar to css property:value. Defined utilities are combined with components selectors. In production minified to bare minimum like .color\\:red,.button {color:red} to. .\_ga{color: red}. Stylify allows you to get very small bundles, generate additional lazyloaded CSS chunks.  
18

[See all DevDojo archives](/sources/devdojo/best-of)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/devdojo/best-of/2022/07#page","url":"https://daily.dev/sources/devdojo/best-of/2022/07","name":"Best DevDojo Posts — July 2022","description":"The most upvoted DevDojo posts from July 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devdojo/best-of/2022/07#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/dev-tools-on-my-radar-in-2022-tfzywndie","name":"Dev Tools On My Radar In 2022"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/css-properties-you-should-know-right-now--l31jbtd3d","name":"CSS properties you should know right now!"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/let-s-create-a-mini-programming-language--3ub1n0lgy","name":"Let's create a mini programming language!"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/quick-introduction-to-websockets-with-node-js-t-hkemuwv","name":"Quick introduction to WebSockets with Node.js"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/type-casting-in-typescript-wyiv7pd0h","name":"Type Casting in TypeScript"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/the-best-no-code-development-tools-in-2022-4-i5tuswn","name":"The Best No Code Development Tools In 2022"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-css-parent-selector-has--xsvvswoaz","name":"The CSS Parent Selector, :has()"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/what-is-nullish-coalescing-or-in-javascript-cwrybcjdy","name":"What is Nullish Coalescing (or ??) in Javascript"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/style-your-react-js-website-faster-with-stylify-css-kmdufawfa","name":"Style your React.js website faster with Stylify CSS"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"DevDojo","item":"https://daily.dev/sources/devdojo"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devdojo/best-of"},{"@type":"ListItem","position":5,"name":"July 2022"}]}]}
```