corpus.blog
41554 blogs · [ { "id": "01a08c58-d448-7138-87f1-5e33a9f95e9b", "title": "Add Material Design colors to TailwindCSS", "url": "https://www.tronic247.com/snippets/add-material-design-colors-to-tailwindcss", "published_at": "2025-06-23T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33aac87bee", "title": "Get the time distance as words in JavaScript", "url": "https://www.tronic247.com/snippets/get-the-time-distance-as-words-in-javascript", "published_at": "2025-06-23T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33ab484281", "title": "Initialize Git in a Directory", "url": "https://www.tronic247.com/snippets/initialize-git-in-a-directory", "published_at": "2025-06-23T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33abef6b24", "title": "Node.js copy to clipboard", "url": "https://www.tronic247.com/snippets/node.js-copy-to-clipboard", "published_at": "2025-06-23T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-2096649585bb", "title": "How I made my Excel timetable sync to Google Calendar", "url": "https://www.tronic247.com/converting-my-boring-excel-timetable-to-google-calendar", "published_at": "2025-06-16T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209669063831", "title": "Creating the smallest possible router in JavaScript", "url": "https://www.tronic247.com/creating-the-smallest-possible-router", "published_at": "2024-08-04T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a7e4a872", "title": "Return type of setTimeout and setInterval in JavaScript", "url": "https://www.tronic247.com/return-type-of-settimeout-in-javascript", "published_at": "2024-06-22T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209667797dd1", "title": "Creating a Discord bot with JavaScript and hosting it", "url": "https://www.tronic247.com/creating-a-discord-bot-with-javascript-and-hosting-it", "published_at": "2024-06-19T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a5bb6571", "title": "Methods to Load Data in Svelte and SvelteKit", "url": "https://www.tronic247.com/methods-to-load-data-in-svelte", "published_at": "2024-06-19T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a9be2017", "title": "Drizzle ORM with SvelteKit", "url": "https://www.tronic247.com/using-drizzle-orm-with-sveltekit", "published_at": "2024-06-17T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a61ae0a7", "title": "Migrating Tronic247 from WordPress to SvelteKit", "url": "https://www.tronic247.com/migrating-tronic247-from-wordpress-to-sveltekit", "published_at": "2024-06-15T00:00:00+00:00" }, { "id": "01a08c58-d446-7189-80a2-6e185525d79b", "title": "16+ JavaScript snippets to save your time", "url": "https://www.tronic247.com/16-javascript-snippets-to-save-your-time", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d446-7189-80a2-6e18553b5d7d", "title": "3 javascript:void alternatives", "url": "https://www.tronic247.com/3-javascriptvoid-alternatives", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209660bcb829", "title": "Firebase authentication in Next.js", "url": "https://www.tronic247.com/adding-firebase-authentication-to-a-next-js-app", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-20966175e46a", "title": "Adding your discord status to a website", "url": "https://www.tronic247.com/adding-your-discord-status-to-your-website", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209662133cb8", "title": "Beautiful particles with Javascript", "url": "https://www.tronic247.com/beautiful-particles-with-javascript", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209662ffabbb", "title": "Best UI libraries for React", "url": "https://www.tronic247.com/best-ui-libraries-for-react", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209663a7881b", "title": "Color changing images", "url": "https://www.tronic247.com/color-changing-images", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209664a9e72c", "title": "Poll App using Next.js", "url": "https://www.tronic247.com/create-a-poll-app-using-nextjs", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209665812622", "title": "Simple static site generator with Rust", "url": "https://www.tronic247.com/create-a-simple-static-site-generator-with-rust", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-2096659c7963", "title": "Create a SPA with PHP", "url": "https://www.tronic247.com/create-a-spa-with-php", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-2096665f32f3", "title": "Create the sidebar in Google drive with CSS and HTML", "url": "https://www.tronic247.com/create-the-sidebar-in-google-drive-with-css-and-html", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-20966723ea21", "title": "Creating a Github Gist Clone with PHP", "url": "https://www.tronic247.com/create-your-own-github-gist-with-php", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209668119dec", "title": "Creating a rewards system with JavaScript", "url": "https://www.tronic247.com/creating-a-rewards-system-with-javascript", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-2096686be37f", "title": "Creating a todo CLI with Rust", "url": "https://www.tronic247.com/creating-a-todo-cli-with-rust", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209668b0b3c3", "title": "Infinite scrollable list with JavaScript", "url": "https://www.tronic247.com/creating-an-infinite-scrollable-list-with-javascript", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-209669e8b7ef", "title": "CSS button design ideas", "url": "https://www.tronic247.com/css-button-design-ideas", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d447-7372-a657-20966a75ac9b", "title": "CSS/Frontend resources you must take a look at", "url": "https://www.tronic247.com/css-frontend-resources-you-must-take-a-look-at", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e3396c0bd7e", "title": "Discovering Svelte: Things I Learned While Using Svelte", "url": "https://www.tronic247.com/discovering-svelte-things-i-learned-while-using-svelte", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33976b91c4", "title": "Glassmorphism login form with CSS", "url": "https://www.tronic247.com/glassmorphism-login-form-with-css", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e3397f3ecc5", "title": "Add a fixed background image with CSS", "url": "https://www.tronic247.com/how-to-add-a-fixed-background-image", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e3398c3b4ac", "title": "Add a link in HTML", "url": "https://www.tronic247.com/how-to-add-a-link-in-html", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e3399989a56", "title": "Add a table in HTML", "url": "https://www.tronic247.com/how-to-add-a-table", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e3399ec5774", "title": "Add a video in HTML", "url": "https://www.tronic247.com/how-to-add-a-video", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e3399edb725", "title": "Add a button in HTML", "url": "https://www.tronic247.com/how-to-add-buttons", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339a7fe877", "title": "Nprogress with SvelteKit", "url": "https://www.tronic247.com/how-to-add-nprogress-to-sveltekit", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339adfd1dc", "title": "How to add Prisma to a Next.js project", "url": "https://www.tronic247.com/how-to-add-prisma-to-a-next-js-project", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339af323a0", "title": "Add special characters in HTML", "url": "https://www.tronic247.com/how-to-add-special-characters", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339b525507", "title": "Change styles in text with CSS", "url": "https://www.tronic247.com/how-to-change-styles-in-text", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339c39b3e2", "title": "Create a 3d button with CSS", "url": "https://www.tronic247.com/how-to-create-a-3d-button-with-css", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339c7473e4", "title": "Create a CSS dropdown", "url": "https://www.tronic247.com/how-to-create-a-css-dropdown", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339d344fb2", "title": "Create a drawing app with React", "url": "https://www.tronic247.com/how-to-create-a-drawing-app-with-react", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339d6d3901", "title": "Expanding search form with CSS", "url": "https://www.tronic247.com/how-to-create-a-expanding-search-form-with-css", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339dde2665", "title": "Modal with pure CSS", "url": "https://www.tronic247.com/how-to-create-a-modal-with-css", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339eb446b8", "title": "PHP Login System", "url": "https://www.tronic247.com/how-to-create-a-php-login-system", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e339f7a6604", "title": "Snowfall with Javascript", "url": "https://www.tronic247.com/how-to-create-a-snowfall-with-javascript", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a06fe563", "title": "MacOS dock hover effect with CSS and JavaScript", "url": "https://www.tronic247.com/how-to-create-an-awesome-hover-effect-with-css-and-javascript", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a0a189cb", "title": "Creating a card with HTML and CSS", "url": "https://www.tronic247.com/how-to-create-css-cards", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a0cd5d5f", "title": "Creating desktop apps with web technologies", "url": "https://www.tronic247.com/how-to-create-your-desktop-app-with-html", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a1878f95", "title": "Edit code online", "url": "https://www.tronic247.com/how-to-edit-code-online", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a1a53245", "title": "Install Windows 11 on an unsupported PC", "url": "https://www.tronic247.com/how-to-install-windows-11-on-an-unsupported-pc", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a26080bf", "title": "Methods to make your website faster", "url": "https://www.tronic247.com/how-to-make-your-website-faster", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a2ab4264", "title": "Pure CSS Framework", "url": "https://www.tronic247.com/how-to-not-use-css-frameworks-a-guide-to-pure-css", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a2c413db", "title": "Show GitHub contributors of a file", "url": "https://www.tronic247.com/how-to-show-github-contributors-of-a-file", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a2efa117", "title": "Landing page for Elementor Free", "url": "https://www.tronic247.com/landing-page-for-elementor-free", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a3a1f1ff", "title": "Landing Page for Elementor Pro", "url": "https://www.tronic247.com/landing-page-for-elementor-pro", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a3c197e9", "title": "Learn all the Array methods in JavaScript", "url": "https://www.tronic247.com/learn-all-the-array-methods-in-javascript", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a42d4077", "title": "Code golfing with JavaScript", "url": "https://www.tronic247.com/lets-code-golf-with-javascript", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a49e5298", "title": "Creating a mini programming language", "url": "https://www.tronic247.com/lets-create-a-mini-programming-language", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a4cca08c", "title": "Login form with CSS", "url": "https://www.tronic247.com/login-form-with-css", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a6ac39a1", "title": "My Bookmarks list", "url": "https://www.tronic247.com/my-bookmarks-list", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a6cb90a3", "title": "Pure CSS checkboxes with one element", "url": "https://www.tronic247.com/pure-css-checkboxes-with-one-element", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a6cc1857", "title": "Create a material design spinner with pure CSS", "url": "https://www.tronic247.com/pure-css-material-design-loader", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a76cf2c1", "title": "Learn the basics of React using this cheat sheet", "url": "https://www.tronic247.com/react-cheat-sheet-learn-the-basics-of-react", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a8c064de", "title": "Simple material design CSS animation", "url": "https://www.tronic247.com/simple-material-design-css-animation", "published_at": "2024-06-13T00:00:00+00:00" }, { "id": "01a08c58-d448-7138-87f1-5e33a9bd7cb2", "title": "Windows tricks", "url": "https://www.tronic247.com/simple-windows-tricks", "published_at": "2024-06-13T00:00:00+00:00" } ] posts Claim your blog
Back to tronic247.com
Blog · corpus.blog/blogs/tronic247.com/posts

tronic247.com

tronic247.com

2025

Add Material Design colors to TailwindCSSoriginal ↗
23 Jun 2025
Get the time distance as words in JavaScriptoriginal ↗
23 Jun 2025
Initialize Git in a Directoryoriginal ↗
23 Jun 2025
Node.js copy to clipboardoriginal ↗
23 Jun 2025
How I made my Excel timetable sync to Google Calendaroriginal ↗
16 Jun 2025

2024

Creating the smallest possible router in JavaScriptoriginal ↗
4 Aug 2024
Return type of setTimeout and setInterval in JavaScriptoriginal ↗
22 Jun 2024
Creating a Discord bot with JavaScript and hosting itoriginal ↗
19 Jun 2024
Methods to Load Data in Svelte and SvelteKitoriginal ↗
19 Jun 2024
Drizzle ORM with SvelteKitoriginal ↗
17 Jun 2024
Migrating Tronic247 from WordPress to SvelteKitoriginal ↗
15 Jun 2024
16+ JavaScript snippets to save your timeoriginal ↗
13 Jun 2024
3 javascript:void alternativesoriginal ↗
13 Jun 2024
Firebase authentication in Next.jsoriginal ↗
13 Jun 2024
Adding your discord status to a websiteoriginal ↗
13 Jun 2024
Beautiful particles with Javascriptoriginal ↗
13 Jun 2024
Best UI libraries for Reactoriginal ↗
13 Jun 2024
Color changing imagesoriginal ↗
13 Jun 2024
Poll App using Next.jsoriginal ↗
13 Jun 2024
Simple static site generator with Rustoriginal ↗
13 Jun 2024
Create a SPA with PHPoriginal ↗
13 Jun 2024
Create the sidebar in Google drive with CSS and HTMLoriginal ↗
13 Jun 2024
Creating a Github Gist Clone with PHPoriginal ↗
13 Jun 2024
Creating a rewards system with JavaScriptoriginal ↗
13 Jun 2024
Creating a todo CLI with Rustoriginal ↗
13 Jun 2024
Infinite scrollable list with JavaScriptoriginal ↗
13 Jun 2024
CSS button design ideasoriginal ↗
13 Jun 2024
CSS/Frontend resources you must take a look atoriginal ↗
13 Jun 2024
Discovering Svelte: Things I Learned While Using Svelteoriginal ↗
13 Jun 2024
Glassmorphism login form with CSSoriginal ↗
13 Jun 2024
Add a fixed background image with CSSoriginal ↗
13 Jun 2024
Add a link in HTMLoriginal ↗
13 Jun 2024
Add a table in HTMLoriginal ↗
13 Jun 2024
Add a video in HTMLoriginal ↗
13 Jun 2024
Add a button in HTMLoriginal ↗
13 Jun 2024
Nprogress with SvelteKitoriginal ↗
13 Jun 2024
How to add Prisma to a Next.js projectoriginal ↗
13 Jun 2024
Add special characters in HTMLoriginal ↗
13 Jun 2024
Change styles in text with CSSoriginal ↗
13 Jun 2024
Create a 3d button with CSSoriginal ↗
13 Jun 2024
Create a CSS dropdownoriginal ↗
13 Jun 2024
Create a drawing app with Reactoriginal ↗
13 Jun 2024
Expanding search form with CSSoriginal ↗
13 Jun 2024
Modal with pure CSSoriginal ↗
13 Jun 2024
PHP Login Systemoriginal ↗
13 Jun 2024
Snowfall with Javascriptoriginal ↗
13 Jun 2024
MacOS dock hover effect with CSS and JavaScriptoriginal ↗
13 Jun 2024
Creating a card with HTML and CSSoriginal ↗
13 Jun 2024
Creating desktop apps with web technologiesoriginal ↗
13 Jun 2024
Edit code onlineoriginal ↗
13 Jun 2024
Install Windows 11 on an unsupported PCoriginal ↗
13 Jun 2024
Methods to make your website fasteroriginal ↗
13 Jun 2024
Pure CSS Frameworkoriginal ↗
13 Jun 2024
Show GitHub contributors of a fileoriginal ↗
13 Jun 2024
Landing page for Elementor Freeoriginal ↗
13 Jun 2024
Landing Page for Elementor Prooriginal ↗
13 Jun 2024
Learn all the Array methods in JavaScriptoriginal ↗
13 Jun 2024
Code golfing with JavaScriptoriginal ↗
13 Jun 2024
Creating a mini programming languageoriginal ↗
13 Jun 2024
Login form with CSSoriginal ↗
13 Jun 2024
My Bookmarks listoriginal ↗
13 Jun 2024
Pure CSS checkboxes with one elementoriginal ↗
13 Jun 2024
Create a material design spinner with pure CSSoriginal ↗
13 Jun 2024
Learn the basics of React using this cheat sheetoriginal ↗
13 Jun 2024
Simple material design CSS animationoriginal ↗
13 Jun 2024
Windows tricksoriginal ↗
13 Jun 2024