J4son G via Blog

Hey everyone! 👋 Lately, I’ve been thinking a lot about how amazing it is to live in a time where ideas don’t have to stay stuck in your head. Sometimes, I have a random thought — an idea for a game, a tool I wish existed, a question about how something works and instead of just wondering about it, I ask AI. Exploring where the prompt leads. 🚀 Sometimes, a single thought opens up a whole world. ✨ That’s it. One prompt. And boom — I’m already halfway there. How It All Started I wasn't a tech expert when I began exploring AI—just someone eager to learn and experiment. Once I realized I could talk to AI and get help with almost anything—from building a project to shaping creative ideas—I was hooked. Now, instead of letting my ideas fade away, I give them a chance to grow. AI helps me write, build, test, and explore — not by replacing me, but by working with me. This Blog Is My Playground I created this blog to share my adventure. It’s my digital space where I experi...

Beginner-friendly, no app install needed — just tap and inspect! As someone learning web development, mostly on a mobile device 📱, I constantly faced a challenge: "How do I debug and inspect web pages without a PC?" I needed something akin to the powerful in-browser developer tools found on desktops, but built for mobile! Initially, I explored **Eruda**, a cool mobile Dev Tool console. It was great for viewing logs, but I quickly realized it lacked the ability to easily edit elements or test layout changes in the way I needed. 🤔 That's when I challenged myself — with a little help from AI 🤖 — to build my own mobile dev tool. My goal was a simple, beginner-friendly tool that would allow me to edit HTML directly on the page, inject CSS, remove or duplicate elements, and experiment with web pages right from my phone. It turned into a fun and incredibly useful project that deepened my understanding of web development! 🧪 Introducing: My Own Mobile Dev Tool ...

As someone who's still learning and exploring the world of web development, I recently started a really cool project: building my own web-based code editor! My goal was to create a place where I could write, edit, and learn HTML, CSS, and JavaScript right in my browser. Check it out in action here: Launch the Editor The best part? I’ve been using AI tools like ChatGPT and Gemini to help me build it – and it's been an amazing learning experience! This project is still a work in progress with lots of ideas for future updates, but many core features are already working and helping me learn faster. Phase 1: Getting Started with ChatGPT When I first thought about building a code editor, it felt overwhelming. That’s where ChatGPT came in—it was like having a personal tutor! With its help, I was able to set up: A responsive layout: So the editor looks good on both desktop and mobile devices. Syntax highlighting: Colorful, readable code for HTML, CSS, and Ja...

Ever wish you had a quick, simple way to test HTML, CSS, or JavaScript without launching a whole app or project? As I continue my journey into the exciting world of web development, I've been building some browser-based tools designed specifically for that! They're simple, free, and perfect for quick experiments and learning on the go. These tools are simple and great for beginners like me. I made them to test small pieces of code, play around, and learn as I go. Maybe they’ll help you too! 🔹 Code Runner Tool This is a super basic tool where you can write HTML, CSS, and JS and see the result right away. ✅ Good for testing quick ideas ✅ Works on mobile and desktop ✅ No login or signup — just start coding! 👉 Try Code Runner Tool 🔹 Code Editor Tool This tool looks and feels more like a real code editor. It shows line numbers and colors for your code, which helps keep things organized. ✅ Easy to read and use ✅ Beginner-friendly interfa...

I'm excited to share a tiny game I built with AI’s help, Snake Ready , a fun and lightweight project I created with the help of ChatGPT, Grok, and Gemini. Inspired by the classic Snake game , this version offers a modern twist: no app downloads, just pure browser fun. You can play it directly on your screen, whether you're using a mobile device or a desktop computer. Features Built using HTML5 Canvas and pure JavaScript . Fullscreen and transparent design – perfect for embedding on blogs and websites. Supports mobile gestures and keyboard input. No installation or special permissions required. How to Play Mobile: Shake your phone to activate the game. Desktop: Press the Arrow Down key to begin the game. Why I Made This Game This project was a personal challenge to learn by doing. I have very basic coding skills, but with the help of AI—specifically ChatGPT—I was able to build and refine this game. It was a great way to learn JavaScript, expe...

The line between the digital and physical worlds is blurring, and the way we interact with games is evolving rapidly. A recent article from CCN.com explores a fascinating development: the rise of AI-powered Non-Player Characters (NPCs) in Web3 gaming. This could be a game-changer (pun intended!). Instead of the static, pre-programmed NPCs we're used to, AI is enabling the creation of dynamic, interactive characters that can: Engage in meaningful conversations: Imagine NPCs that understand natural language, respond contextually, and have unique personalities. Adapt to player actions: These NPCs can learn from behavior, react accordingly, and evolve with gameplay. Generate unique content: AI can create dynamic quests, narratives, and items, offering fresh experiences every time. Foster deeper immersion: Realistic, responsive NPCs enhance the sense of presence in the game world. Why This Matters for Web3 Gaming The integration of AI NPCs has significant ...

I'm currently eyeing the Samsung Galaxy S25 and wanted to open up the conversation—has anyone here already made the jump and picked one up? Tell Us What You Think! From what I’ve read and seen, Samsung is going all-in on AI features with this release. The buzz around its AI-enhanced photography, smarter Bixby assistant , and intelligent performance management is pretty impressive. But as always, what matters most is real-world experience. Some of the Features I’m Curious About: AI Photography: Is the photo quality really next-level with minimal effort? New Bixby: Is it actually more natural and useful in day-to-day use? Battery Life & Performance: Has AI made it feel smoother or longer-lasting? Productivity Tools: Are the AI summaries and organization features helpful? All of this sounds great on paper, but I’d love to hear it from someone who has used the device daily. Does it feel like a meaningful upgrade, especially if you’re into tech a...

As artificial intelligence continues to revolutionize the software industry, developers are increasingly turning to AI-powered coding assistants to enhance productivity and streamline workflows. In 2025, a variety of AI coding tools are available, each offering unique features tailored to different development needs. Inspired by LogRocket's article on the top AI coding tools for 2025, this post explores some of the leading options to help you choose your ideal AI coding companion. Top AI Coding Assistants in 2025 Cursor : An AI-powered IDE that goes beyond basic code completion. Cursor's Agent mode can complete entire programming tasks from start to finish, reducing debugging time and enhancing coding efficiency. GitHub Copilot : Developed by GitHub and OpenAI, Copilot offers real-time code suggestions and autocompletions, integrating seamlessly with popular code editors. Its Agent Mode allows for collaborative coding experiences. Codium : A code completion tool...

Exciting news for all the developers and AI enthusiasts out there! Google has rolled out a significant upgrade to the experimental Gemini 2.5 Pro (as of May 2025), and the early reports are thrilling, especially if you're a coder! For those who've been following Gemini's evolution, the experimental versions often give us a glimpse into the future of Google's AI capabilities. And the latest update to 2.5 Pro seems to be a major leap forward, with a strong emphasis on enhancing its coding prowess. What's the Buzz About Gemini 2.5 Pro? While official details are still being fully unveiled, the initial excitement surrounding Gemini 2.5 Pro points to some impressive advancements, particularly in understanding, generating, and debugging code. Imagine being able to: Experience even more sophisticated and nuanced code generation across a wider range of programming languages and paradigms. Receive remarkably intelligent and context-aware debugging assista...

Are you interested in becoming a full stack developer but not sure where to start? Good news! I found an awesome and totally free resource you can use right now: freeCodeCamp’s Full Stack Developer Curriculum This learning path is beginner-friendly and fully online. It covers everything you need to build websites and web apps from scratch—HTML, CSS, JavaScript, Front-End Libraries, APIs, Back-End Development, Databases, and more. You’ll also get to build projects along the way and even earn certifications. What I love about it is how it’s self-paced and hands-on. I use tools like ChatGPT on my desktop to help me understand the lessons and debug code when I get stuck. AI plus freeCodeCamp is a powerful combo for anyone learning tech. If you're serious about learning to code, this is a great place to start. Check it out and let’s learn together! Start learning here: https://www.freecodecamp.org/learn/full-stack-developer

In this post, I’ll show you how to use Copilot on a desktop PC to learn to code—even if you’re a complete beginner. Starting out in programming can feel intimidating, but with AI tools like Copilot, you get a personal guide that makes learning more intuitive, interactive, and fun. 💻 Why Learn to Code with Copilot on a Desktop? Using a desktop gives you full control over your coding environment. You can run code editors, browsers, and documentation side by side—no compromises. With Copilot built into Windows, you get instant help, step-by-step walkthroughs, and answers to your questions without switching apps. And thanks to its deep integration with **GitHub** and **Visual Studio Code**, Copilot becomes a powerful AI partner right where you write your code. 🛠️ How to Use Copilot on Your Desktop PC Getting started is simple. Here are a few ways to access Copilot: Use the Copilot Key or Shortcut On newer keyboards, press the dedicated Copilot key to open the chat pane. On older...

Ready to get even more out of Google's Gemini AI? Whether you're using it in the side panel, the main interface, to your mobile app or elsewhere, the key to getting amazing results lies in crafting effective prompts. That's why I've put together a handy cheat sheet packed with tips and examples to help you unleash the true power of Gemini! Think of prompting AI like having a conversation with a super-intelligent (but sometimes literal) assistant. The clearer and more specific you are, the better the output you'll receive. This cheat sheet covers some fundamental techniques to help you communicate effectively with Gemini. Your Go-To Guide for Better Gemini Prompts: 1. Be Clear and Specific Poor prompt: Write about dogs. Improved prompt: Write a three-paragraph blog post about the benefits of owning a small dog for apartment dwellers, focusing on companionship and exercise. 2. Define the Desired Format Poor prompt: Summarize this artic...

A quick tip for Chrome users: the Side Panel Gemini extension is a game-changer. It puts Google's AI right next to any webpage you're on, making quick questions and info checks super easy. Gemini is like a smarter version of Google . Instant AI Power in Chrome No more tab switching! Highlight text, open the side panel, and ask Gemini anything: summarize, explain, translate – you name it. It's like having a smart assistant built right into your browser. Here's How to Install 1.💻 On your computer, open Chrome 2.🖱️ Navigate browser to gemini.google.com 3.📝 Sign in to your Google Account 4.🏪 Go to Chrome Web Store chromewebstore.google.com 5.😎 Search "Gemini Side Panel" open then click "Add to Chrome" 6.⚙️ Next open Chrome Menu Alt + E , select Extensions. Manage extensions, select Details. Make your changes: Turn the extension on or off. Allow incognito: On the extension, Pin to toolbar. Done! Now, you have AI budddy to Get help ...

Unlocking better results with smarter prompting AI is powerful—but only if you know how to ask it the right way. Whether you're using ChatGPT, Gemini, Copilot, or any generative AI tool, crafting an effective prompt is the key to getting helpful, accurate, and creative responses.

Welcome to my little space on the web! and Salamat sa AI, mas madali ko nang na-sha-share ang mga thoughts ko—with its help, parang mas smooth at masaya mag-express ng ideas. Dahil kung walang AI hindi ko rin alam paano mag simula sa blog. Ang blogging ay hindi lang basta pagsusulat online— it’s about sharing your voice, your story, and your passions. Itong post na 'to ay kung bakit ko na-eenjoy ang journey na 'to. Bakit Ko Gustong Mag-Blog 🧑🏻‍💻 Ang blogging ay naging isang masaya at liberating na paraan para ma-express ko ang sarili ko. Minsan, may mga ideas tayo na gusto lang natin i-share, and ang blog ang perfect place para doon. Whether it's tech, life, o kahit random thoughts lang—anything goes! Bakit Blogger ang Gamit Ko❔️ Ang Blogger (Blogspot) ay simple, libre, at beginner-friendly. Gusto ko 'yung pwede ko lang siyang buksan at magsimulang magsulat. Walang hassle sa setup, and pwede kong i-customize ang mga bagay-bagay slowly habang natututo a...

Gusto mo bang mas mapadali ang pag-aaral mo? In this post, I’ll share some powerful AI tools na super helpful para sa self-learning, research, at note-taking. 1. Gemini – Parang Supercharged Search Engine Gemini is like a smarter version of Google. May topic ka bang hindi mo gets? Tanungin mo lang siya, at tutulungan ka niya! It can explain complex topics in a way that’s super easy to understand. Other Gen AI tools like ChatGPT , Copilot , at iba pa can also help you with: Explaining hard concepts Generating ideas Brainstorming solutions Para kang may 24/7 study group na ready to help! 2. NotebookLM – Ang Smart Study Assistant Mo Next up is NotebookLM —parang personal tutor mo online. Kapag may mga notes ka, PDF files, or documents to review, i-upload mo lang and NotebookLM will analyze them for you. Pwede mo siyang tanungin about: Key takeaways Summaries Important points Perfect for students, researchers, or anyone who...

Hey everyone! So, lately, napapaisip ako kung paano ako magsimula mag blog completely from scratch, gamit ang AI para sa lahat? kasi basic lang ang alam ko sa pagba-blog, pero parang ang dali na matuto dahil sa AI. Like, mula sa pag-design ng template hanggang sa pagsusulat ng posts. Ito 'yung mga naiisip ko tungkol diyan. Una, 'yung template. Imagine mo na lang na sasabihin mo lang sa AI kung anong klaseng blog ang gusto mo – siguro minimalist na tech blog, o kahit na anong trip mong style – tapos basta na lang siyang mag-create ng template para sa'yo. Hindi mo na kailangan mag-aral ng HTML o CSS nang malalim! Mayroon na ring ilang AI tools diyan na tumutulong sa website design, so baka hindi na rin malayo 'yun para sa Blogger. Malaking tulong 'yun para sa mga taong gusto talagang matuto sa pagbablog at mag-share ng thoughts nila. Tapos 'yung content. Dito na talaga nagiging interesting Nakakita na tayo ng AI na kayang mag-generate ng text, so baka pwede...

Kung mahilig ka sa TikTok, siguradong nakita mo na ang bagong viral challenge na nagtatanong: "Kay Spiderman, Batman, Superman, o Wolverine, sino ang pipiliin mo?" Pero teka lang, may twist! Ang sagot ng maraming Pinoy? "Simpleng Tao!" Bakit nga ba ito patok na patok at bakit "Simpleng Tao" ang nangingibabaw na sagot? Simple Tao Song by Gloc 9  Tiktok Trending [00:00.00] Kay [00:01.00] Spider Man [00:02.00] O Kay Batman [00:03.00] Kay Superman [00:04.00] O Wolverine [00:05.00] ...  Rabbit Lyrics Sa unang tingin, parang simpleng tanong lang ito tungkol sa superheroes. Si Spiderman , 'yung friendly neighborhood hero na medyo makulit at relatable. Si Batman naman, 'yung mayaman at techy. Si Superman , ang all-powerful alien na kayang iligtas ang mundo, at si Wolverine , ang astig na mutant na may adamantium claws at healing factor. Ang daming kapangyarihan at kayamanan, diba? Pero ang tunay na nagpatindi sa trend na ito ay ...