Jan 22, 2024
bunbuild time
Bun is the best alternative to npm
Bun is the best alternative to NPM package manager and it is up to 25x faster.
Technical Articles & Engineering Guides
Software Engineering & Jamstack
In-depth guides on React, Next.js, Sanity CMS, Stripe Checkout, and modern web architectures.
Featured Jan 19, 2023
5 Reasons to choose Sanity CMS for the frontend website
Sanity Studio is the headless CMS that connects with the Sanity database and provide structured content, and API-based infrastructures.
Aug 22, 2023
websitesales
How to improve your sales with a website?
A website can make it easier for customers to find you and learn about your products and services.
Jan 19, 2023
SanityCMS
5 Reasons to choose Sanity CMS for the frontend website
Sanity Studio is the headless CMS that connects with the Sanity database and provide structured content, and API-based infrastructures.
Jan 7, 2023
CSS buttonCSS
3 CSS button styles with hover and active effects
The button is the call-to-action on the website. We can use CSS hover and active effects to add interaction to the button.
Dec 18, 2022
gatsbyreact
9 reasons to use Gatsby Framework for React developer
Gatsby is a Framework build on React and is used to build static and dynamic website.
Dec 2, 2022
Puppeteer2Captcha
How to submit a form with a captcha using Puppeteer?
In this blog, we learn how to submit the form programmatically using Puppeteer and 2Captcha.
Nov 24, 2022
2Captcha
How to solve captcha with 2captcha
2Captcha is the CAPTCHA recognition service and mainly used to solve CAPTCHAs in a quick and accurate way possible
Aug 8, 2022
image sliderjavascript
Create An Image Slider Using Javascript
In this section, we learn how to create an image slider using javascript.
Aug 5, 2022
Netlify FormsSubmission
Submission of forms using Netlify Forms
Netlify forms allow you to manage forms and submissions without writing any server-side code or JavaScript.
Jul 27, 2022
htmlinput
Get started with Html
Html is used to define the foundation, skeleton and structure of the website e.g. text, images and videos.
Jul 26, 2022
textinput
How to format input text while typing using Javascript?
We can reduce errors and improve the user experience by formating the input text in real-time (while typing).
Jul 10, 2022
codebuild
How to code and build your website?
In this blog, I share with you a brief roadmap on how you can start to code and build your website online.
Jul 7, 2022
Gatsbyjswebsite
How I Built my Website
Today, we have many options when it comes to choosing a technology and framework for building a website. In this blog, I'll walk through different technologies and frameworks that I use to build my website..
Jun 5, 2022
Productivity appsremote
Productivity apps for remote workers
Working remotely means managing a lot of work, and all you want to do is manage your time efficiently. I have compiled some productivity apps that will make your life as a remote worker easier and faster.
May 16, 2022
CSS positionAbsolute
CSS Positioning - Absolute and Relative Position
Absolute and relative positioning are both used to position HTML elements in relation to a reference point.
May 1, 2022
Pseudo-classescss
Pseudo-classes in CSS
A pseudo-class is used to define a special state of an HTML elements like one mouse hover, get focused, etc.
Apr 5, 2022
image slidercss
Create an image slider using HTML and CSS
In this section, we learn how to create image slider using HTML and CSS.
Mar 16, 2022
CourseGatsby
How do I build a platform to sell my course?
Here, I'll briefly describe how I built a platform for selling my course. We used Gatsby Framework, Sanity_io, and Stripe to build the website.
Oct 30, 2021
reacthooks
Create your own Custom React hooks
Custom react hooks is a JavaScript function allows you to add feature/functionality to your react application.
Jul 9, 2021
formHTML
How to create an HTML form
HTML form is used to collect user input data. We can validate the input data from the client side (JavaScript) before sending it to the server.
Jun 28, 2021
svgHTML
Learn SVG basics
SVG (Scalable Vector Graphics) is a two-dimension vector based graphic, support animation and interaction.
Jun 15, 2021
responsive textCSS
How to create responsive text
To create a responsive text, we can adjust font properties based on the browser size..
Jun 9, 2021
javascriptpromise
How to use Promise in JavaScript
Promise in JavaScript is the way to wait for certain action to process or complete.
Jun 4, 2021
websitedevelopment
How to choose programming stack for web development
To start a career in web development, the first thing you need to choose is the programming language.
May 19, 2021
tablehtml
How to structure data in HTML table
We can use table to structure data in column and rows. Table is the HTML way to layout the data.
May 12, 2021
reacthooks
10 React Hooks in General
The react hook is the function that allows you to use the state and react feature from the function base component (FOC).
May 9, 2021
CSSFlexbox
Practical Guide to CSS Flexbox
Flexbox is one-dimensional layout that allow the content to sit side-by-side.
May 6, 2021
CSSGrid
Practical Guide to CSS Grid
CSS grid is the most powerful layout system available. It makes life easy to layout content in 2-dimension.
Apr 30, 2021
SAASProduct
How to Build a profitable SAAS Product
SAAS (software-as-a-service) products are the software that makes customer life/work easy and could be accessed via the Internet or offline..
Apr 29, 2021
react
Different way to create a React application
React is the most popular JavaScript library for building the user interface. In React, we create reusable UI components and render these components based on the logic operation.
Apr 29, 2021
reactGatsby
create-react-app, Gatsby or Next JS
React is the most popular JavaScript library for building the user interface. In React, we create reusable UI components and render these components based on the logic operation.
Apr 27, 2021
cssfloat
Float in CSS
The float CSS property places an element on the left or right side with respect to other elements, allowing text and inline elements to wrap around it.
Apr 24, 2021
layoutCSS
4 Ways to define layout in CSS
Layout in CSS makes your content sit in a row or column. A Flexible layout helps to fit more content in less space.
Apr 21, 2021
javascriptAPI
How to request data using JavaScript Fetch API
API is the route (URL) where we can send the request to retrieve and manipulate the data based on the information we provide.
Apr 15, 2021
scrolljavascript
Respond on Scroll with JavaScript
We can respond on page scroll with JavaScript e.g. navigate to the top of the page, reveal content, progress bar on Scroll.
Mar 16, 2021
Github Pageshosting
How to host static site on GitHub pages
GitHub pages is used to host your static files like HTML, CSS and JavaScript.
Jan 31, 2021
javascript
Write Better Code with Javascript
Javascript is a language that's understood by the browser. You need to make your JavaScript code more readable in fewer lines of code.
Jan 31, 2021
HTMLCSS
Fundamental ingredient for website development
The fundamental ingredient for the website development are HTML, CSS, and JavaScript. We build an FAQ drop down example to explain the key ingredients for website development.
Jan 29, 2021
regular expressionsregex
Explain regex in JavaScript with examples
Regular expressions (Regex) are patterns used to match set of strings.
Jan 29, 2021
cssanimation
Guide to CSS animation
The CSS animation is the smooth transition of an object from one style to another.
Jan 22, 2021
cssscrollbar
Custom scrollbar in CSS
You can customize the scrollbar in CSS using pseudo-elements with WebKit browsers
Jan 21, 2021
htmlform
How to style HTML form with CSS
HTML forms are used for user input/interaction. We can style the HTML form using CSS. In this blog, we style the HTML form with a search icon wrap inside it.
Jan 18, 2021
box modelcss
Box model in CSS
HTML elements are considered as boxes that take some area. We can explain the HTML element area in CSS as box model.
Jan 18, 2021
htmlcss
How to create Responsive Image
Images are visuals that display on the browser. Responsive image responds to different screen size and pixel ratio.
Jan 13, 2021
seo
How to rank on traffic keywords with SEO
There are millions of websites on the internet, struggling to rank on the first page of Google for traffic keywords. Ranking in Google is a long-term strategy, not a short-term strategy.
Jan 12, 2021
htmllink
How to use an HTML Link
HTML Link in the website is used to navigates from page to page. We can define an attribute on the HTML link to make it more meaningful.
Jan 11, 2021
reactjavascript
Why need for React JS?
React is a UI library that helps you manage a lot of things easier with features like Virtual DOM(normal DOM updates are slow), handling data with states, component-based structure, etc.
Jan 10, 2021
websitedevelopment
How to become a web developer in 2021
To learn about web development in 2021, you have to understand what makes up the websites.
Jan 8, 2021
javascriptsetTimeout
Schedule task with setTimeout and setInterval using javascript
setTimeout and setInterval functions can schedule the task. setInterval executes the function repeatedly while setTimeout execute the function once.
Jan 7, 2021
javascriptDOM
How to manipulate the DOM using javascript
Javascript is an object-oriented programming language and was designed to add interactivity to HTML pages.
Jan 5, 2021
javascriptimage
How to preview an image using Javascript
We can use the blob object in JavaScript to preview an image. It is useful in scenarios when you want your user to preview the image post before uploading it to the server.
Jan 4, 2021
javascriptblob
How to use blob object in JavaScript?
The blob object in javascript used to represent the raw data with different media types (MIME Type).
Jan 2, 2021
javascript
Get started with JavaScript
Javascript is used for dynamic content appearing without refreshing the page and interactivity to HTML pages.
Jan 2, 2021
javascriptdata attribute
Guide to the HTML custom data attributes
Data attribute allows storing/embed an extra bit of information private in HTML elements.
Jan 1, 2021
htmlcss
Disabled Property in HTML, CSS, and Javascript
The disabled attribute is used to disable the user from interaction (e.g. typing and selecting) of HTML elements.
Dec 30, 2020
CSSvariables
How to define variables in CSS
CSS variables are the value that can be reused throughout the entire document and it saves from the reputation of values.
Dec 30, 2020
CSSjavascript
How to manipulate CSS with javascript
CSS is used to style the HTML elements. Also, we can use Javascript to style the HTML elements.
Dec 29, 2020
cssmedia queries
How to use media queries in CSS
Media queries used to assign custom styling based on browser width.
Dec 28, 2020
javascriptregex
Validate email address using regex in JavaScript
We can define regular expressions to match the patterns in strings. To validate the email address, we can define the regex expression.
Dec 28, 2020
javascriptloop
How to loop through an array in JavaScript
In JavaScript, we use the loop to iterate over an array. We will discuss about Traditional and forEach loop method in Javascript
Dec 27, 2020
jamstack
What is JAMStack?
JAMstack is the modern way to application development in which the front-end is decoupled from the backend (web server).
Dec 27, 2020
javascriptconditional statements
Conditional Statements in JavaScript
In JavaScript, Conditional Statements executes certain operations based on logic.
Dec 26, 2020
javascriptobjects
How to use objects in JavaScript
Data in an object defined as key/value pair. In JavaScript, Object has multiple values and can also define the function inside of it.
Dec 26, 2020
javascriptarrays
How to combine two array in JavaScript?
Combine arrays in Javascript using concat and Spread operation
Dec 26, 2020
Next.jsenv
How to setup the environment variable in Next.js
Create the environment variable that is accessible to both the client and server-side function in Next.js
Dec 16, 2020
assetsphotos
Tools I use to create and find assets for my content
I have mentioned some of the recommended sites to find assets for your content
Dec 10, 2020
workproductive
How to get the most out of your work?
This article cover steps to be more productive at work.
Dec 6, 2020
create-react-appprerender
Is create-react-app good for SEO?
create-react-app is not good for SEO. For SEO friendly create-react-app, you need to prerender it.
Dec 5, 2020
courseGatsbyjs
My first GatsbyJS course has been published
In this course, we use the Gatsby (React) framework to build websites that connect with Stripe payment and Sanity Server.
Nov 30, 2020
book
I write a course for the web developer
On the internet, there are plenty of resources and too many disciplines that might confuse you at first. You have to spend a lot of time figuring out what is bad or good for your career.
Oct 24, 2020
envcreate-react-app
How to define environment variable in create-react-app?
Environment Variable works differently in create-react-app. To access the environment variable in your app, you have to add the prefix REACT_APP_ before defining your variable.
Apr 3, 2020
webdevbeginners
How to Document your repository in GitHub?
Documentation of your repo will help you in many aspects. When you link your repo to the hiring team, they will better understand what your code is doing.
Mar 26, 2020
remote jobs
How can I be better suited for remote jobs?
Remote Jobs helps you to eliminate the 9-5 working hours of the office and you can earn extra money.
Mar 22, 2020
remote jobs
The Best Remote Jobs Websites / Boards to Find a Dream Job In 2022
Searching for remote jobs is a convenient way to work remotely at home.
Mar 20, 2020
formatdate
How to format Date in JavaScript that looks Clean
Javascript have a built in object called `Date`. `Date` object in javascript is used to work with Date and Time.
Mar 9, 2020
nodesetup
How to setup node js | Get started
NodeJs is open sources, cross platform run-time environment for writing server side application.
Mar 8, 2020
blogpost
How to write an effective blog post | Get Started
Effective blog post can enhance the engagement of reader to take action. Good writing is about explaining the reader the exact scenario of the scene.
Mar 7, 2020
googlesearch
6 Tips related to Google search
Google is one of the most popular search engines. We use Google to search for different queries.
Mar 4, 2020
markdownguide
Markdown Basic Guide | Getting started
Markdown is the light weight, plain text language that you can use to add formatting to your document.
Jan 31, 2020
SEO
How to rank your web page as SEO get smarter?
SEO helps to reach a better ranking in search engines. SEO is getting better and better days after days and this guide will help to understand SEO better.
Mar 7, 2019
wordpresscms
Things you should know about WordPress?
WordPress is a free CMS(Content Management System), power up most of the website and is used by many web community.