User
Write something
Weekly Code Zone Kickoff is happening in 3 days
Making my own music player
I’ve been creating my own music lately using AI (GPT and Suno). The music is posted on Ricko Osteen channel of YouTube. There are various songs but I’m finding that there are more coming so I’m thinking that I may want to make my own player. So, to make one is where the challenge. I’ll report my findings once I get the framework done. Thanks! Rick
Simple Design Tote Rental Page Template
This is our third template in our vault that has easy customizable components that will get you up and running in no time. This also has it set up really easily for an AI to be able to help you make it into a really unique website. See below a demo site of the template, and the last link on here is a website that is actually using the template. Demo Site: https://tote-demo-001.netlify.app/ Link to download: https://www.skool.com/the-code-zone/classroom/39a97062?md=ea5cdf9489d04dc3ad5956e6d7c5973f Here is an example of an actual website that is using this template: https://indytoteco.com/
6
0
Simple Design Tote Rental Page Template
How to Potentially use the Web Templates in Our Skool Community
In this video, I walk you through my process for building the templates, how to use them with AI, and how to configure them to the business's needs. I was fortunate enough to connect with someone from TikTok. They were making TikTok videos about their new business, which is a tote rental business as well. After seeing their website and talking back and forth, I think I was able to capture, using the template available in this group, a way to repurpose it and adapt it for somebody's business. Important things to note when using AI: 1. There is no quick one-prompt-and-you're-done. 2. It's going back and forth of asking and validating. 3. Sometimes AI does get it wrong or you have to assist the AI Watch the full video here on YouTube Since the video was originally filmed, his old site has been down, and he's been using the new site. After handing over the website, he was able to, on his own, replace the placeholder images with the ones he wanted on the site. I'm going to include a photo of the original website, along with links to what I gave him and to his site. See attached photo for the previous website Link to the Demo Site Link to the Actual Site
8
0
Mystery of the missing ducks 🦆🦆🦆
I was working on the freeCodeCamp ‘Build a page of playing cards’ certification when my family came down with flu. I came back to the project recently and noticed half my ducks were missing? There were several text elements that were rotated to appear upside down. The text was still visible and appeared upside down, but the emojis had vanished. Thankfully I wasn’t the only one to have this problem 😀 StackOverflow: https://stackoverflow.com/questions/39749540/why-wont-emojis-render-when-rotated-to-45-or-315-degrees Heres the side quest example I made to test the solutions. I think keyframes sets the perspective along with other values automatically, so 'transform: rotate(180deg)' works inside of keyframes but not on its own in a class. 😁
3
0
Mystery of the missing ducks 🦆🦆🦆
I'm Making Some Website Templates for Our Community
I'm going to start making a few website templates that you all are more than welcome to download and use. The templates that I will be creating will have specific instructions on how to use it. Most of them will have an easy setup file where you can simply add a few pieces of information and alter the theme to suit it. I made them modular so you can easily move things around and put things in the right page order. They would be perfect for any local business and the best part I think is you could even hand off these files to an AI assistant like Codex or Copilot and walk away come back 7 minutes later to a demo site that you can showcase to someone that you are trying to earn their business for. Here is an example of the PBJ Demo Site I made earlier this month that is going to be part of the Website Template Repository Website Demo: https://pbj-plumbing-demo.netlify.app/
I'm Making Some Website Templates for Our Community
1-30 of 64
The Code Zone Skool
skool.com/the-code-zone
Learn the proper way to build websites with AI that will rank higher in search results. Learn HTML/CSS/JavaScript Basics to further your understanding
Leaderboard (30-day)
Powered by