#html (17)
- Your First Puter.js App - Hello World, Web OS Style
Learn to build your first 'Hello World' app in Puter.js, a web-based operating system.
- Apps and Window Management - Crafting Dynamic Interfaces
Learn how to create, manage, and control application windows in Puter.js for building dynamic interfaces.
- Handling Different Document Types – Text, HTML, PDF
Learn how to use LangExtract for extracting data from various document types including text, HTML, and PDF.
- Building an Interactive Image Gallery with Scoped Transitions
Master the View Transition API to construct a dynamic image gallery, enabling smooth transitions when selecting images and creating a delightful, modern user experience.
- HTMX Practical Field Guide
Learn to build dynamic, interactive web applications using HTMX without complex JavaScript frameworks.
- Getting Started with HTMX: Your First Dynamic Element
Learn HTMX from zero to mastery, creating dynamic web elements without JavaScript.
- Events and Triggers: Making Elements Respond
Learn how to make your HTML elements interactive with HTMX's powerful event and trigger system, without writing a single line of JavaScript.
- HTMX `hx-swap`: Master `outerHTML`, `afterbegin`, `beforeend`
Discover how to use HTMX `hx-swap` attributes, including `outerHTML` and `afterbegin`, to precisely control where server content appears on a page.
- HTMX Extensions: _hyperscript for Client Logic, json-enc for JSON
Learn how to extend HTMX with _hyperscript for client-side scripting and json-enc for JSON form data in your web applications.
- HTMX Multi-Step Forms with Client-Side Validation
Learn how to build a multi-step form with client-side validation using HTMX, enhancing user experience and reducing complexity.
- HTMX Best Practices: Do's and Don'ts for Maintainable Code
Learn best practices for building maintainable HTMX applications with clean code and excellent user experience.
- Common Pitfalls and How to Avoid Them
Learn to avoid common pitfalls and build robust HTMX applications with confidence.
- SVGs: From Zero to Hero with HTML and CSS
Learn to create stunning SVG graphics with HTML and CSS, from basics to advanced animations.
- Create Basic Geometric Shapes with SVG Elements
Learn to draw fundamental geometric shapes using core SVG elements and configure the SVG canvas with essential attributes for its viewport and coordinate system.
- Build Animated Weather Icons with SVG, HTML, and CSS
Build dynamic animated weather icons using SVG, HTML, and CSS, applying fundamental concepts such as basic shapes, grouping, styling, and keyframe animations.
- Build an Interactive Bar Chart with SVG, HTML, and CSS
Learn to build a responsive and interactive bar chart using SVG, HTML, and CSS, solidifying your understanding of web data visualization techniques.
- Build Reusable UI Elements with Native Web Components
Understand and implement Web Components to build reusable, encapsulated UI elements with Custom Elements, Shadow DOM, and HTML Templates.