JavaScript
13 min
Call the OpenAI API from Vanilla JavaScript (No Backend)
You do not need Node.js, React, or a backend server to start using the OpenAI API. This tutorial shows you how to call GPT models directly from plain JavaScript using the Fetch API — with streaming, error handling, and secure key management.
CSS
25 min
131 CSS Cards Collections: Free Code + Demos
Explore 131 CSS cards designs for 2023. From creation tips to code demos, W3Tweaks provides top inspirations and neat layouts for web enthusiasts.
JavaScript
18 min
JavaScript API Call: fetch, Axios, TanStack Query & ky
Most JavaScript API call guides are still in 2023 — fetch + Axios + XMLHttpRequest + jQuery. The real modern comparison is fetch + async/await + AbortController (the modern baseline), Axios (still popular for interceptors), TanStack Query (the React standard), and ky/ofetch (lightweight replacements). Plus the 4xx/5xx error gotcha fetch doesn't reject for, the Axios CancelToken deprecation, type-safe APIs with Zod, and FormData uploads done right.
CSS
12 min
59 Free CSS Buttons
listed the hand-picked awesome css buttons developed using only css and html. tutorials well played with colors, gradients or shapes.
CSS
2 min
CSS Masonry Grid Layouts: An Overview
Learn about CSS Masonry Grid Layouts and how to use them. We will give an overview of the Grid Layouts in this article, explaining what they are...
CSS
13 min
Mastering CSS Hover Effects With Demo
Learn how to create stunning hover effects with CSS. This article provides step-by-step guidance on mastering CSS hover effects.
CSS
4 min
CSS Transition: The Basics Explained
HTML
4 min
The Benefits of Using Multi Step Forms in HTML
Discover the advantages of using multi step forms in HTML for a better user experience and higher conversion rates.
JavaScript
16 min
YouTube Data API in JavaScript: List Channel Videos
Most 'list YouTube channel videos' tutorials use jQuery + the search.list endpoint — that costs 100 quota units per call (vs 1 for the uploads-playlist trick) and exposes your API key in the browser. This guide does it right: modern fetch + async/await, the playlistItems.list pattern, server-side API key proxying with Cloudflare Workers or Next.js Route Handlers, channel handle → ID resolution, pagination with nextPageToken, and the oEmbed fallback for simple embeds without any API key at all.
CSS
4 min
10 Free CSS Toast/Notification
Free CSS toast/notification collections. A website's or app's user experience can be improved by adding toast notifications because they deliver feedback and
HTML
3 min
HTML media tags
JavaScript
2 min
JavaScript Primitive and Non-Primitive Data Types