Web Standards
Meet other developers to discuss the W3C web standards: CSS, XHTML, DHTMl, XML, all that wonderful stuff.
5,979
members
8
groups
Largest Web Standards groups
Newest Web Standards groups
Frequently Asked Questions
Yes! Check out web standards events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the web standards events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find web standards events near your location here. Connect with your local community and discover events within your area.
Web Standards Events Today
Join in-person Web Standards events happening right now
IN-PERSON Book Club Meeting - KAFKA ON THE SHORE by Haruki Murakami
'KAFKA ON THE SHORE' by Haruki Murakami
'The aging Nakata, tracker of lost cats, who never recovered from a bizarre childhood affliction, finds his pleasantly simplified life suddenly turned upside down. There is a savage killing, but the identity of both victim and killer is a riddle.
Kafka on the Shore follows the fortunes of two remarkable characters. Kafka Tamura runs away from home at fifteen, under the shadow of his father's dark prophesy. The aging Nakata, tracker of lost cats, who never recovered from a bizarre childhood affliction, finds his pleasantly simplified life suddenly turned upside down.
Their parallel odysseys are enriched throughout by vivid accomplices and mesmerising dramas. Cats converse with people; fish tumble from the sky; a ghostlike pimp deploys a Hegel-spouting girl of the night; a forest harbours soldiers apparently un-aged since WWII. There is a savage killing, but the identity of both victim and killer is a riddle. Murakami's new novel is at once a classic tale of quest, but it is also a bold exploration of mythic and contemporary taboos, of patricide, of mother-love, of sister-love.
Above all it is an entertainment of a very high order.'
***Please read the book and join us for a lively discussion (in English) about the contents during our afternoon book club meeting.***
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
**PLEASE NOTE:**
This is an IN-PERSON event in Amersfoort, The Netherlands. Please cancel your attendance in advance if you are unable to join, so that those on the waitlist can participate.
Looking forward to seeing you all IN REAL LIFE then!
Best regards,
Sandra
Slow dating - Connection Games [Affinitee Utrecht, April Edition]
## Love is in the air…!
After the crazy success of our first event, we're back with more connection games!
This time, the games will be much shorter (15-20 mins each) to allow for easier rotation.
For those who're new here, Affinitee hosts slow dating events focused on discovering relationships built on compatibility over superficiality!
**No more swiping, skip the bad dates!**
### *This is how it works:*
1\. Before you arrive at the meetup\, you fill in a fun 5\-10 minute questionnaire before registration below \(if you haven't already\)\. We explore different aspects of relationship compatibility using this questionnaire\.
To make use of the pre-matching facility, we recommend registering on the website as well. You may sign up here [https://affinitee.eu/au-event-3](https://affinitee.eu/au-event-3)
2\. A match will be automatically assigned \(if available\)\, based on your given criteria \(age range\, children\, location etc\.\) as well as the overall compatibility score based on your questionnaire answers\.
3\. At the event\, you will be able to try out a multitude of board/card games that are specifically chosen to explore various aspects of relationship compatibility \(moral values\, decision making etc\.\)\.
4\. After each game\, you can choose to switch partners\, or continue with the same person\, based on input from either parties\.
5\. At the end of the event\, IF you did indeed feel a spark with someone at the event \(and it is reciprocated\)\, we help you arrange a date with them\. You do not even have to exchange contacts\!
**[!!IMPORTANT!!]** We recommend signing up through our website to guarantee a match as early as possible. But of course, even if no match isassigned to you due to late registration or gender imbalance, a majority of the games are still played as groups! *So nobody gets left out and everyone has a chance to meet and match with other singles.*
We believe in conscious, compatibility based matchmaking. Don't waste your time dating the wrong people!
Sketch and walk from Hilversum to Groeneveld castle (Baarn) 🎨🌿
📍 Hilversum Station, 10:30 → finish at Baarn railway station (~17:30) We meet inside the station near piano.
🚶♂️ ~10 km total | ~6–7 hours | relaxed pace with sketching stops
🎯 Main destination: Kasteel Groeneveld
We’ll walk together through nature from Hilversum to the castle (~7 km), making several short sketching stops (15–30 min), with a longer session near the castle. After that, we continue ~3 km to Baarn station.
There’s a café at the castle (coffee, sweets, late lunch), but we’ll arrive later — bring your own food/snacks so you don’t get hungry.
Bring along:
* Sketching materials
* Water
* Foldable chair or blanket (there is no guaranteed seating in forest)
* Comfortable walking clothes
* Extra layer (it gets cold when sitting still)
* Sandwich or snacks to keep energy going
No pressure on skill level — all styles welcome.
Come for the walk, the nature, and the sketches 🌿✏️
Board Game Meet-up - XXL anniversary edition
Join us for the XXL edition celebrating the 3rd anniversary of our (board) games meetup at our local community center! We’re doing things a little differently this time, so make sure to read everything below and we hope to see as many of you as possible on this special day! This event is part of an ongoing series organized through our Discord server [[discord.gg/utrecht](http://discord.gg/utrecht)]
• Free entry for everyone, as always!
• Bring your favorite (board) games
• Meet new friends and fellow gaming enthusiasts
• A night filled with exciting challenges and friendly competition
• Warm food, snacks, and drinks will be provided for everyone! (e.g. fries, sauces, chips, fried snacks, sodas)
There will also be a Nintendo Switch 2 available with games like Mario Party, Mario Kart, Super Smash Bros and other party games, so feel free to bring a controller if you’d like to play!
Whether you're a board game aficionado or a video game guru, this event is for you. Bring your friends, bring your favorite games, and let’s celebrate three years of gaming together!
Note that due to limitations of the location, we cannot open the door for you after 19:00. Make sure to read the ''How to find us'' carefully and join the Discord if you have any questions.
GameNight! Game club Maarssen
Lieve leden,
Vanaf 19:30 op onze oude vertrouwde locatie,
MFA Safari Maarssen
Dan nog een veel gevraagd onderwerp.. de entree!
Vanaf deze post gaan we wel starten met de mogelijkheid tot doneren.
Heb je het de afgelopen jaren naar je zin gehad? Overweeg dan te doneren, zo kunnen we blijven vernieuwen!
Weet je niet hoeveel? Met 5,- kunnen we al een hoop.
Bij binnenkomst op de club zullen we ook een QR-code plaatsen die je kunt gebruiken en natuurlijk.. de vertrouwde spaarpot.
## Tot de Gamenight!
Board game fanatics and beginners, assemble!
We host a GameNight every two weeks on a Friday. We have our own game collection that you can use, but we encourage you to bring some of your favourites as well!
No entrance cost. We have coffee, tea and drinks from the fridge for low prices!
Parking is free and there are over a hundred spaces in front of the building.
Please use the stairs at the back of the MFA Safari building outside to get into the club.
GameNight Maarssen!
Lieve leden,
Vanaf 19:30 op onze oude vertrouwde locatie,
MFA Safari Maarssen
Dan nog een veel gevraagd onderwerp.. de entree!
Vanaf deze post gaan we wel starten met de mogelijkheid tot doneren.
Heb je het de afgelopen jaren naar je zin gehad? Overweeg dan te doneren, zo kunnen we blijven vernieuwen!
Weet je niet hoeveel? Met 5,- kunnen we al een hoop.
Bij binnenkomst op de club zullen we ook een QR-code plaatsen die je kunt gebruiken en natuurlijk.. de vertrouwde spaarpot.
Tot de Gamenight!Spellenclub Maarssen
---
Board game fanatics and beginners, assemble!
We host a GameNight every two weeks on a Friday. We have our own game collection that you can use, but we encourage you to bring some of your favourites as well!
No entrance cost. We have coffee, tea and drinks from the fridge for low prices!
Parking is free and there are over a hundred spaces in front of the building.
Please use the stairs at the back of the MFA Safari building outside to get into the club.
Web Standards Events This Week
Discover what is happening in the next few days
☕️ Chat & Craft 🧶
**We have limited space at the café, so if you've RSVPd and can't make it, please cancel as early as possible so another person can join!**
Join in for a morning of crafting & chatting over a drink. Just bring your own project and payment for drinks.
Meet fellow crafting enthusiasts, whether it's knitting, crocheting, stitching, origami, or something more unique!
We talk about our projects, exchange tipps, but also just get to know each other and enjoy a relaxed Sunday morning in good company.
We now also have a WhatsApp group, where we want to organise get-togethers and other events. Ask one of the organisers at the next Meetup you join for more information and access.
Brunch Social Utrecht: Make New Friends
⚠️ **IMPORTANT: You must sign up and buy a ticket here to attend:**
[https://groupvibe.com/](https://groupvibe.com/)
**Join the Utrecht City Brunch Club and make new friends!**
Each meetup brings together 4–6 people for casual conversations over brunch. We use the Groupvibe platform to facilitate the meetup and ensure everyone’s a good fit.
👉 **To attend, you’ll need to complete registration via this link:**
[https://groupvibe.com/](https://groupvibe.com/)
We’ll share the exact location of the upcoming meetup the night before only if you have bought a ticket or membership plan.
**Why this works:**
\* Smaller groups make real conversations easier.
\* Discover new restaurants in your city, together.
\* Curated brunch venues with good food and vibe.
\* If you hit it off with your group, there’s plenty of time to hang out afterwards.
**Note:**
RSVPs on Meetup don’t reflect total attendance. Many attendees register directly via our website. The event on [Meetup.com](http://meetup.com/) is only a placeholder.
This meetup is organized by Groupvibe, a small team passionate about helping people form meaningful friendships offline.
Walk-in meditation
Come and join us for an evening of Buddhist meditation with like-minded people. The doors open at 7:00 PM, and meditation begins promptly at 7:15 PM. The meditation will last between 30 to 40 minutes, followed by tea and biscuits for anyone who would like to stay and chat. On some evenings, there will also be a short Dharma talk to provide some Buddhist context.
The meditation space is down at the canal. To get there, you can take the stairs down.
The meditation is offered on a donation basis.
See our [website](https://utrechtbuddhistcentre.nl/) for more information.
The story we tell ourselves: Self-Image vs Self-Esteem
Have you ever noticed how the way you see yourself can change depending on the situation?
One moment you feel confident and capable — the next you start doubting yourself after a small mistake or comparison.
How do you see yourself on LinkedIn or social media — is it that persona or the quiet inner picture you carry, about who you are?
Sometimes that picture feels strong and confident.
Other times it becomes surprisingly fragile after criticism, comparison, or a simple mistake.
In this meetup we’ll explore two closely related ideas that shape how we experience life:
**Self-image** — the picture we hold of who we are
**Self-esteem** — how we feel about that picture
Through conversation and simple reflection exercises, we’ll look at questions like:
* Where does our self-image actually come from?
* Why can our confidence rise and fall so quickly?
* What role do comparison, expectations, and inner criticism play?
* And how can we build a healthier relationship with ourselves?
Expect an open and thoughtful discussion — not a lecture.
You’re welcome to share your thoughts and experiences, but there’s never any pressure. Listening is just as valuable.
If you're curious about how our inner narratives shape our lives, come join the conversation.
**Who is this for?**
Anyone interested in personal growth, psychology, and understanding how our inner narratives influence our lives.
**What to expect**
* Guided discussion prompts
* Reflection exercises
* Practical insights you can apply in everyday life
**Tone**
Supportive, curious, and judgment-free.
**Disclaimer**
This is not therapy — It's a thoughtful conversation about being human.
Web Standards Events Near You
Connect with your local Web Standards community
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.
What If Your AI Could Be a Team? - Chad Green
**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you.
The building address is 4450 Bridge Park
The entrance is 6620 Mooney St, Suite 400
You will need to scan your ID at the door to get a visitor badge.
**Abstract**
GitHub Copilot is powerful, but what if you could scale from a solo AI assistant to an entire team of specialized agents working in parallel? This session introduces Squad: an open-source framework for multi-agent orchestration that lets you define teams of AI agents with specific roles, responsibilities, and expertise.
We'll progress from Copilot basics to the Copilot CLI, explore how Agents add autonomy, and see how Instructions and Skills let you customize agent behavior. Then, the climax: a live demo where a Squad team of 3 agents (Lead, Developer, Tester) stands up and builds a working application in real-time, showcasing true multi-agent collaboration.
Whether you're new to AI or exploring how to scale your use of Copilot, this session will show you what's possible when agents work as a team.
**YouTube Link**
TBD
Global Azure - Columbus
The global Azure community is coming together again, and Columbus is officially on the map.
View the session lineup and speakers at [Global Azure Columbus 2026](https://coazure.github.io/cbus-global-azure-2026/)
On **Saturday, April 18, 2026**, the Azure Columbus Meetup, DevOps Meetup, and Code and Coffee Meetup are hosting our local edition of Global Azure 2026. This is a free, community-driven event packed with learning, networking, and all things Microsoft Azure.
Whether you’re building modern cloud-native apps, experimenting with AI agents, deploying containers, automating infrastructure, or just beginning your Azure journey, this event is for you!
**What to Expect**
* Engaging technical sessions
* Real-world Azure architecture & cloud-native patterns
* AI, agents, automation, and modern DevOps
* Food and drinks (because learning burns calories)
* Time to connect with fellow engineers, architects, and cloud enthusiasts
**Who Should Attend?**
* Software engineers (any language, any stack)
* Cloud architects
* DevOps engineers
* Data professionals
* AI explorers
* Platform builders
* Anyone who loves solving hard problems with great tools
If you build, deploy, automate, scale, monitor, or optimize in Azure, you’ll feel right at home.
**Why Global Azure?**
Global Azure is a worldwide community event where Azure user groups host learning sessions on the same day across the globe. It’s grassroots. It’s technical. It’s practical. And it’s powered by people who genuinely love sharing what they’ve learned.
And yes, it’s free to attend!










![Slow dating - Connection Games [Affinitee Utrecht, April Edition]](https://secure.meetupstatic.com/photos/event/a/5/9/d/highres_533322397.webp?w=640)














