CodePen Blog
Chris’ Corner: Makin’ Stuff
The most fun websites to build are websites that interact with outside sources. A user is an outside source! I’m obviously a bit partial to a website that asks a user to build stuff. That’s fun. But any outside source can be fun. Accepting uploads and doing something weird or useful with the data. Or using a third-party API for interesting data.
There is something magically fun about a weather app, for instance. You’re designing the site, but it’s designed around data you don’t control. Your job is to present the weather in a pleasing and useful way. That’s difficult to do even when you’re essentially copying patterns that already exist for it, and extra difficult to do something novel that could attract actual customers.
I’ve seen a college program that has students literally build a weather app. That’s a great project if you ask me. It involves an outside source of data, so you learn how to do that and make it efficient and resilient and respect bandwidth and limits and all that. The students also learn that websites are both front-end and back-end, and neither can fully compensate for weaknesses in the other.
A weather site is a pretty saturated space. But I believe in you, you can do it! There are other opportunities out there, though. Perhaps after you’ve got your feet wet with interacting with outside sources, something else will click for you that feels more personal.
I was thinking about this after reading Terence Eden’s Are there any open APIs left?. It was very interesting to me as I was vaguely under the impression that most of the really interesting cool open APIs didn’t really exist anymore. And, to be clear, “API” meaning general data access from some third-party source. A classic is that GitHub offers REST and GraphQL APIs for your use. Could you build something interesting with access to GitHub data? Or, perhaps a better question is could you build something interesting with access to GitHub data and whatever other outside source you can think of. Terence’s blog post lists some APIs still going strong.
Speaking of outside sources, let me leave you with a somewhat random collection of links to tools and ideas that maybe-just-maybe could be alchemized into an interesting website.
* Defuddle — “Get the main content of any page as Markdown.”
* Curate your own newspaper with RSS by Molly White
* Introducing the <geolocationHTML element on the Chrome blog
* A Gentle Introduction to CRDTs — “CRDTs are needed in situations where you want multiple processes to modify the same state without coordinating their writes to that state.”
🤔
Chris’ Corner: Makin’ Stuff
The most fun websites to build are websites that interact with outside sources. A user is an outside source! I’m obviously a bit partial to a website that asks a user to build stuff. That’s fun. But any outside source can be fun. Accepting uploads and doing something weird or useful with the data. Or using a third-party API for interesting data.
There is something magically fun about a weather app, for instance. You’re designing the site, but it’s designed around data you don’t control. Your job is to present the weather in a pleasing and useful way. That’s difficult to do even when you’re essentially copying patterns that already exist for it, and extra difficult to do something novel that could attract actual customers.
I’ve seen a college program that has students literally build a weather app. That’s a great project if you ask me. It involves an outside source of data, so you learn how to do that and make it efficient and resilient and respect bandwidth and limits and all that. The students also learn that websites are both front-end and back-end, and neither can fully compensate for weaknesses in the other.
A weather site is a pretty saturated space. But I believe in you, you can do it! There are other opportunities out there, though. Perhaps after you’ve got your feet wet with interacting with outside sources, something else will click for you that feels more personal.
I was thinking about this after reading Terence Eden’s Are there any open APIs left?. It was very interesting to me as I was vaguely under the impression that most of the really interesting cool open APIs didn’t really exist anymore. And, to be clear, “API” meaning general data access from some third-party source. A classic is that GitHub offers REST and GraphQL APIs for your use. Could you build something interesting with access to GitHub data? Or, perhaps a better question is could you build something interesting with access to GitHub data and whatever other outside source you can think of. Terence’s blog post lists some APIs still going strong.
Speaking of outside sources, let me leave you with a somewhat random collection of links to tools and ideas that maybe-just-maybe could be alchemized into an interesting website.
* Defuddle — “Get the main content of any page as Markdown.”
* Curate your own newspaper with RSS by Molly White
* Introducing the <geolocationHTML element on the Chrome blog
* A Gentle Introduction to CRDTs — “CRDTs are needed in situations where you want multiple processes to modify the same state without coordinating their writes to that state.”
🤔
CodePen
Chris’ Corner: Makin’ Stuff
The most fun websites to build are websites that interact with outside sources. A user is an outside source! I’m obviously a bit partial to a website that asks a user to build stuff. ThatR…
❤1
cybercode-portfolio-interactive-developer-ui.zip
131.5 KB
Have you tried using this code?
Which HTML feature do you consider the most revolutionary for the modern web?
Anonymous Poll
44%
Hyperlinks (<a>)
11%
Semantic Tags (<header>, <footer>)
0%
Forms and Inputs
22%
The <div> (Universal Box)
22%
Embedded Media (<video>, <img>)
Forwarded from Unversal
Which HTML tag is used to define an internal style sheet?
Anonymous Quiz
26%
<script>
17%
<css>
35%
<style>
22%
<link>
🤖 Build Android Apps with AI: Prompt to APK
Google AI Studio's "Android App Builder" uses the Antigravity agent to generate native Kotlin and Jetpack Compose code via natural language prompts. No complex setup needed.
🚀 Get your APK:
1️⃣ Open Google AI Studio > Android App Builder.
2️⃣ Enter your app description (e.g., "A clean habit tracker app with dark mode").
3️⃣ Click Code > Export > Download ZIP.
4️⃣ Extract and grab your .apk from the build output directory!
⚡ Bonus: Enable USB debugging, connect your device, and click "Install on Device" for instant testing!
@html_codee
Google AI Studio's "Android App Builder" uses the Antigravity agent to generate native Kotlin and Jetpack Compose code via natural language prompts. No complex setup needed.
🚀 Get your APK:
1️⃣ Open Google AI Studio > Android App Builder.
2️⃣ Enter your app description (e.g., "A clean habit tracker app with dark mode").
3️⃣ Click Code > Export > Download ZIP.
4️⃣ Extract and grab your .apk from the build output directory!
⚡ Bonus: Enable USB debugging, connect your device, and click "Install on Device" for instant testing!
@html_codee
Forwarded from Unversal
In HTML, which attribute is used to open a link in a new window or tab?
Anonymous Quiz
40%
target='_blank'
15%
target='_new'
25%
href='_new'
20%
window='new'
💡 Disable browser translation for a specific word
Useful for:
• Brand names
• Product names
• Technical terms
The browser won't try to translate the text inside the element.
📌 @Html_codee
#HTML #WebDevelopment #Coding
<span translate="no">ChatGPT</span>
Useful for:
• Brand names
• Product names
• Technical terms
The browser won't try to translate the text inside the element.
📌 @Html_codee
#HTML #WebDevelopment #Coding
👍2