Web Design

**Welcome to Networx London!** Calling all graphic designers, digital creatives, and startup founders: join us for an evening of relaxed networking and idea-sharing. Connect with like-minded innovators, creative professionals, brand owners, and investors—no formal pitches, just real conversations. We start at **6:30 PM** with a warm welcome and light icebreakers to get conversations flowing, followed by **open networking all evening**. No formal pitches just real connections, fresh ideas, and meaningful relationships in a friendly, laid-back setting. 👉 **Join us on Luma for deeper connections and connect before the event even starts** [https://luma.com/ntl](https://luma.com/ntl) 📍 **Venue: The Sycamore, Holborn** Located in the heart of London’s vibrant Holborn district, The Sycamore offers a modern and stylish setting with a relaxed, welcoming atmosphere—perfect for networking and socializing after work. Just steps from Holborn station, and easily reachable from Covent Garden, it provides an ideal environment for professionals to connect, share ideas, and enjoy great conversations over drinks. Come join us, grab a drink, and grow your network—one meaningful conversation at a time. 📅 **Event Schedule** **18:30 – 19:00 \| Welcome** Kick off with a warm intro and fun icebreakers to set the tone. **19:00 – 19:30 \| Meet & Greet** Mingle and network in an open, friendly setting. **19:30 – 21:30 \| Informal Networking** Free-flowing, informal networking all evening—no sales, no pressure. Just authentic connections with amazing people. **Why Attend?** 🤝 Connect with designers, digital creatives, startup founders, and professionals across London. 🚀 Discover new collaborators, partners, or clients. 📈 Learn about the latest trends in graphic design, digital creativity, and innovative startup solutions. This event is perfect for anyone seeking to expand their creative network, grow their business, or gain fresh perspectives from a dynamic mix of professionals. 👥 **Who’s coming?** This event is ideal for graphic designers, digital creatives, startup founders, brand owners, marketers, investors, product managers, and anyone curious about the future of design, creativity, and digital innovation. **🎟 Tickets & Entry:** To avoid the venue getting overcrowded and ensure everyone enjoys an amazing night, we've introduced a small ticket price to keep things running smoothly. **Limited spots!** Register today and hit **Follow** for updates on future weekly events. 📸 **Event Photography** Please note that photos and videos may be taken for promotional purposes. **Note**: Proof of ID required for alcoholic beverages. 18+ only. 🔗 \*\*Join our WhatsApp group to connect before and after the event:\*\*👉 [https://chat.whatsapp.com/GisOCaIiMeKEehV5Lv7qxg](https://chat.whatsapp.com/GisOCaIiMeKEehV5Lv7qxg "https://chat.whatsapp.com/GisOCaIiMeKEehV5Lv7qxg")

Looking to brush up on your BSL skills or connect with other learners? Sacred Grounds is hosting a weekly Sign Club every Tuesday from 5-7pm. This casual and informal meetup is perfect for anyone learning BSL, whether you're just starting out or looking to keep your skills sharp. Come along to practice signing, connect with others in the community, and even try ordering your coffee in BSL! There’s no fee to join - all we ask is that if you're able to, you support the coffee shop by purchasing a drink or snack while you're here (please note that outside food and drinks are not permitted). Sacred Grounds is all about creating a warm and inclusive space, so don’t be shy - come sign with us! We look forward to welcoming you.

Registration Portal: [Event Registration Portal](https://luma.com/cclondon26?utm_source=sherif) About Event ​"Why are there no coffeeshops open late? But what if I want to co-work at night?!?" - everyone on Twitter ​Cerebras is excited to present, Cafe Compute. The first, late-night pop-up coffeeshop with a barista bar ☕️, cozy snacks and couches 🛋️, and more. ​​​​​​This event is brought to you in collaboration with OpenAI. ​​Cerebras is the world’s fastest AI inference, up to 15x faster than leading GPUs. Cerebras Inference is powered by our Wafer-Scale Engine (WSE-3) - the world's largest AI chip. Experience the speed for yourself with OpenAI Codex-Spark, powered on Cerebras, and get free compute at cerebras.ai. Location Please register to see the exact location of this event.

Vibe Coding Collective is teaming up with **ElevenLabs** to push the boundaries of sound-first vibe coded apps. For one night, we’re getting full access to their tech to explore what’s possible when vibe coding meets voice and music generation. Whether you want to build a voice-controlled game, an AI storyteller, or a children’s app, this is your playground. Use any tools you like (Lovable, Google AI Studio, v0, Cursor, Replit…) and plug in ElevenLabs' power. 🍻 **Format 🛠️** We’ll be teaming up in small groups (2–3 people). We'll provide a specific "Voice & Vibe" challenge, then it’s heads-down building. The goal is to **vibe, experiment with sound, and see how voice and music changes the way we interact with vibe coding**. ## New to vibe coding or voice tech? ✨ No worries! We’ll provide a special **ElevenLabs Starter Kit** with API recipes and prompt examples so even total beginners can get an AI talking in minutes. ## Schedule 🕒 *(Aim to arrive by 6:50 PM so we can get your API access sorted!)* * 7:00 – ElevenLabs Presentation & Tech Demo * 7:20 – The Challenge + Team Formation 🤝 * 7:30 – Round 1: Build & Hear 💻 * 8:15 – Break (Grab a drink, hear what others are cooking) 🍺 * 8:30 – Round 2: Polish & Play 🏗️ * 9:00 – The "Vibe Check" Demos 📺 (Show/Hear what you built!) * 9:20 – Hang out, network, make friends ✌️ ## Who is it for? Anyone! Curious coders, GameDevs, artists, musicians, sound designers, voice actors, entrepreneurs. If you’ve ever wanted to talk to your computer (and have it talk back), you belong here. ## What to bring: * Laptop! 💻 * Headphones (Essential for testing those voice vibes!) 🎧 * Vibes ⚡ ## Location 📍 London College of Political Technology Newspeak House 133-135 Bethnal Green Road London E2 7DG 👉 No gatekeeping. No silence (this time). Just new voices and friends! Disclaimer: By signing up, you consent to the collection and sharing of your name, email address, photos, videos, and software, unless you explicitly opt out by informing the organizers.

We are a welcoming community of board game designers and playtesters, please join us and bring your games in development for feedback, to play upcoming games, or just to chat about the hobby and industry! We range from first-time designers, hobby designers, published designers, and publishing companies. We meet **every Tuesday** at The Ludoquist board game cafe in Croydon, from 6:30pm-10pm. We try to ensure that as many games can be played in an evening, and prioritise those that haven't been able to test their games recently, although we cannot guarantee that your game will be played in the first session you join. The **final meeting of each month is reserved for playing published games**. We use this time to catch up on games that we want to try or discuss. You can also join our Facebook Group community for feedback and discussion: https://www.facebook.com/groups/playtestuksouthlondon We look forward to seeing you!

**Welcome to Networx London – AI, Product Marketing & Startup Professionals!** Are you a product marketing manager, growth or branding professional, or startup founder looking to harness AI and visual content to scale your business? Join an engaging evening for innovators, leaders, and executives across industries. Whether you’re a CEO, founder, investor, or business professional, this is your space to connect, share insights, and explore practical strategies in **AI-driven product marketing, visual storytelling, growth, and branding**. We start at **6:30 PM** with a warm welcome and light icebreakers to get conversations flowing, followed by **open networking all evening**. No formal pitches just real connections, fresh ideas, and meaningful relationships in a friendly, laid-back setting. 👉 **Join us on Luma for deeper connections and connect before the event even starts** [https://luma.com/ntl](https://luma.com/ntl) 📍 **Venue: The Sycamore, Holborn** Located in the heart of London’s vibrant Holborn district, The Sycamore offers a modern and stylish setting with a relaxed, welcoming atmosphere—perfect for networking and socializing after work. Just steps from Holborn station, and easily reachable from Covent Garden, it provides an ideal environment for professionals to connect, share ideas, and enjoy great conversations over drinks. Come join us, grab a drink, and grow your network—one meaningful conversation at a time. 📅 **Event Schedule** **18:30 – 19:00 \| Welcome** Kick off with a warm intro and fun icebreakers to set the tone. **19:00 – 19:30 \| Meet & Greet** Mingle and network in an open, friendly setting. **19:30 – 21:30 \| Informal Networking** Free-flowing, informal networking all evening—no sales, no pressure. Just authentic connections with amazing people. 💼 **Bring Your Business Cards!** Want people to know what you do? Bring your business cards and share your story. It’s a great way for others to remember you and follow up after the event. 📝 **Have an idea for future events?** We want to hear from you! If there's a specific theme, industry focus, or type of event you’d love to see, let us know. We’ll have a dedicated space with a suggestion sheet where you can write down what you're looking for. Our team will review everything and work step-by-step to make it happen! 💡 **Why Attend?** Connect with product marketing managers, growth and branding professionals, startup founders, and innovators in a dynamic and engaging setting. Exchange insights, discover practical AI and visual content strategies, and meet companies leveraging cutting-edge tools. Get inspired by new ideas, build meaningful connections, and find partners, clients, or investors to scale your projects, business, or startup. **Who Should Attend:** This event is perfect for **CEOs, founders, co-founders, product marketing managers, growth and branding professionals, startup executives, investors, and business leaders** looking to expand their network, gain actionable insights, and collaborate with a diverse mix of innovators and industry leaders leveraging AI and visual content for growth. **🎟 Tickets & Entry:** To avoid the venue getting overcrowded and ensure everyone enjoys an amazing night, we've introduced a small ticket price to keep things running smoothly. **Limited spots!** Register today and hit **Follow** for updates on future weekly events. 📸 **Event Photography** Please note that photos and videos may be taken for promotional purposes. 📸 \*\*Follow us on Instagram for updates and event news:\*\*👉 [@networxldn](https://www.instagram.com/networxldn/ "https://www.instagram.com/networxldn/") 🔗 \*\*Join our WhatsApp group to connect before and after the event:\*\*👉 [https://chat.whatsapp.com/GisOCaIiMeKEehV5Lv7qxg](https://chat.whatsapp.com/GisOCaIiMeKEehV5Lv7qxg "https://chat.whatsapp.com/GisOCaIiMeKEehV5Lv7qxg")

**This House Regrets The Social Stigma on Pornography** **Why Are We Having This Debate?** Porn has been at the heart of social debate for years. With the rise and awareness of porn addiction to the UK government requiring ID verification to access your preffered website the conversation around porn has become increasingly hostile. **BUT** Many sex positive activists have been speaking out against the narrative that porn is inherently bad and that actually, we may have been wrong about porn in the first place and that the stigma driving people to use porn in secret and feel shame for their use of it as the real harm that we are all engaging in by viewing porn as an inherent bad. **So we ask** \- Have we been wrong about porn this whole time? **Articles** **[Porn: Is It Bad For You - Medical News Today](https://www.medicalnewstoday.com/articles/is-porn-bad "https://www.medicalnewstoday.com/articles/is-porn-bad")** **[Pornography Use Among British Adults - PubMed](https://pmc.ncbi.nlm.nih.gov/articles/PMC12011978/ "https://pmc.ncbi.nlm.nih.gov/articles/PMC12011978/")** **[Therapists Report "Out of Control" Porn Use In Men - The Guardian](https://www.theguardian.com/society/2026/jan/03/more-than-half-of-uk-therapists-report-rise-in-out-of-control-porn-use "https://www.theguardian.com/society/2026/jan/03/more-than-half-of-uk-therapists-report-rise-in-out-of-control-porn-use")** **Come Along and Have Your Vote!** **What We Do** 3v3 panel debate where our members explore the strongest arguments for a given topic. A debate should tell the audience what they need to know and not just what the speakers think. If you feel the same way, then we want to meet you. Debate London is the year-round series of free public debates held weekly at venues across the capital. The series is run by Debate London, a social enterprise that helps its members to advance their personal and professional development by teaching them how to debate. All of our speakers are [Debate London members](https://www.debate.london/plans "https://www.debate.london/plans") who have agreed to defend a particular perspective the audience need to hear, rather than just share their own personal opinion. After presenting the point of view assigned to them, the audience are then given the floor to cross-examine them and share their own position. The only time we hear what the speakers really think is at the end of the debate when they tell us where they really stand and whether this changed at all while learning how to defend the perspective assigned to them. **After Debate Social** After all of our debates we have a post debate hang-out. This is a chance for our community to get to know new people, explore new ideas and generally have more fun as a club! Come along and join us for a post-debate social! **Venue** Our venues serve drinks (alcoholic and soft drinks) as well as brilliant food. All can be ordered from the bar **Do not bring external food or drink into our venues you will be asked to throw it away or to finish it outside. - This is a venue rule which we need to follow.**

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.

**Meet likeminded UX professionals and discuss ways to use design to reduce burnout.** ​**The Problem:** With stress and burnout on the rise, how can we use design to help Londoners "switch off" and reconnect with nature? ​For our first **design impact lab** session, we’ll be using the Japanese practice of *Shinrin-yoku* (forest bathing) as a lens to discuss how simple interventions can help us reconnect with nature to reduce stress & burnout. ​**The Flow (Sunday 12th April 10:30 AM - 12:30 PM):** * ​**10:00 \| Coffee & Intros \(WatchHouse\, Hanover\):** We’ll meet for coffee to kick things off. You'll meet other attendees and discuss the problem space. * ​**10:30 \| Observation Walk:** A 15-minute mini fieldwork walk to Hyde Park. You'll observe how the environment changes from a busy urban centre to the park and how this impacts how you feel. * ​**11:00 \| Shinrinyoku & Brainstorming:** Once we find a quiet spot, we’ll dive into the world of *Shinrin-yoku*. We’ll discuss how nature can boost wellbeing and brainstorm "micro-interventions" - simple design ideas (digital or physical) that could encourage more people in London to engage with nature to reduce stress & burnout. * ​**12:00 \| Closing & Optional Lunch:** We'll wrap up our discussions and those who have time can go for a casual lunch or picnic in the park. *** ​**Pre-Event Mission:** ​Your mission is to bring **one photo on your phone** of a natural spot that made you feel good recently. It can be a park, a window box, or even a stubborn weed in the pavement. We’ll share these over coffee to explore the different ways in which nature impacts our day to day experiences. *** ​**The Details:** * ​**Meeting Point:** WatchHouse, Hanover (Oxford Circus). * ​**Capacity:** We’re keeping this to a small group to ensure everyone can connect and contribute. Please ensure your RSVP is up to date and let us know if you're unable to attend. * ​**Vibe:** Friendly and relaxed! No laptops, just notebooks and fresh air. *** ​**Why Join?** ​If you’re a designer or researcher who wants to use your skills for more than just "conversion," come say hi. ​It’s a chance to meet like-minded people, learn about forest bathing and brainstorm design solutions to a universal problem. ​It's also our very first event, and I would love to hear everyone's thoughts and feedback to improve. ​**Who is this for?** ​Our events are for UX designers, researchers and other strategic and creative thinkers who are passionate about using their skills for social good, not just profit. ​**Who is the host?** ​Hi! 👋 I'm Max - a London based design researcher. Until recently I was based in Tokyo, where I ran a small design agency and spent over 10 years as a meetup organizer. I'm exploring ways to bring designers together to use our skills to work on meaningful problems. If that sounds like something you're interested in, I'd love to have you join! \*This event is being advertised on multiple sites, so the actual number of attendees will be different to what appears on meetup.

This a BSL practice group for level 1 students and above. We will be meeting at the national theatre in southbank

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

**Explore AI over dinner at a Michelin-listed London restaurant. Tools, opportunities and real conversation.** Each Meet2Click Curated Conversation dinner centres around a carefully chosen topic or shared interest, designed to spark thoughtful conversation and meaningful connection. **Curious about how AI is changing our lives — and want to explore it in a relaxed dinner setting?** Artificial Intelligence is evolving rapidly. New tools, ideas, and breakthroughs are reshaping how we work, create, and think. Instead of abstract debate, this evening is about sharing what we’re discovering in real life. Two days before the dinner, guests will receive a short, accessible overview of interesting AI tools — simply to spark ideas. At the table, we’ll explore: • What AI tools have you tried recently? • What discovery or breakthrough impressed you most? • Where do you see the greatest opportunities emerging? No technical background required. **Launch Season Benefit** During our initial Meet2Click dinners, guests will enjoy **up to 50% off food** at the restaurant. This introductory benefit is available for a limited launch period. Food and drinks are paid individually, directly with the restaurant. **Details** Location: restaurant Bala Baya, Arch 25, Old Union Yard Arches 229, Union Street, London SE1 Date: 8 April 2026, 19.00h **Ticket price:** £15 per person *(includes your seat and contribution to the evening — food and drinks ordered and paid individually at the restaurant)* Seats are intentionally limited to encourage meaningful conversation and genuine connection. Just an open, relaxed exchange of ideas over dinner.

To register for the event ,please click here [https://www.eventbrite.com/e/london-muslim-marriage-event-in-person-tickets-664811588357?aff=meetup ](https://www.eventbrite.com/e/london-muslim-marriage-event-in-person-tickets-664811588357?aff=meetup) Meeting a suitable spouse has become a challenge with our busy lives and the lack of opportunities around us. Come and engage with single Muslims by being introduced to them through fun halal initiatives. Join us for some fun and engaging discussion. Whatever your marital status - there is going to be some open discussion around marriage and relationships, which we hope will change your life and perceptions. The event be will have a mix of group activities and one-on-one conversations. Interested Muslim men and women between the ages of 25- 40 are invited to attend matrimonial event for Muslim singles to find a suitable spouse! \*The attendees will use the Right App's In-person event to connect with others after the event .Right App is a leading platform for online and In-person muslim matrimonial and networking events.Right App is available for download at https://www.therightapp.com/rightapp *Please note, you may be photographed or video recorded during the event .By joining the event , you consent to interview(s), photography, audio recording, video recording and permission to use the material for advertising or other purposes.* Please email us at contact@therightapp.com for any specific queries **FAQs:** **Meeting Location?** The meeting location will be shared only with the registered participants few days before the event **Tell me more about the organizer?** Right App is the largest organizer of online muslim matrimonial events hosting more than 100 events annually. **Can I Volunteer?** Yes please email us Instagram: [https://www.instagram.com/right_app/](https://www.instagram.com/1umatch/) To register for the event ,please click here [https://www.eventbrite.com/e/london-muslim-marriage-event-in-person-tickets-664811588357?aff=meetup ](https://www.eventbrite.com/e/london-muslim-marriage-event-in-person-tickets-664811588357?aff=meetup)

Weekly cycling club open to members of that club only. Membership enquiries to creativewellnesswon@outlook.com

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

**TBA**

We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!

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

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

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

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