It's pretty safe to say that most of the modern web would not exist without JavaScript. It's one of the three standard web technologies (along with HTML and CSS) and allows anyone to create much of the interactive, dynamic content we have come to expect in…

improve chrome devtools workflow with these 5 tips

Higher-Order functions are one of those things in JavaScript that sounds incredibly complicated, but isn’t. By definition, a higher-order…

HTML detail tag is one of the most useful features of HTML5. You can create an interactive toggle widget without using JavaScript at all. But do you know with the right CSS hack, it can…

Svelte a new contender to the war of JavaScript frameworks. It might not be as mature as other frameworks like React and Vue, but here are three reasons you should try Svelte:

The learning curve is pretty small
It requires less amount of lines & has...

The ultimate collections of illustrations, art, pictures, fonts, images, icons, css frameworks, favicon generators, color palettes, backgound generators, ui inspirations and many more nodesign tools.

In general, productivity is the ratio between the output and input. In software engineering, programming productivity(or development productivity) can be the ratio between the quantity of the software code produced and its time-cost.
In mathematical...

I’ve been revising JavaScript for days now and I realized why not make a cheatsheet to read in one go. Cheat Sheets are something…

What we can expect to come in PHP 8.1

Hoisting is a JS default behavior of defining all the declarations at the top of the scope before code execution. Its main benefit is…

Recently, Stephanie Eckles sent out a call to revive the use of CSS border-image. Not to use it with images — which requires a pretty nasty syntax — but to create Gradient Borders in CSS. 🎉 Time to revive an old CSS property! When `border-image` was announced…

The spread operator is a new addition to the set of operators in JavaScript ES6. It takes in an iterable (e.g an array) and expands it…

Using console.log() for JavaScript debugging is the most common practice among developers. But, there is more...
The console object provides access to the browser’s debugging console. The specifics of how it works varies from browser to browser, but ...

A portfolio is a great way to show off your skills to potential employers. And it's especially helpful for entry-level developers who might not have any professional work experience. However, a common problem you might have when building a portfolio is knowing…

This is a list that I compiled over the years, it contains everything I found to be useful or interesting.
There is no special categorization, it flows a bit to JS side but there little bit of everything.
Please feel free to comment and add your fa...