Progressive enhancement is a way of building websites and applications. It’s based on the idea that you should start by making your page work with just HTML, before adding anything else like Cascading Style Sheets (CSS) and JavaScript.
⏱ 7 minutes read
#Frontend
⏱ 7 minutes read
#Frontend
GOV.UK
Building a robust frontend using progressive enhancement
How to build web pages so they work in HTML first: starting with HTML, extra styles and features, using JavaScript.
Short answer: Kinda. It depends. And it might not be enough to make a big difference in the average web app. But it’s worth understanding why.
⏱ 10 minutes read
#DOM
⏱ 10 minutes read
#DOM
Read the Tea Leaves
Does shadow DOM improve style performance?
Update: I wrote a follow-up post on this topic. Short answer: Kinda. It depends. And it might not be enough to make a big difference in the average web app. But it’s worth understanding why. …
AVIF, a child-wonder image format backed by industry giants, is finally reaching wide browser support with Firefox getting fully on board. We are here to investigate whether the successor to WebP lives up to its promise to obliterate JPEG and PNG and how to hop on the AVIF conversion train.
⏱ 15 minutes read
#Image #AVIF
⏱ 15 minutes read
#Image #AVIF
evilmartians.com
Decoding AVIF: Deep dive with cats and imgproxy—Martian Chronicles, Evil Martians’ team blog
It is time to talk seriously about AVIF, how it is different from predecessors, and how to start using it for web images today with the help of dead-simple and reliable self-hosted image converter from Evil Martians
The noscript of this post was a trending Quora question, with popular responses boiling down to “it’s not, the unemployment rate is 3.6%,” “there are too many developers and not enough engineers,” and “it’s a natural consequence of microeconomic theory.”
⏱ 6 minutes read
#Career
⏱ 6 minutes read
#Career
Medium
“If software engineering is in demand, why is it so hard to get a software engineering job?”
My response to an incredibly common question
Fullstack DevOps is one of those noscripts that many recruiters and job post listings throw around with large salary tags attached to them. Then you click into one and find yourself swimming in a sea of acronyms. You’re not quite sure if it’s a really bad joke, or that the recruiter is just trying to cover every programming language and cloud service provider in existence.
⏱ 6 minutes read
#FullStack
⏱ 6 minutes read
#FullStack
Built In
So You Want to Be a Full-Stack Developer? Here Are the Skills You Actually Need. | Built In
There’s a lot of competition for full stack DevOps jobs these days. These skills will help you stand out in a sea of applicants.
Over the span of 2 years, I came across a few delightful resources on GitHub that have helped me tremendously, and I didn’t even know that I needed some of these repositories.
⏱ 6 minutes read
#GitHub
⏱ 6 minutes read
#GitHub
Medium
7 Repos I Didn’t Know I Needed For Front-End
Less talked about repositories that will help you build better things faster.
TypeScript(TS) has proven to be a better option to write client side noscripts without using JavaScript (JS). And to write it in a more cleaner way. To make the most of it, it is important to follow the best practices when coding with TS.
⏱ 6 minutes read
#TypeScript
⏱ 6 minutes read
#TypeScript
Medium
TypeScript Best Practices 2021
TypeScript(TS) has proven to be a better option to write client side noscripts without using JavaScript (JS). And to write it in a more…
What’s the best way to build React apps in 2021? What has changed since 2016? What libraries is everyone using these days?
⏱ 5 minutes read
#React
⏱ 5 minutes read
#React
Medium
World of React in 2021
What’s the best way to build React apps in 2021? What has changed since 2016? What libraries is everyone using these days?
Non-technical founders often don’t understand the value of developers. Developers are the fuel of a company if their products are tech products. I heard this story from a colleague. And this story is about his friend Paul (not his real name).
⏱ 4 minutes read
#Career
⏱ 4 minutes read
#Career
Medium
Revenge By a Programmer For Not Getting Salaries For 3 months
Don’t mess with programmers
In CSS, a lot of the time when we want to give children elements under the same parent the same CSS property, we will use compound CSS selector.
⏱ 3 minutes read
#CSS
⏱ 3 minutes read
#CSS
Medium
Reduce CSS Code with the :is Selector
As the compound CSS selector grows longer we will have to repeat the parent class multiple times. This is when the :is selector comes into p
The purpose of this article is to provide a complete insight about GraphQL and its usage with Node.js along with discussing its salient features and some of its advantages and disadvantages.
⏱ 6 minutes read
#GraphQL #NodeJS #ExpressJS
⏱ 6 minutes read
#GraphQL #NodeJS #ExpressJS
Medium
How to Create GraphQL API using Node.js and Express
Intermediate level knowledge on GraphQL with Node.js and Express.js
This post draws on my personal experiences and challenges over the past term at school, which I entered with hardly any knowledge of DSA (data structures and algorithms) and problem-solving strategies.
⏱ 5 minutes read
#DataStructures #Algorithms
⏱ 5 minutes read
#DataStructures #Algorithms
Medium
How to improve your data structures, algorithms, and problem-solving skills
This post draws on my personal experiences and challenges over the past term at school, which I entered with hardly any knowledge of DSA…
A JavaScript Symbol is a relatively new JavaScript “feature”. It was introduced back in 2015 as part of ES6.
⏱ 9 minutes read
#JavaScript
⏱ 9 minutes read
#JavaScript
Medium
Everything you need to know about JavaScript symbols
JavaScript Symbol is a relatively new “feature” into JavaScript. It was introduced back in 2015 as part of ES6. In this article I am going…
Api traffic can slow down your web application modern browser only allow small number of parallel api calls and hence reducing api calls can result in better performance.
⏱ 3 minutes read
#React
⏱ 3 minutes read
#React
Medium
Optimising API Calls In React
Api traffic can slow down your web application modern browser only allow small number of parallel api calls and hence reducing api calls…
Google introduced a new open-source logic programming language-Logica on its open-source blog.
⏱ 4 minutes read
#SQL
⏱ 4 minutes read
#SQL
Medium
Google is pushing the new language Logica to solve the major flaws in SQL!
On April 12, 2021, Google introduced a new open-source logic programming language-Logica on its open-source blog.
Have you had issues with managing server state? or find yourself writing long and funny looking code that just fetches data from the server? I honestly think you need to look at react-query if you fall into any of this category.
⏱ 4 minutes read
#React
⏱ 4 minutes read
#React
DEV Community
Why you need to use React-Query in your React/React Native project
Introduction Have you had issues with managing server state? or find yourself writing long...
Nodejs is a javanoscript runtime environment. So, what exactly is the javanoscript runtime? You may be familiar with the term javanoscript. Javanoscript is a programming language that you may use to control your DOM in your browser and helps to play with the page loaded in the browser
⏱ 5 minutes read
#NodeJS
⏱ 5 minutes read
#NodeJS
The single most important aspect of preparing for technical interviews is to solve many coding challenges. Although some tech companies have stopped asking algorithm questions and instead test domain-specific knowledge, most tech giants (and even the small ones) still require candidates to solve coding challenges.
⏱ 9 minutes
#Algorithms
⏱ 9 minutes
#Algorithms
Medium
How to solve problems on Leetcode to prepare for technical interviews
I realize that there are many articles about this subject, so I’m going to try and give valuable information that I wish I had when I…
I found out that I repeatedly use some TypeScript code patterns in daily work. Those code patterns aren’t heavy or complex, and they also don’t require a lot of boiler-plate code. They’re just simple and practical solutions to resolve a few common problems.
⏱ 7 minutes
#TypeScript
⏱ 7 minutes
#TypeScript
Medium
6 TypeScript Code Patterns To Make Your Code More Robust
Simple and practical solutions you can apply in daily work
Organic traffic is a great way to get eyeballs on your website and Google is the most popular search engine of choice that you can use to get that organic traffic coming.
⏱ 6 minutes
#Performance #CDN #Caching
⏱ 6 minutes
#Performance #CDN #Caching
Medium
How To Make Your Site 25x Faster With A Few Lines Of Code
Reduce data load time insanely.
Editors may have problem with auto importing that complicated relative paths ( at least VSCode does ). Importing manually from various modules in your project will start to feel very cumbersome ( trust me, I experienced that with my team at work… )
⏱ 6 minutes
#TypeScript #Webpack #Jest
⏱ 6 minutes
#TypeScript #Webpack #Jest
Medium
Type-safe es2015 module import path aliasing with Webpack, Typenoscript and Jest
How to remove long import paths and encapsulate packages in reusable modules folder and make everything work with webpack, jest and typenoscript