Web Standards

Come as you are to this calming, heart-centered yoga class that brings you back to your breath, your body, and your inner stillness. A space to unwind, stretch, and re-center - whether you're brand new to yoga or returning to your mat. The studio is warm and infused with good energy vibes. I look forward to your visit. First class is a trial and costs 20chf, after this class you can pay for a single class at 35chf or sign up for a 10er Abo for 4 months at 280chf or 6 months at 320chf.

English below. Der Klang des Gongs erzeugt eine kraftvolle Welle, die durch den ganzen Körper fliesst, berührt jede Zelle, jeden Gedanken und jedes Gefühl, klärt, harmonisiert und führt zu tiefer Entspannung. Der Gong führt dich genau dorthin, wo deine Seele sein möchte. 💫 Mögliche Wirkungen der Klangtherapie: • Tiefe Entspannung • Befreiung von Anspannung • Abbau von Stress und Ängsten • Verbesserter Schlaf und erhöhte Konzentration • Regeneration des Nerven- und Hormonsystems • Emotionales und energetisches Gleichgewicht • Auflösung unbewusster Muster und Ängste • Verbesserung der Durchblutung und der Beweglichkeit, Entspannung der Muskeln 🎵 Klangtherapie ist eine uralte, spirituelle Methode der Heilung, Verjüngung und Transformation. Heute ist sie eine der natürlichsten Methoden, um mit sich selbst und seiner Lebensenergie in Verbindung zu treten. 💖 Kommen Sie und teilen Sie diese Erfahrung – lassen Sie uns gemeinsam in den Raum des Klangs eintauchen, wo sich der Körper entspannt, der Geist Frieden findet und das Herz sich daran erinnert, was Liebe ist. Anmeldung hier oder online www.om-center.ch Bezahlung vor Ort per Twint, Karte oder Cash \-\-\-\- ENGLISH \-\-\-\- The sound of the gong creates a powerful wave that flows through the entire body, touching every cell, every thought, and every feeling, clearing, harmonizing, and leading to deep relaxation. The gong takes you exactly where your soul wants to be. 💫 Possible effects of sound therapy: • Deep relaxation • Release of tension • Reduction of stress and anxiety • Improved sleep and increased concentration • Regeneration of the nervous and endocrine systems • Emotional and energetic balance • Dissolution of unconscious patterns and fears • Improved circulation and mobility, relaxation of muscles 🎵 Sound therapy is an ancient, spiritual method of healing, rejuvenation, and transformation. Today, it is one of the most natural ways to connect with yourself and your life energy. 💖 Come and share this experience—let's dive into the space of sound together, where the body relaxes, the mind finds peace, and the heart remembers what love is. Register here or online at www.om-center.ch Payment on site via Twint, credit card, or cash

**What this is** A calm afterwork salon for long-view investors. Quick macro, three names worth real homework, and a frameworks roundtable to sharpen your thesis. Bring one Ticker that is worth highlighting. **Where** Motel One Zurich, bar area. Head to the bar and ask for Financial Network Zurich. **When** Mondays, 19:00 to 22:00 19:00 welcome and connections 19:30 macro group analysis 20:00 three tickers in focus (tech and fundamental analysis in group) 21:00 open networking until 22:00 **How we roll** Signal over noise. Evidence over anecdotes. Respect for risk. **Bring** Notebook or laptop helpful. Curiosity required. **Food and drinks** Order food and drinks with the waitresses whenever you like. **LINKS** Community Owner’s Direct (All Infos & Questions): Alessandro +41 76 279 32 84 WhatsApp Group: https://chat.whatsapp.com/DCSSmdHj7xr6F39ZAAWubX Financial Network Zurich: https://www.meetup.com/entrepreneurs-focus-and-network-workshop/ Founder’s Links (Alessandro): https://linktr.ee/alessandronfthyme

I'm really excited to announce our next Meet Up event. It will take place at Core studio in Rennweg Rennweg 12, 8001 Zurich. Designed to strengthen, release and stretch muscle tensions, conditioning your body by increasing your range of motion and flexibility as well as overcoming back pain; improving your posture and circulation so you can exercise more efficiently, whilst keeping your body injury free. The class is structured as a workout & stretch combination. Open to all levels. You will need to bring a smile, some water and wear comfortable exercise cloths. The class will be 60 minutes which should be more than enough to get those muscles warmed up and you posturised ready for the next session. There's a small cost to cover the venue and facilities - CHF 40.- For more details about the training provider please see: https://www.balletbodysculpture.com/ballet-body-sculpture-classes-in-zurich

Всем привет! This meetup is for those who learns or learned Russian and are looking for a group to practice it. I am a Russian language teacher and will help you during this event. The event repeats twice a month. There is a small fee of 5 CHF for the event. We will play word or board games, read poems, guess what a proverb or an idiom means and I might come up with other activities. If you have any suggestions let me know. The level of speaking should be B1 or higher. We will meet in the restaurant&bar of the Ibis Styles Hotel not far from Zurich HB. See you there! До скорого!

Anybody who wants to practice their programming skills is welcome. We share our ideas, learn from each other, do some exercise, ask questions, etc. This meetup is the best for those who want to improve their skills by programming and learning in a group If you want to learn more about our Co-Learning, please have a look at our website: [https://opentechschool-zurich.github.io/](https://opentechschool-zurich.github.io/) \*\*\* We have a chat group you can join to get more information: [https://app.element.io/#/room/#ots-zh:matrix.org](https://app.element.io/#/room/#ots-zh:matrix.org) (You need to create a free account if you don't already have one) Remote participants are also welcome. You first need to join the Element chat and then get into the video call that we start at around 19:00 (if we forget, pleas ping us in the Element chat!) \*\*\* Our main languages are Python and Javascript, but we welcome every programming languages. Some of the skills we can help you learning: * Python and * ... PyGame (Zero / Play) -.... Flask * ... Jupyter and data science -... PySide2 / PyQt * ... Shoebot * C++ and * ... Qt * ... cmake * ... and modern C++ * Flutter for Apps * PHP and * ... Vue.js * ... Wordpress * JS and React.js We have a few Github repository that can be interesting to browse:: https://github.com/opentechschool-zurich/

**Alle Infos zum Event in Bern / All information about the event in Bern:** **https://www.meetup.com/iota-bern/** Wir sind der grösste IOTA stammtisch der Schweiz und sind damit auch einer der grössten regelmässigen Altcoin meetups . **Der offizielle IOTA Bern Stammtisch findet immer am 2. Freitag des Monats um 18:00Uhr statt.** Der IOTA Bern Stammtisch wurde ins Leben gerufen, damit sich die IOTA / Krypto Community regelmäßig treffen kann, um über aktuellen Entwicklungen zu diskutieren und philosophieren. Auch wenn du noch nicht viel über Kryptos und IOTA weisst, bist du bei uns herzlich willkommen! Lerne mehr über IOTA & Kryptos indem du dich bei einem kalten Bier und/oder einem guten Essen mit Krypto-Ethusiasten, Trader & Investoren, Entwicklern und Unternehmern austauschst. ####################### ENGLISH ####################### We are the largest "IOTA stammtisch" in Switzerland and are also one of the largest regular Altcoin meetups. **The official "IOTA Bern Stammtisch" always takes place on the 2nd Friday of the month at 18:00 CEST.** The "IOTA Bern Stammtisch" was created so that the IOTA / crypto community can meet regularly to discuss and philosophize about current developments. Even if you don't know much about cryptos and IOTA yet, you are welcome to join us! Learn more about IOTA & cryptos by exchanging ideas with crypto enthusiasts, traders & investors, developers, and entrepreneurs over a cold beer and/or a good meal.

The **Digitec Galaxus Product Development Meet-Up** is back — this time diving into **recommender systems** with two talks bridging data science and engineering practice. **Talk 1: Insights from Building and Operating a Recommender System for Migros Supermarkets** *Max Nolte – Data Scientist & Team Lead at Supermarkt IT, Migros-Genossenschafts-Bund* When you think of a Migros supermarket, you don't usually think about recommender systems. Over the past four years, my team and I have built and operated the engine behind personalized Cumulus coupons and a few other digital touchpoints. I'll share how it works, why we invest in it at a brick‑and‑mortar retailer, and what we've learned, covering data, models, measurement, and the practical realities of running it day to day. **Talk 2: Recommendations at Digitec Galaxus — From Data Science to Engineering Practice** *Michael Weiss, Senior Software Engineer & Robert Rosenbach, Senior Data Scientist – Digitec Galaxus* How do you go from a promising model to a recommender system that is fast, scalable, and maintainable in production? We will walk through the Digitec Galaxus recommendation stack end to end: the engineering architecture that keeps recommendations snappy and reliable, and the data-science side of model training — what to optimize for, which input signals matter, and the trade-offs involved in both. The two presentations will take roughly a combined hour, leaving plenty of time for discussions, questions, and exchange afterwards over drinks and snacks. Whether you come from a software engineering, data science, product, or any other background — we'd love to have you join us!

**Got something you’re designing, experimenting with - or just looking to chat with other creatives?** **Then you’re invited to join us at sphères.** 🙂 We meet monthly to chat and connect in a relaxed, friendly setting. It’s a chance to meet new people, talk about what you’re working on, and be part of Zürich’s creative community - surrounded by like-minded people who just get it. PS: RSVPs are coming in from multiple platforms, which means the total number of sign-ups is likely higher than what you see here. 🥂 **Why swing by?** * Find new collaborators, clients, employers and friends * Swap ideas, get feedback, and share experiences * Meet in a cozy after-work drinks atmosphere * Join creatives from various fields and ages. 📍 **Where?** [sphères](https://share.google/iOZR7HY6DqyLDm2Kj), next to the Limmat river. \> Hardturmstrasse 66\, 8005 Zürich (Tram-Station Förrlibuckstrasse) ⏰ **When?** Every second Thursday of the month, starting at 6 PM / 18:00 Uhr 🔗 **Discord link** Get event reminders and connect with other members on Discord: ➡️ [discord.gg/PAyRBDhKkk](discord.gg/PAyRBDhKkk) —— **Who’s Visual Fields?** Visual Fields is a network of designers and creatives built for people to connect, support, and share with fellow experts. We have upcoming events in Zürich, Basel, and Luzern. [Check out upcoming events](https://www.visualfields.ch/) —— **Event policies** We have zero tolerance for discrimination or harassment. Be mindful not to make assumptions about gender, sexual orientation, or identity. Always ask for consent - for physical contact and work critique - and treat everyone and the space with respect. [All policies](https://experienc.es/policies) **Fine print (the friendly kind)** By joining, you agree that photos or videos taken at the event may be used by Visual Fields for promotional and communication purposes. See you soon!! 🤩

Sundays, 2pm-3pm. Trial class: CHF 20 Drop-in: CHF 35 Book here: www.balancewithale.com/zurich/handstand "I'll never be able to handstand". You kick at the wall but see no progress. Your wrists hurt. You don't know how to improve... It doesn't have to be this way. Progress doesn't come from trying harder — it comes from practicing smarter. Handstands are a skill, and when you train them as such, they begin to click in a way that feels almost magical. This class builds the foundations (strength, alignment and technique) that make handstands feel achievable and fun. Through clear progressions and personalized drills, you'll discover how capable your body truly is, and how handstands start to feel within reach when you train with intention and support. Because drills are tailored to you, the class welcomes all levels — from "I've never kicked up before" to confident freestanding balancers who want to develop greater control.

A decade. Hundreds of conversations, ideas, and inspirations. And we're celebrating with a meetup that truly delivers. Three exceptional speakers, topics that matter, and plenty of room for what has made this meetup special for 10 years: real people, real conversations, real networking. **The Evening at a Glance** 17:30 Doors open, first drinks, familiar faces and new ones 18:00 Welcome and a brief look back at 10 years of DevOps Meetup Zurich 18:15–18:45 **Claws in the Dark: Bringing DevSecOps to Legacy Hardware with Robotics and Playwright** by Alexander Friesen 18:45–19:15 **Beyond Agile: Structuring Organizations for Real Autonomy** by Lea Düker 19:15–19:25 Short break 19:25–19:55 **From Bottlenecks to Flow: OKRs, Value Stream Management, and Governance Done Right** by Vasileios Konofaos 19:55–20:15 Panel discussion with all three speakers 20:15 Networking, Open Space, snacks, drinks, and anniversary cake 🎂 **Claws in the Dark: Bringing DevSecOps to Legacy Hardware with Robotics and Playwright** What do you do when your software’s "deployment target" is a piece of security hardware embedded in a concrete wall for 20 years? In the world of access control, we don't have the luxury of "move fast and break things"—if the integration fails, the door stays locked. For decades, hardware development at Primion relied on manual bit-shifting, incomplete specifications, and the "read, write, and pray" method. When the pandemic decentralized our R&D department—scattering 60 developers across Europe—the traditional model of physical bench testing collapsed. We couldn't send a lab to everyone’s home, so we brought the developers to the lab through robotics. In this session, we deep-dive into how we bridged the physical-digital divide by building a fully automated hardware-in-the-loop (HIL) testing farm. We will explore: * The Architecture: How we orchestrate GitLab CI, Azure ephemeral environments, and Playwright to drive physical interactions. * The Hardware Hack: How a 200 CHF robotic claw replaced manual testing, allowing developers to "touch" hardware from anywhere in the world. * The Shift-Left Strategy: Moving from "praying for compatibility" to robust integration testing that catches bit-level errors before they ever hit the factory floor. * Scaling on a Budget: How a single working student scaled our setup to 20+ (and rising) automated test cells. Join us to see how "claws moving in the dark" turned hardware debugging from a nightmare into a breeze, and learn how to apply DevSecOps principles to the most stubborn, physical environments. **Alexander Friesen** Aexander is a **Lead IT Architect** with over a decade of experience in software architecture and technical leadership. He specializes in building and scaling modern ecosystems for major enterprises like **Swisscard** and **Siemens**. DevOps & Platform Engineering Highlights * **Platform Leadership:** Directed technical strategy for Siemens’ IoT flagship "BuildingX" and managed multi-million dollar budgets for large-scale SAFe trains. * **Automation & Compliance:** Expert in **DevSecOps**, achieving ISO27000 compliance through automated CI/CD pipelines and security scanning. * **Efficiency Gains:** Improved software team productivity by **30%** through the implementation of AI Ops and Internal Developer Platforms. * **Cloud Native Stack:** Certified **AWS Architect** with deep expertise in Kubernetes, Terraform, Serverless, and **Data Mesh** architectures. * **Global Teams:** Proven track record of leading cross-functional engineering teams across Switzerland, Germany, the USA, and India. **Beyond Agile: Structuring Organizations for Real Autonomy** Many organizations invest in agile methods, DevOps, and new technologies, and yet the desired impact on collaboration, accountability, and decision-making often fails to materialize. A key lever for change lies in how organizations are structured. This talk provides an introduction to Holacracy as a model for radical self-organization and places it within the broader landscape of organizational development. It explains what defines Holacracy, the principles behind it, and the problems it aims to address. The focus, however, is not solely on the organizational model. The talk also presents concrete tools and practices of self-organization, such as clear role definitions, structured decision-making processes, and transparent governance, that can be applied regardless of the organizational structure in place. **Lea Düker** * Since 2024: IT Project Manager and Scrum Master at digital agency Unic AG * 2021–2024: Project Manager and Deputy Head of IT at the Building Department of the City of Zurich * 2018–2021: Consultant for Process Management at Join GmbH * 2016–2018: Master's degree in Business Management with a specialization in Process Management **From Bottlenecks to Flow: OKRs, Value Stream Management, and Governance Done Right** In our session, we'll be delving into the advanced flow engineering practices we've implemented at KPMG CH for our Cloud Platform. These methods have truly transformed how we deliver outcomes—faster, safer, and with an even greater level of satisfaction. During the session, we'll take a closer look at how we leverage OKRs to align teams and drive strategic goals, and how Value Stream Management helps us optimize workflow and eliminate bottlenecks. Our robust Governance model will also be discussed, highlighting how we maintain compliance without sacrificing agility. Beyond sharing the technical details, we'll reflect on the lessons learned and valuable insights we've gained throughout our journey. Our goal is to provide actionable takeaways that will benefit the DevOps community and inspire organizations seeking to enhance their delivery pipelines and nurture a culture of continuous improvement. **Vasileios Konofaos** Head of Business Services CH Group Digital Vasileios Konofaos is a seasoned technology leader with more than 20 years of experience driving large‑scale software engineering, cloud infrastructure, and digital transformation initiatives. As Director of Business Services CH Group Digital at KPMG Switzerland, he leads high‑impact programs that advance innovation, operational excellence, and AI‑enabled capabilities across the organization. His career spans senior roles in global financial institutions and consulting firms, where he has successfully delivered complex projects in software development, automation, DevOps, and machine learning. Certified in Azure, ITIL, PMP, PRINCE2, and Scrum, Vasileios is recognized for his strategic mindset, strong leadership, and ability to empower teams to achieve exceptional results. He brings deep expertise in systems analysis, project delivery, and process improvement, consistently enabling organizations to scale technology solutions with quality and precision. Many thanks to our **sponsors**: * Catering and Location Sponsor: **KPMG** https://kpmg.com/

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