Read Syntackle on the go!
Murtuzaali Surti
Software engineer who loves to write about all things web!
Code reviews have always been crucial in maintaining a standard and emphasizing on the best practices of code in a project. This is not a post about how developers should review the code, it's more about delegating a part of it to AI. Introducing Better - An AI powered Code Review Tool. [...]
Server Sent Events (SSE), as the name suggests, are a way to communicate with the client by keeping a persistent connection in which the server sends text messages to the client whenever they are available. [...]
The "this" keyword in javascript is probably one of the most misunderstood concepts of javascript. In this article, you will see how the "this" reference is different in arrow functions introduced in ES6 as compared to regular function expressions. [...]
Newsletters can be hard to follow along, especially when you subscribe to too many of them. That's why, today you will get to know about five newsletters every developer should follow and read. [...]
At the time of this writing, Google Chrome has started shipping experimental AI features such as "built-in AI" in Chrome's Dev/Canary channels. In this tutorial, you will get to know how you can try the built-in AI model in chrome dev. [...]
Hono, as per the docs, was originally built for Cloudflare Workers. It's an application framework designed to work the best for cloudflare pages and workers as well as javascript runtimes Deno and Bun. Although not built specifically for Node, an adapter can be used to run it in Node. [...]
Pagefind's take on search is quite simple - index your site at build time and host it alongside your static site. The search index sits right alongside the files of your site and it doesn't load all the data upfront. [...]
In this quick tutorial, you will get to know how you can run postgresql inside a docker container terminal using "psql" (a terminal interface to interact with postgresql databases). [...]
That ignited a spark of curiosity within me and I started reading and researching more about web components. Eventually, after realizing you can build and define custom HTML elements, I decided to build at least one of my own. [...]
Forms in React have always been not so easy to handle which often leads to messy React code. Ultimately, folks have to resort to form handling libraries which only add more abstraction in the process. [...]
For the most part, static-first sites are the go to thing if your application doesn't involve much complexity. However, you are free to choose the right tool for your application — but choose wisely. [...]
Quokka.js is an awesome tool for prototyping your javascript code with the power of an instant inline output. It lets you code and see the output as you type and is really beneficial if you want to quickly test something out. [...]
The fix to watching file changes (hot reloading) in docker (Windows) is to use polling. Polling is a way to periodically check for changes. If you want to avoid polling, docker provides a way to watch file changes with the help of "docker compose watch". [...]
Recently, in version 121, Chrome started supporting CSS Scrollbar properties `scrollbar-color` and `scrollbar-width` and it broke my CSS. Here's what happened and how I fixed it. [...]
RSS a.k.a Really Simple Syndication is a great technology to subscribe to website content. Initially, I was into the habit of bookmarking blogs which I admire and used to visit them once in a while. But, that wasn't. [...]
It felt easier than the previous one to be honest, especially the first part. The puzzle is quite simple. For a given number of scratchcards, there are two lists of numbers [...]
Custom elements in HTML are a way to extend native HTML elements. Javascript frameworks simulate the behavior of components in a web page whereas [...]
Just wrapped up solving advent of code's day two challenge. This was a tricky one in terms of the language used to describe the puzzle. I had to take some online help to understand what was the second part of the puzzle trying to say [...]
AOC Day 1 - Overall, it was fun to play with strings and numbers in javascript. Through this challenge I learned about regex more than I could have normally. [...]
The other day, I stumbled upon a post by robb about app defaults. Following the spree, here's my list of all the apps I use for the following categories. [...]
Creating beautiful and elegant console logs in consola, a console wrapper. Console logs are not always well structured and eye-pleasing. Unpleasant and messy console takes away [...]
Showing off what you built locally has never been easy. Now, the feature of port forwarding is directly built into VS Code. Does this mean all other services which provide port forwarding or remote tunneling will be obsolete? [...]
Containerization in it's entirety is an incredibly useful concept. From being able to execute applications in isolation, to being able to port them easily with all of their dependencies and configuration is all a developer could ask for. [...]
WebSockets implement a full-duplex, bi-directional, TCP-based protocol, denoted by ws(s)://, which enables a persistent connection between the client and the server. Back when websockets weren't a thing [...]
Exploring builder.io's partytown and integrating it with 11ty! It is nothing but a library which uses web workers to separately execute third party scripts. [...]
I was introduced to it when I started using github for hosting my projects. That was my first encounter with markdown and since then, I never looked back. Here's why. [...]
DOM, also known as the Document Object Model, is a programmatic representation of the contents of a web page. In other words, the content of a web page is represented in the form of objects and nodes. [...]
For quite some time, I was searching for a way to self host google fonts because the google fonts API's network request increased the render blocking time more than I expected. [...]
They are used to verify everything is as expected before or after executing a git command or action. Some common applications include formatting the code before committing, performing build step before pushing the code to production, etc. [...]
You can specify the background color of body in a global stylesheet, but it's not easy to update the background color dynamically for different pages in your website. So, I went on to code a hacky but working patch using CSS custom properties. [...]
Terser is a javascript compressor and mangler supporting ES6+ specification. In this tutorial, you will get to know how to use terser to minify or compress javascript. [...]
In this tutorial, I am going to show you how you can deploy a react app on netlify from an existing git repository of yours. [...]
Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page. [...]
Writing CSS from scratch along with adding vendor prefixes can be a daunting task if done manually. Vendor-prefixes can be easily added using the autoprefixer plugin of PostCSS. [...]
Shortcodes are used to invoke a particular function which returns some html or any other data based on the information that is passed. They are mainly used to reuse html templates which require some preprocessing. [...]
Here are the 5 most useful Visual Studio Code extensions to improve your workflow! [...]
Vercel is a platform to host frontend applications and static sites but you can also host an express app using serverless functions. Recently, it also announced Vercel Postgres [...]
Optional Chaining in JavaScript is used to return undefined for accessing an object property that doesn't exist and whose parent property is nullish (null or undefined). [...]
SASS extends CSS which means that you can have all the features of CSS plus the features of SASS just like a cherry on top of a cake! [...]
You might be familiar with functions in JavaScript. An IIFE is a special type of function which is invoked implicitly. [...]
While you can generate QR codes for URLs in browsers such as Chrome, it's always interesting to learn how you can make your own version of a simple QR code generator. So, here we go. [...]
Social media embeds take some time to load and render, hence the user experience is not so good! Here's an example of twitter embeds.. [...]
In this tutorial, we are trying to recreate Google's text input field animation and design from scratch with the help of CSS as well as JavaScript. [...]
Ever tired of writing multiple lines of similar HTML? If you are, then you can automate the process by using template literals in JavaScript. Let's see how we can do that. [...]
This tutorial will mainly focus on how to use transitions in CSS and make a toggle button for light as well as dark mode using little JavaScript. Let's dive into the world of transitions! [...]
Notification badges annoy me most of the times by popping up every now and then and I am pretty sure most of you experience similar thing, but anyways, let's see how we can create a notification badge using CSS. [...]
