Web Standards

Join us for Linux Town Hall meeting where we discuss the upcoming Hardware Freedom Day. This is an open Town Hall meeting where all community members are welcome to attend, observe, and contribute to the discussion. Whether you're a long-time LUV member or new to our community, your input is valuable as we shape the future of Linux Users Victoria. The meeting will be held online, making it accessible for everyone to participate from the comfort of their own space. This is a great opportunity to learn about Linux Victoria's behind-the-scenes operations and how you can get involved in our growing open-source community. Come be part of the conversation as we work to strengthen and expand Victoria's Linux adoption and open source practice! ## Key Discussion Points \- Upcoming Hardware Freedom Day \(April 18th\) \- Project Moonshine \(Remote Displays for Linux Desktops\): WIP report and demo ## How To Join Online Link to join: [https://electronworkshop.com.au/goto/venue](https://electronworkshop.com.au/goto/venue) We use a self-hosted Big Blue Button instance (aka BBB) for this meeting, managed by Electron Workshop and hosted by Serversaurus. ## Join In Person Maps Link for Inspire9: [https://maps.app.goo.gl/eRMAXpBdmG1Ece4m9](https://maps.app.goo.gl/eRMAXpBdmG1Ece4m9) **Getting to Inspire9:** Train station is located right next to Inspire9. Tram 70 is a short 2 minute walk. There is 2hr parking on the street but very often there are no spots. Inspire9 main entrance is wheelchair accessible. When arriving, head for the AKM building. ## Schedule 19:00 Meet and greet 19:30 Opening 20:30 ClosureApril

Whether you're looking for a short, light game or a longer strategy-heavy game, come join the Melbourne Asian Board Gamers on Tuesday night at Marché Board Game Cafe for some fun! To **check in**, please head to the front counter and show your RSVP for the Meetup event to a Marché staff member. They will then point you towards the event host for the evening to take down your attendance. **⋆⋆⋆⋆⋆⋆⋆⋆⋆⋆ Cost ⋆⋆⋆⋆⋆⋆⋆⋆⋆⋆** Attendees who have registered for the event on Meetup can play at discounted rates, with the following payments to be made: * **$7 in total per session” to cover Meetup subscription and cafe costs. Payment of $7 should be made to Marche at the front counter upon notification to the staff member that you are here for the scheduled meetup. There is now no minimum spend on items at the cafe as there were before. The cafes menu can be found here https://mbgcafe.com.au/menu.pdf . Only attendees on the "going" list are entitled to the discount. attendees that are on the waitlist or didn't register on Meetup are still welcome to come, but will need to pay the regular Marche rate of $22 for three hours of board games (includes one free drink). **Attendance** As our events are highly popular, if you have RSVP as going but can no longer attend, please amend your RSVP to allow others a chance to attend. If we notice people are not showing up when they have RSVP, you will be moved to the waitlist the following week and give priority to those who actually turn up. We appreciate everyone's understanding and co-operation. We really appreciate your support and look forward to playing with you.

**🙋‍♀️**Welcome to our Tuesday Social + language ​exchange meetup. We Meet at La Di Da Weekly, 577 Little Bourke Street. **We ask that you purchase a drink on entry or pay $3.5 for entry.** 👉We always have between 150 - 200 people attending our Tuesday event since this event is listed in 3 different meetup groups. Some people come early some come late, best time is between 6pm to 9pm. 👉This is a great opportunity to learn to speak English with native and non-native speakers. Many English speakers, Europeans, Chinese, Japanese, Koreans, and other Asians attend our fun and friendly party. 👉It is suitable for international students, working holiday people, professional ex-pats, and local Australians. Find more Info; [https://instagram.com/Linguas.AU](https://instagram.com/Linguas.AU) or @Linguas.AU

**🙋‍♀️**Welcome to our Tuesday Social + language ​exchange meetup. Meet people from many countries and make new friends. 👉We always have between 100 - 150 people attending our Tuesday event since this event is listed in 3 different meetup groups. Some people come early some come late, best time is between 6pm to 9pm. 👉This is a great opportunity to learn to speak English with native and non-native speakers. Many English speakers, Europeans, Chinese, Japanese, Koreans, and other Asians attend our fun and friendly party. 👉It is suitable for international students, working holiday people, professional ex-pats, and local Australians.

**Welcome to 'GENESIS' - The Generative AI Filmmaking Networking Event!** ***THIS MAY BE A LIMITED EVENT - PLEASE MAKE SURE TO RSVP.*** This group is for individuals interested in exploring the intersection of generative AI technology and movie making. Whether you're a filmmaker eager to discuss movie production, a technician looking to collaborate, or simply wishing to learn more and discuss AI in film, this group is for you! Join us at the Emporium food court (located behind Grill’d Burger Restaurant in the CBD, not near Melbourne Station) to discuss AI technologies, workflows, productions, AI ethics, government responsibility and more. After 7pm, we continue the evening with Happy Hour drinks at a nearby bar and a chance to grab dinner together. Feel free to bring friends interested in AI filmmaking; it’s a great way to introduce new faces to our expanding network. RSVP to help us gauge attendance and become part of a growing network of film professionals and enthusiasts. Though the event begins in the afternoon, the relationships you build here can last well into the night and beyond. At 7 PM, we move to The Carlton Club, a five-minute walk away, where we continue networking in a more formal rooftop setting over drinks and food. This change of venue offers an ideal environment to keep conversations flowing. We want to foster a supportive network for creativity, film and television production, and collaboration between the world of cinema and AI. Connect with like-minded individuals and explore the exciting world of generative AI filmmaking together at GENESIS.

### ✨ KISMETRIX \| Love Mastery [Ticketed Event](https://www.eventbrite.com.au/e/the-art-of-choosing-for-women-boundaries-standards-in-dating-tickets-1986299807193?utm-campaign=social&utm-content=attendeeshare&utm-medium=discovery&utm-term=listing&utm-source=cp&aff=ebdsshcopyurl) This is the first release of The Art of Choosing under our Love Mastery Series. **The Art of Choosing (For Women)** Boundaries & Standards in Dating 📍 RYVE – Level 1, 38 Shafton St, Huntingdale VIC 📅 Wednesday, 8 April 2026 🕖 7:00 PM – 9:00 PM ## A WORKSHOP FOR WOMEN WHO WANT MORE THAN SURFACE-LEVEL CONNECTION This is not about how to attract more people. This is about learning how to **choose the right ones**. Many women don’t struggle with meeting people — they struggle with **discernment, boundaries, and trusting their own judgement**. If you’ve ever felt: • You keep attracting the same patterns in dating • You ignore red flags or second-guess your intuition • You give too much, too soon • You’re unsure what you truly want in a partner • You want something deeper — but don’t know how to navigate modern dating This session is designed to support you. ## WHAT YOU’LL GAIN • **Clarity** — understanding what you truly want (beyond chemistry) • **Standards** — defining your non-negotiables with confidence • **Boundaries** — learning how to hold them without guilt • **Discernment** — recognising red flags, green flags, and inconsistency early • **Self-awareness** — understanding your patterns in attraction and attachment • **Decision-making** — knowing when to lean in… and when to walk away ## THE KISMETRIX APPROACH At Kismetrix, we believe connection should feel natural, respectful, and aligned. This is not a rigid workshop. It’s a **guided, reflective space** with real conversations, practical insights, and the opportunity to deepen your understanding of how you show up in dating. This work doesn’t stop here — it carries into how you engage in real-life interactions, including Kismetrix events. ## WHO THIS IS FOR • Women who are intentional about dating and relationships • Women who value depth, emotional intelligence, and meaningful connection • Women who are ready to raise their standards — without becoming closed off ## IMPORTANT NOTES • This is a discussion-based and reflective session (not lecture-style) • This is not a dating or matchmaking event • Outcomes in dating are never guaranteed — this is about personal clarity • Respect, boundaries, and emotional safety are central to this space • Tickets are non-refundable but transferable ## Hosted by **KISMETRIX \| Love Mastery** 📧 [social@kismetrix.com.au]() 🌐 [www.kismetrix.com.au]()

Hello everyone! Join us for an Apache Kafka® x Apache Flink® meetup on **Apr 9th from 5:30pm**, in Melbourne! The address, agenda, and speaker information can be found below. See you there! **📍Venue**: 394 High Street Northcote, Victoria 3070 \*\*\* **🗓 Agenda:** * 5:30pm: Doors open * 5:30pm - 6:00pm: Pizza, Drinks, and Networking * 6:00pm - 6:30pm: Chad Harris, Solutions Architect, Factor House * 6:30pm - 7:00pm: Stephen Ermann, Senior Customer Success Technical Architect * 7:00pm - 7:30pm: Additional Networking \*\*\* **💡 Speaker:** Chad Harris, Solutions Architect, Factor House **Talk:** Things that go bump in the night: Kafka Operational Issues and How to Survive Them **Abstract:** Most Kafka talks focus on how things should work—this one is about what actually happens in production. We’ll walk through real-world operational issues encountered with Apache Kafka and its clients, from subtle misconfigurations to full “why is everything on fire?” moments. Along the way, we’ll break down how to identify what’s going wrong, which signals actually matter, and how to approach debugging when the system doesn’t behave the way you expect. This talk will also touch on observability, common failure patterns, and practical mitigation strategies you can apply immediately. Expect a mix of technical deep dives, debugging workflows, and a few war stories (including some questionable decisions and log-staring sessions). If you’ve ever wondered whether it’s just you? It's not! **Bio:** Chad Harris is a streaming data specialist and Solutions Architect at Factor House, where he helps organisations design, scale, and operate Apache Kafka platforms using industry-leading tooling. With experience scaling Kafka across organisations ranging from small startups to some of Silicon Valley's largest companies, Chad has been working with Kafka since its early days. He brings deep expertise across both real-time streaming and data-at-rest systems, with a strong focus on practical, production-ready architectures. \-\-\-\-\- **💡 Speaker:** Stephen Ermann, Senior Customer Success Technical Architect **Talk:** From Lag to Smooth Sailing: How Queues for Kafka (KIP-932) Fix Slow Consumers **Abstract:** Slow or bursty consumers are one of the most common reasons Kafka applications end up fighting lag, over-provisioning, and operational fire drills. Traditional Kafka consumer groups work brilliantly for high-throughput stream processing, but they can make it hard to serve heterogeneous consumers, apply backpressure cleanly, or guarantee fair access when some consumers fall behind. In this talk, we’ll explore **Queues for Kafka**, the new KIP-932 feature that introduces native queue semantics on top of Kafka’s battle-tested log foundation. We’ll look at how queues decouple producer and consumer throughput, isolate slow consumers without penalising fast ones, and provide more predictable delivery and scaling behaviour for “task” and “work queue” style workloads. You’ll walk away with: * A clear mental model of how Kafka queues differ from topics and consumer groups * Concrete design patterns for handling slow and spiky consumers * Migration tips for evolving existing Kafka-based services to use queues safely If you’ve ever stared at a lag graph wondering whether to add more consumers, more partitions, or more coffee, this session will show you a cleaner path to smooth sailing with Kafka. **Bio:** Stephen Ermann is a **Senior Customer Success Technical Architect at Confluent**, working with leading financial institutions across APAC to design and operate mission-critical, real-time data platforms. With deep experience in **Apache Kafka**, **Confluent Cloud and Platform**, and surrounding ecosystems like **Kafka Connect** and **Apache Flink**, Stephen helps customers solve hard problems around scalability, reliability, and security in production. They are particularly focused on **RBAC, OAuth, mTLS, and container image security**, as well as emerging **agentic AI** patterns built on streaming data. Outside day-to-day architecture work, Stephen regularly shares practical patterns and lessons learned at meetups and user groups across the region. \*\*\* If you would like to speak or host our next event please let us know! community@[confluent.io](http://confluent.io/)

Our regular monthly presentation night on the second Thursday of the month from 6:30pm! Thanks to Mantel Group for hosting us again this month. If you're coming in person we're there with food and drinks from 6pm. We will be live streaming the presentations as usual from 6:30pm at [http://www.melbournecocoaheads.com/live](http://www.melbournecocoaheads.com/live) \-\-\- **Agenda** \| 6:00pm \| Food \+ Networking \| \| 6:30pm \| Event begins\. Introductions \| \| 6:40pm \| Chris Hocking — Pretending to be a coder \- Version 3: The world has changed since we last saw Chris… Codex\, Claude and burnout\. \| \| 7:15pm \| TBC \| \| 7:55pm \| Wrap up \+ social time at a nearby venue \| \* All times are approximate. Presentation order will be confirmed on the night. \-\-\-\- We are always looking for speakers and believe everyone has an interesting talk hiding inside themselves. If you are interested in letting that talk out at a future event you can get in touch on the website [https://www.melbournecocoaheads.com/talks](https://www.melbournecocoaheads.com/talks) or on Slack.

John will host this event. This event will go ahead. 11:00-13:00 will be sand castles. By the look is the attached web site, they are undercover this year. And a slightly differently set up. You can access them by train (the trains are free) There is a cost (ticket prices below). https://www.visitmelbourne.com/regions/mornington-peninsula/whats-on/art-and-exhibitions/the-australian-sand-sculpting-championships 13:00-14:00 lunch on the way to the street art wander. Street art map will be sent to John. And here: https://images.impartmedia.com/imaginefrankston.com.au/AAA_2024_events/StreetArtMap_2024.pdf Do as much or as little as you’d like

We have joined forces with the Statistical Society of Australia to broadcast their "Di Cook Award Seminar". **When:** Wednesday 8th of April, 6:30-8:15pm **Where:** 750 Collins St, Room 853, Level 8 (Studio Room) **What:** Free food & drinks while watching the Di Cook Award Seminar! The [Statistical Computing and Visualisation](https://www.statsoc.org.au/Statistical-Computing-and-Visualisation-Section) section of the Statistical Society of Australia proudly presents the Di Cook Award webinar, promoting open-source statistical software development. This event will showcase outstanding work submitted to the [2025 Di Cook Award](https://statsocaus.github.io/dicook-award/). The award winner will present their winning project in a 30-minute talk, highlighting the motivation, methods, and key insights behind their work. Two highly commended applicants will also share their submissions, each delivering a 15-minute presentation that outlines the ideas, approaches, and contributions of their projects. Together, these talks will provide an engaging overview of innovative software development represented in this year’s award submissions, offering attendees the opportunity to learn from and discuss exemplary work in the field. For more information about the award and the event, see the [SSA website](https://www.statsoc.org.au/event-6618285).

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**TBA**

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm