Web Standards

**Join us for another LoMAZ Unlimited event, this time visiting the 'Sufi Life and Art' free exhibition at the British Museum.** **Unlike our regular events (which often have waitlists), our Unlimited ones have no cap on numbers. They're a social for everyone, and a great way to see what we're about.** **❓ How do our Unlimited events work?** * We **meet in the museum cafe** first. * Then we **look** **around 1-3 rooms in the museum for around 50 minutes.** * You're free to wander around the rooms at your own pace or explore with other members of the group. * **This isn't a guided tour of the rooms.** We simply limit the number of rooms we visit so it's more manageable with a larger group than usual. Each event we choose a different theme or time period to explore. * **After this, we head to the pub!** **THE PLAN:** **2:00-2.40pm: MEET AND GREET IN BRITISH MUSEUM COURT CAFE** Look for the hosts wearing LoMAZ badges. **2:40pm-3.30pm: GO TO 'SUFI LIFE AND ART' FREE EXHIBITION, ROOM 43a ON UPPER FLOOR** This can be found within The Albukhary Foundation Gallery of the Islamic world: *'This display will explore Sufi life and art through a selection of objects that represent Sufi communities in the Middle East, North and Sub-Saharan Africa, and northern India. This mystical movement, which first appeared in the Islamic world during the eighth century AD, has been defined as a pathway to a personal experience with God.'* **Read more** **[here](https://www.britishmuseum.org/exhibitions/sufi-life-and-art).** **Find the museum map** **[here.](https://www.britishmuseum.org/sites/default/files/2025-10/British_Museum_map.pdf)** **3.30pm: LEAVE MUSEUM TO WALK TO PUB** **3:45pm: PUB SOCIAL** We'll head to the The Penderel's Oak pub. Address: 283-288 High Holborn, London WC1V 7HP. We were not able to reserve tables this time, unfortunately. [https://maps.app.goo.gl/1PF1LDymBw8Jcabn9](https://maps.app.goo.gl/1PF1LDymBw8Jcabn9) **TICKETS:** **⚠️ ⛔️ There are now no more tickets left for this date.** The museum reached full capacity when we last visited and staff stopped anyone without a ticket entering. ***As we are attending on Easter Monday, if you don't have a pre-booked ticket or are not a member there is a good chance you won't be let in. ⚠️ ⛔️*** **GETTING THERE:** **Address:** British Museum, Great Russell St, London WC1B 3DG Find more information **[here.](https://www.britishmuseum.org/visit#getting-here)** **EVENT WHATSAPP GROUP:** As our Unlimited events can get quite busy, we'll have a WhatsApp group for this event to help you find the group on the day. ***See Event Comments for the link.*** **FINALLY:** **Please change your RSVP to 'no' if you can no longer attend, so the hosts know who to look out for.** **Thank you for your interest in the group & being part of LoMAZ.** Image: Ceramic tile, Türkiye, around 1700, from the collection.

**Address: 210-212 Southwark Park Road, London SE16 3RX** **Doors Open 1pm Event starts 6pm-10pm** **Player Capacity: 12 players** Welcome to our Magic: The Gathering Commander Night. Monday events are offered to players in addition to our main commander night on Fridays and MTG Booster drafts nights on Tuesdays. This event is for casual play, with no prizing or entry packs given away. Please, make sure to buy your tickets to secure your seat [here](https://www.thebrotherhoodgames.co.uk/magic-the-gathering-events). If you haven't already, please join our Instagram, YouTube and Discord Server for news about upcoming events, announcements, and social interaction with your fellow players! *The Brotherhood Games Discord* https://discord.com/invite/SJaQXyeNXx

Join us for some fun, competitive, but friendly games at our 4-court sports hall. We use Yonex Mavis 600 Nylon shuttles during the 2-hour session. **PAYMENT** * **Session Fee: £9** * We are cashless, kindly pay the session fee **by midnight** on the night before the session. You are welcome to pay early! You can even pay when you book! See our About page for the full process. * If no payment is received, you will be removed and may even be liable for a late cancellation fee if your spot is not taken. * Please use **“your meetup name + date of event”** as payment reference * **Account name:** Thomas Lam * **Sort code:** 04-00-03 * **Account number:** 7478 8608 **LATE CANCELLATION OR NO-SHOW** * **All** **no-shows or late cancellations** (24 hrs or less) will be charged if your spot is not taken by someone else - you will have a title next to your name with the amount and date owed. * Members with 2 no shows/late cancellations will be removed from the group unless outstanding payment is received * **The late cancellation policy** is set up to discourage last-minute cancellations and therefore applies with or without the presence of a waitlist * **Note:** If you are on the Waitlist and a spot becomes available, you will automatically be bumped onto the On list provided the event has not yet started. It is your responsibility to **remove yourself from the waitlist** if you can no longer make it to avoid being charged a no-show if someone cancels late. **PLAYING** * Please wait to be marked off before entering the hall. * Sessions are to finish promptly on the hour by school requests. * If you finish a match with 5 minutes to go, please start packing up instead of starting a new game. **RACKET HIRE** * Please note that we won't be hiring out rackets, so kindly bring your own racket. **PARKING** * There is parking available, but it is now paid parking. Parking is opposite the entrance. Please check the signs for parking payment instructions. **TRACK & TRACE** * We will collect your phone number on-site. Your phone number will also be used in case of fire to contact you if you have not made it to the fire evacuation areas. You can see maps at the venue. We are excited to see you guys on the court! Team LSBC

Our Lorcana Casual Nights are a great opportunity to play-test your latest decks and socialise with other Disney lovers for just £3. These nights are beginner friendly, with seasoned players and staff available to teach you the game and share their love for Lorcana. Buy your ticket to secure your place [here](https://www.thebrotherhoodgames.co.uk/disney-lorcana-events), or check our [calendar](https://www.thebrotherhoodgames.co.uk/event-calendar#flPtAG) to explore more of our events. If you would like to test your skills, we offer the possibility to do a constructed tournament for an additional £7 with player consensus. This fee will grant you a booster pack of the latest set for entry, and the possibility to win additional prizing on positive record. If you haven't already, join our Instagram, YouTube and Discord Server for news about upcoming events, announcements, and social interaction with your fellow players!

**The Talbot Room at the George Inn** The George provides the room free of charge (they are awesome), and we encourage you to purchase drinks (and food – the burgers are great!). As it’s a pub and not a picnic area, please don’t consume your own food and drink there. We usually meet in the Talbot room which is on the top floor on the left hand side of the pub as viewed from the courtyard. If lost please send a message here shortly before the meeting starts. **We are sorry to say that there is no step-free access to the Talbot room, and it is at the end of three flights of stairs.** **Format** We start at 7pm and run until 9pm. We hear approximately six readings of 10 minutes (\~2000 words), then discuss the piece for 10 minutes. Email your work to: london60transmitter@emailitin.com as an attachment (It must be an attachment). A link for access to googledocs will be given at the start of each session to enable people to read along, which in turn enables more considered feedback. Work submitted will be automatically deleted after 10 days. We decide on readers/pieces at the beginning of each session. **Safe and respectful space** The group is run by volunteers, and we don’t have the capacity to read submitted work in advance. If there is anything in your work that might distress or disturb some readers, for example concerning any kind of abuse, please give a trigger warning before you read. Be specific and concise. If it becomes apparent during a reading that a piece is inappropriate, the moderator will stop the reading. In discussing others’ work, please be mindful of how you express yourself and do not use discriminatory language, even if such language features in the piece.

**Address: 210-212 Southwark Park Road, London SE16 3RX** **Doors Open 1pm Event starts 6:30pm-10pm** **Player Capacity: 32 players** Are you a seasoned Pokemon player? Or maybe just starting out? Come and join our **Pokemon TCG** Constructed Tournaments at the Brotherhood Games. The evening consists of 3 rounds of Swiss, with prizing distributed to players with a positive record. To participate in the event, alongside your ticket purchase [here](https://www.thebrotherhoodgames.co.uk/pokemon-events), you will be asked to register when you come into the shop and we will put on our system. We will hand out a booster pack for entry to the tournament. If you are unfamiliar, please ask our member of staff upon arrival to the store where a member of staff will be happy to assist. As an added bonus, you will be automatically entered in our Brotherhood League system which runs quarterly. Players will have an opportunity to gain points for attendance and winning games with prizes awarded to the top 16 players on the leaderboard, a special tournament will be held at the end of the league season. Please see terms and conditions for more details. You can visit our [calendar](https://www.thebrotherhoodgames.co.uk/event-calendar#flPtAG) to find out about our other events. And, if you haven't already, please join our Instagram, YouTube and Discord Server for news about upcoming events, announcements, and social interaction with your fellow players!

**Time: 10:00am** **Location: Liverpool Street Station (Outside McDonalds)** **Cost: Pay your own travel (Metropolitan line)** Welcome back everyone!! After a long hiatus we will be running a series of events over the next few months. Join us for an Easter Bank Holiday Photography hike (easy pace) through the beautiful Chilterns (Chess Valley). Highlights include: * Beautiful scenery (Area of Outstanding Natural Beauty) * Bluebell Forest * Panoramic Views * Nature * **Things to bring** Comfy footwear Bottle of water Phone (charged) Camera (charged) Spare Battery Spare Memory Snacks DISCLAIMER: By attending this event you remain responsible for your own personal belongings and safety.

Elixir London Meetup; February 2026 edition. All are welcome. **Session 1: Anton Borisov - Distilling Kafka's Binary Protocol into Elixir** We'll trace a produce request to show what any Kafka client has to get right. In the BEAM ecosystem, erlkaf wraps librdkafka, brod implements the protocol in Erlang, and [kafka_ex](https://hex.pm/packages/kafka_ex) goes pure Elixir. Kafka_ex's approach is to generate serializers at compile time from Kafka's own schema definitions: plain structs, pattern matching, structural boilerplate isolated from the logic you actually think about. That design is what let us jump two major versions ahead and adapt to significant protocol changes. Let's dig into the idea, the code, and the tradeoffs. **Session 2: Evadne Wu** **\- JavaScript Execution Strategies in Elixir\-based Agent Frameworks** We'll look at integration points between elixir agents (in the AI fashion) and JavaScript execution, and all the foot guns involved. *The event is kindly sponsored by* [Fresha](https://www.fresha.com). **Time** Doors open at 18, start at 18.30. **Venue** Fresha The Bower, 207-211, Old St, Tower, London EC1V 9NR **Refreshments** Food and drinks will be provisioned on the day. **IMPORTANT**: **If you wish to take photos and post online during the event, please notify organisers first, so that attendees can opt-out from being in photos.**

PHP London Pub Social – April 9th, Jack Horner, Tottenham Court Road Join us for an informal PHP London pub social at the Jack Horner on Tottenham Court Road! We've got a reserved space from 6:30pm to 8:30pm on Thursday 9th April - a mix of seating and standing with a few tables. This is a relaxed, no-agenda evening — just good conversation with fellow PHP developers over a drink. Whether you're a long-time community regular or coming along for the first time, all are welcome. Places are limited.

Join us at Mayfield Tennis Club for a fun and friendly morning of doubles tennis! All ages and most playing standards are welcome, just ensure that you’re above beginner standard and have played doubles or singles before. We play on our outdoor astroturf courts and you’ll enjoy your game within our relaxed and social atmosphere. Coming on your own? perfect, most people do, we make sure everyone gets paired up in a no stress skill level and you will be rallying and laughing with new friends by the end of the first set. After tennis, you are more than welcome to stay for a drink and a chat in our clubhouse and bar! It’s a great way to meet your fellow tennis players, an opportunity to play regularly and become a part of our wonderful diverse community. We usually have a minimum of 8 club members playing every week, so you’re guaranteed a game. Tennis balls are provided, just bring along your racquet. Need to borrow a racquet? No worries, just drop me a message on the chat and I’ll organise that for you. Look out for the Mayfield Club sign at the entrance of the drive way. **Payment** The two hour session costs £7 per head, for payment please follow the link, join the game and pay: [https://sportas.co.uk/organiser/north-london-social-doubles-tennis-n13/game](https://sportas.co.uk/organiser/north-london-social-doubles-tennis-n13/games). Come for the tennis, stay and socialise with our lovely community here at Mayfield. On the behalf of everyone at our club, we can’t wait to meet you!

April Edition ✨✨! We will be at Kraken Tech (Octopus Energy Group), London office! (in-person only event, no streaming) **Talks:** **Digitising Historical Caving Data with Django** - *Andrew Northall* Building an automated pipeline with Django which can extract, structure and publish 2,700+ historical printed reports from scanned PDF copies. *Andrew Northall* is a Python & Django specialist who maintains several open source Django projects/services for the caving and amateur radio communities. **llms.txt for Django: what works** - *Thibaud Colas* The llms.txt format is an emerging standard to structure information for Large Language Models. It’s a desirable addition to the docs of Python packages. Let’s review how to adopt it! We’ll discuss the fundamentals of the format and its benefits as a user of the docs, and as a maintainer. How to produce and consume those files across different tools (Sphinx, mkdocs, Django). How to optimize them for different LLMs with an eval suite. Tools and techniques you should be able to reuse through other engineering tasks with LLMs. *Thibaud Colas* works at Torchbox as developer, core contributor to the Wagtail CMS build on Django. **Want to share your Django or Python knowledge?** We’d love to feature your talk! Just fill out our [speaker form](https://forms.gle/LkaRdKVTF9ApbrEq7) to propose a talk! **Agenda:** • 6:15pm Doors open, socialising • 6:30pm Food and drinks offered by our sponsor • 7:00pm Doors close \*\* • 7:15pm Introduction, News, Talks • 8:30pm Socialising • 9:30pm Fin **Please make sure to arrive between 6:15 PM and 6:55 PM**. If you arrive earlier than 6:15 PM or later than 6:55 PM, you can take a seat in the seating area located in the downstairs reception. **Please note that we cannot accommodate arrivals after 7:15 PM.** Our meetups are governed by a [Code of Conduct](https://www.djangolondon.com/code-of-conduct/). Please take a few minutes to read it. This meetup is sponsored by: • [Kraken Tech (Octopus Energy Group)](https://kraken.tech/): "Kraken is a revolutionary energy tech platform built with predominantly Python & Django. We Serve 54 million households worldwide and have 38GW of contracted capacity." • [JetBrains](https://www.jetbrains.com/): "We make professional software development a more productive and enjoyable experience." Website: [https://djangolondon.com](https://djangolondon.com/) BlueSky: [@djangolondon.com](https://bsky.app/profile/djangolondon.com) Github: [github.com/djangolondon](https://github.com/djangolondon/) Open Collective: [opencollective.com/the-london-django-meetup-group](https://opencollective.com/the-london-django-meetup-group/)

Hi everyone! If you like to play modern board, card and dice games, and to meet new people, then join us for these online game sessions for as long as you like The host will bring the games (though is open to playing your own if you have them) and will teach you how to play them if you don't know already. All you need is an online computer or tablet with a modern web browser, front-facing camera and microphone. You work late? No worries - you can come along any time. Please write in the comments what time you expect to be available from, so we can try to avoid anyone having to wait alone for long. We are a relaxed and friendly group, made up of both natives and foreigners, of locals and those living further afield, happy to welcome newbies and regulars. Events are free to attend, but if you would like to contribute towards the costs of running of this group, feel free to buy the host(s) a drink of their choice, for which they'd be very grateful. This saves money that can be put towards the Meetup subscription fees and buying the games that we all play. Don't forget to join our group on Facebook for games news, articles, memes, gossip and banter: https://www.facebook.com/groups/Tabletop.Gamers.London.Docklands

**A software engineers guide to LLMs** In this talk Richard Conway will break down what LLMs are layer by layer, how they work, how they use software principles to work and how to use them in software. This will be a fluid talk with a lot of philosophy, maths from school and how to build your software understanding things like hallucinations and new techniques that can make your management of LLMs more deterministic. We'll consider a lot of things here including the new code generation tools which have developers quivering in their boots, what they mean for our industry and how to use them for effect. Lots of mini-demos and great discussions, good people, beer and pizza! **About the speaker** Richard Conway co-founded the user group, along with Andy Cross, Joe Hancock and Chris Parsons. He is a Microsoft AI MVP and a Microsoft Regional Director and has been writing software in one form or another since his fingers were large enough to hit a ZX81 keyboard.

**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**

**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.

**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.

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