Web Design

Easter Monday carries a different kind of energy — somewhere between a long weekend, a fresh start, and the feeling that spring is finally here. This Social Butterfly Club Meetup brings that energy into a relaxed Monday evening. A space to connect, share conversations, and start the week with a bit more lightness and curiosity. 🌷 There might be a few small Easter surprises hidden around — nothing too serious, just a playful excuse to look around, smile, and maybe start a conversation with someone new. 🐣 Whether you’ve spent the weekend with people, by yourself, or somewhere in between — this is a chance to step back into the city and connect. ✨ Suggested Ice Breaker Question: “What has been a highlight of your long weekend?” Orga This meetup is donation based. Your contribution helps keep this community alive and is highly appreciated. You can either contribute in cash or via Buy me a Coffee: [https://buymeacoffee.com/butterflyradar](https://buymeacoffee.com/butterflyradar) Questions? Check our Meetup-FAQs: [https://socialbutterfly.berlin/meetup-faq/](https://socialbutterfly.berlin/meetup-faq/) Meet your host I’m Julia — a Berlin local who loves bringing people together. My path went from growing up in a dance school to studying philosophy to working in IT support, and somehow all of that led me here: hosting meetups and creating spaces where people can show up, relax, and connect. Insta [https://www.instagram.com/juwaberlin/](https://www.instagram.com/juwaberlin/) LinkedIn [https://www.linkedin.com/in/julia-waehnert/](https://www.linkedin.com/in/julia-waehnert/) About The Social Butterfly Club 🦋 is a Berlin-based community that has been bringing people together for over three years. Each gathering is part of a larger framework designed to help friendships grow through shared experiences in the city — with a long-term vision of turning Berlin itself into a shared, playful experience. Love the vibe? There’s a whole community waiting for you. 🦋 Join the Social Butterfly Club and experience Berlin together Join our Telegram Group: [https://t.me/+OnASVWZ7emhjYzEy](https://t.me/+OnASVWZ7emhjYzEy) Subscribe to our weekly newsletter: [https://socialbutterflyradar.substack.com/](https://socialbutterflyradar.substack.com/) 🌸 Support us with a monthly membership: Become a Founding Flutterer for 14.95€/month and help the Social Butterfly Club grow. Your support keeps the project alive and helps us continue creating spaces where people in Berlin can meet and connect. [https://steady.page/en/social-butterfly-club/](https://steady.page/en/social-butterfly-club/)

**👋 Hello Strangers! —** For all players and chess-curious folks out there who want to chill, make friends, and enjoy some chess: We are hosting a daily meetup in Mitte / Prenzlauerberg for all experience levels. It doesn't matter if you just watched the Queen's Gambit or if you have been playing regularly for a while. **Join us** — Daily from 7 pm till midnight. **Expected Behavior** — [Conduct](https://strangerchess.com/conduct/) **Pics** · [Instagram](https://www.instagram.com/strangerchess/) / **Chat** · [Telegram](https://t.me/strangerchess) / **Web** · [Strangerchess.com](https://strangerchess.com/) (No need to bring anything, boards, clocks, etc. are provided)

**Standup with 3 experienced comedians and then brand new jokes workshopped as a panel with your input.** Like a live writers’ room! Like Pimp My Ride but with jokes? Pimp our jokes into bangers or watch them get dumped at the scrapyard. **Strap in for a wildly funny ride with Berlin legends, rising stars and touring pros every Monday at Suess war gestern totally in English** Doors 8:00pm **Show 8:30pm – 9:30pm (60 min show no break)** Please prepurchase your tickets to reserve your seats **Tickets 10€ + booking fee via** **[https://www.annaberos.com/berlin ](https://www.annaberos.com/berlin)**or via **[https://pimpmyjokes2026.eventbrite.de](https://pimpmyjokes2026.eventbrite.de)** **Remaining seats may be available at the door 12€ cash or card** produced and usually hosted by **ANNA BEROS (AUS)** Anna’s a Kiwi born, Melbourne raised, Berlin based full-time independent standup comedian, YouTube host, podcaster and producer. She celebrates life’s struggles with incisive standup and playful audience interaction. Her new standup solo, High Hoe enjoyed a successful full run at the Edinburgh Fringe 2025 and her previous solos, Creampie Curious and Creampie Clarity played at numerous comedy festivals through the UK and Australia in 2023 and 2024. She tours Europe and produces and hosts 5 weekly shows in Berlin. In 2025, she opened for Jeff Arcuri at Admiralspalast, in 2024 for April Macie on US army bases in Germany and for Ian Fidance in Berlin in 2019. She hosts the comedy channel, Ersties Nonsense, has the podcast Adults ONLY Comedy Berlin and has written for Comedy Central DE. **[https://www.instagram.com/afberos/](https://www.instagram.com/afberos/)** **LINEUP on IG stories** @adultsonlycomedyberlin **https://www.instagram.com/adultsonlycomedyberlin/** GUEST COMEDIANS: Local and touring comedians with solid years in the game or hard-working promising new blood who host regular shows and/or are performing solo

Du möchtest endlich die\*den Richtige\*n für dich in Berlin finden? Berlins großes Gay Speed Dating bietet dir die Möglichkeit, andere Gay Singles aus deiner Umgebung kennenzulernen! Ein Abend, eine Bar – und bis zu 15 einzigartige Dates. Altersgruppe: 20 - 35 Jahre Anmeldung zum Event: [https://speeddating-xxl.de/gay/gay-dating-berlin](https://speeddating-xxl.de/gay/gay-dating-berlin) **Achtung: Zur Teilnahme ist eine vorherige Anmeldung auf der Website notwendig!**

-DROP IN - *(English below)* **Lindy Hop \| Swing Dance** Klassen (fast jeden Montag) 18:15 Uhr Starter 19:30 Uhr Improver / Refresher Für mehr Informationen & Kosten, bitte hier schauen: **[SWING PATROL PANKE](https://www.swingpatrolberlin.com/sp-panke.html)** \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- Classes (almost) every Monday 18:15 Starter 19:30 Improver / Refresher For more information & cost, please look here: **[SWING PATROL PANKE](https://www.swingpatrolberlin.com/sp-panke.html)**

## **DNA. presents "ARTISTS MEET UP & JAM SESSION"** ##### **‍**\- a Free & Creative Space for Artists of all kinds to Connect\, Share & Grow\. Together\. ‍ In this space, it's all about community, creativity & collaboration. Whether You're a storyteller, musician, poet, dancer, or visual artist, this space welcomes every form of expression. ‍ > Every respectful person is invited to join. ‍ We talk, we drink, we laugh, we get to know each other & we share our Stories. ‍ **WHEN:**‍ Every Monday 7 - 11 pm ‍ **LINE UP:** DOORS & MEET UP: 7 pm MEET & GREET: 7 - 8 pm JAM SESSION: 8 - 11 pm ATELIER FLOOR (HOUSE MUSIC): 9 - 11 pm + ‍ **SET UP:** for the Jam Session... there is a full band set up available ‍ **WHERE:** [DNA. ART HOUSE](https://maps.app.goo.gl/4XrC8gTPtdDGb3oB6) Wrangelstraße 25 10997 Berlin ‍ ##### **TICKETS:** Box Office: Free for DNA. Members\* / 5e regular (Daily Membership\*\*) **+ FREE ENTRY & FREE DRINK** for Every Artist joining the Jam Session **SIGN UP:** No signup needed – just come over & be part of our Creative Community. For more info see: [www.dna-artclub.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.dna-artclub.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1726165890491369%26amp;usg%3DAOvVaw0tJ9La9WXHWzLDW3XsmuEZ&sa=D&source=docs&ust=1726165890529967&usg=AOvVaw2auoUIdwYdu4PnO3_kfvNh) / follow us on IG: [@nightart.club](https://www.instagram.com/nightart.club) :) See Us Soon. Love. DNA. **_____________________________** **\*Members of Dair Night Art e.V. and Subscribers of DNA. Art GbR.** **\*\*By entering the DNA. ART HOUSE, You agree to comply with the [Hausordnung of Dair Night Art e.V.](https://dairnight.com/hausordnung) and [Geschäftsordnung of Dair Night Art e.V.](https://dairnight.com/geschaftsordnung) Please ensure You review these documents thoroughly in advance.** **\*\*\*NOTE: By purchasing a ticket for this event, you grant us permission to integrate your contact data into our Database. This allows us to securely save and utilize your contact information to keep you updated about event details, relevant communications and future events. Your privacy and data security are important to us, and we assure you that your information will be handled with the utmost care and in accordance with our privacy policy = see [https://www.dna-artclub.com/privacy-policy.](https://www.dna-artclub.com/privacy-policy.)** **Thank You for Your understanding and support.**

Bachata (the dance of our generation) is a social couple dance like Salsa - no choreography. The community in Berlin is active daily - you will meet a lot of open-minded people and make new friends quickly! Every Monday we have Bachata dance classes in Berlin - we are usually a group of around 20 people (95% beginners): 🕖 19:00 - class: Technique for Beginners+ (0-1+ years experience) • No partner needed (we switch). • You can start from zero in any of these classes! 📍 Adress: Klosterstraße 44 ([Google Maps Link](https://maps.app.goo.gl/5VGEqaVSy9xBCoHv9)) - near S+U Alexanderplatz • Entry: Entrance A, code: 5928# - 5th floor (500). • Price: 12€ per class. ✅ Dance teacher contact: [WhatsApp-group](https://chat.whatsapp.com/IWKPsid0cBDAUHCWKZNL2B) / [Instagram](https://instagram.com/mahir.bachata.berlin) 🇩🇪: Bachata (der Tanz unserer Generation) ist ein sozialer Paartanz wie Salsa - keine Choreographie. Die Bachata-Szene in Berlin ist groß und täglich aktiv - du wirst schnell viele offene Leute kennenlernen und neue Freundschaften schließen! Jeden Montag findet dieser Bachata Tanzkurs statt - wir sind meistens eine Gruppe von 20 Leuten (95% Anfänger): 🕖 19 Uhr - Kurs: Technik für Anfänger+ (0-1+ Jahre Erfahrung) • Kein Partner nötig (wir wechseln). • Du kannst in diesen Kursen jederzeit von null starten! 📍 Adresse: Klosterstraße 44 ([Google Maps Link](https://maps.app.goo.gl/5VGEqaVSy9xBCoHv9)) - Nähe S+U Alexanderplatz • Zugang: Eingang A, Code: 5928# - drinnen Knopf drücken links an der Tür. 5. Etage (500). • Preis: 12€ je Kurs. ✅ Tanzlehrer Kontakt: [WhatsApp-Gruppe](https://chat.whatsapp.com/IWKPsid0cBDAUHCWKZNL2B) / [Instagram](https://instagram.com/mahir.bachata.berlin) Schreib uns gerne eine Nachricht, wenn du offene Fragen hast! Wir freuen uns auf dich ❤

It's all about getting to know new people from your favorite industry. So if you are interested in Motion Design, 2D or 3D Animation, CGI, Illustration or any related field, feel free to join us. Grab a beer in a relaxed atmosphere, have a nice chat about key frames or discuss your next project! Beginner or expert – wir freuen uns auf dich!

In this hands-on session, we’ll use AI prompts to conceptualize and outline a complete website structure: front-end, admin panel, and back-end. Together, we’ll explore how to draft feature layouts, functionality specs, and architecture ideas, all driven by effective prompting. This event will focus on practical AI-assisted planning—not relying on pre-built platforms. You’ll leave with a clearer prompt-based framework for your next web project.

Back in August, we explored how Design Thinking can help us uncover and validate the right problems. But even when we agree on what to build, things often go wrong, not because of bad solutions, but because we don’t fully understand what the problem actually means in practice. In this session, we’ll build on that idea and focus on the next step: turning vague ideas into something concrete, shared, and testable. Using Example Mapping - a lightweight technique from Behaviour-Driven Development (BDD) - we’ll work in small groups to: * Break down a feature into rules, examples, and questions * Surface hidden assumptions and edge cases * Align on what the behaviour of a system should actually look like If the previous session was about finding the right problem, this one is about understanding it well enough to build it right. This is a hands-on workshop. Be prepared to participate fully and add to the energy of the room. Looking forward to seeing you there!

OBS! Normally these events take place on the FIRST THURSDAY OF THE MONTH, however due to Easter we will be hosting it on the SECOND THURSDAY of the month this time. **Meaning, the event will be on the 9th of April instead of the 2nd.** Nico Caramella breaks down the strategy of placing sponsored "best X" articles on high-authority third-party publishers. Join us on April 9th, for an exciting and highly relevant session! For anyone looking to expand their knowledge on how to get noticed and build their presence in AI-recommendations , this will be an important one to attend. The session will be held at the **Buzzmatic Office, Schönhauser Allee 149**, from **9:30 to 11:00**. Enjoy **free attendance,** some lovely **breakfast** and great conversation! Nicolas Caramella, CEO and Founder of [GetCited.de](http://getcited.de/ "http://getcited.de/"), will come to the Buzzmatic office and do a session on How "Best X" Advertorials Get Your Brand Recommended by AI. *Nearly half of every AI answer about software, products, or services traces back to one content format: "Best X comparison listicles". In this session, Nico breaks down the strategy of placing sponsored "best X" articles on high-authority third-party publishers to systematically build brand presence in AI-generated recommendations. Whether you do this for clients or want to understand the emerging discipline of AI visibility, this talk gives you the framework and the data.* In May we will be welcoming Andrés Tapia as our next external speaker, to do some deepdives on related topics. We will be posting more about this soon, so stay tuned! Bring yourself, a good mood and any thoughts or questions you have on the subject. We look forward to seeing you there and hearing your thoughts! You can also find our events on Eventbrite: https://www.eventbrite.com/e/how-best-x-advertorials-get-your-brand-recommended-by-ai-tickets-1984757470021

As the title suggests, this is a **casual get-together** for the **[Tech in Berlin](https://www.techinberlin.com/)**[ ](https://www.techinberlin.com/)community — no talks, no slides, no agenda. Just conversations and connections with people who are building, learning, or curious about tech. Whether you're a founder, developer, product manager, designer, student, or just exploring the tech space in Berlin, you’re welcome to join. **What to expect:** * Relaxed, informal atmosphere * Opportunity to **make new connections** * Space to **vibe code together** (the café has great Wi-Fi) * Share what you’re working on and **get feedback or fresh perspectives** * Open conversations about tech, startups, ideas, or anything in between **No agenda. No pitches. No expectations.** Just show up, grab a drink, open your laptop (if you want). If you’re new to Berlin, new to tech, or just want to expand your circle — this is a good place to start.

🚀 Workshops: The Human-Digital Synthesis **Kultur\-Technik 2026 \| Women in Big Data Berlin** AI is no longer a future concept—it is already reshaping how we work, create, and make decisions. The real question is: **how do we use it intelligently?** *Kultur-Technik 2026:* *The Human–Digital Synthesis* draws from the European idea that technology is an extension of human culture. In this interactive session, we bring together the Women in Big Data Berlin community to explore how humans and AI will collaborate, build, and evolve together. This is not a passive event— it’s a space to **learn, discuss, and create together.** The event is hosted by **Ojin AixHaus.** Ojin AixHaus is the new, collaborative community space in Berlin Mitte, where scientists, machine learning engineers, founders, creators, and AI enthusiasts come together to build and learn about the future of AI. Ojin AixHaus is free to join, open for startups in residency applications and is currently curating their 2026 events calendar. If you have a burning idea for an event, meetup or hackathon - bring your fire, they bring the space! **💡 Event Details 💡** **1\. Choose and Participate Your Workshop \(60 mins\)** Participants will get to choose and join one of two parallel tracks onsite, and co-create a “chapter” for the final showcase. 🧠 **TECH TRACK: Collective Intelligence & AI in Companies** Facilitator: Dr. Katarzyna Stoltmann Co\-Founder\, Women in Big Data Berlin \| Head of Data Science & AI How do companies truly get the best out of AI? The answer: **collective intelligence**. This session explores: * What collective intelligence means in practice * Which tasks and roles will evolve with AI * Whether AI replaces work—or creates new opportunities ✍🏼 Hands-on focus: Designing end-to-end AI solutions at scale—thinking through how humans and AI systems collaborate to deliver impact for millions of users. 🖼️ Output: A conceptual demonstration of a **“context-aware agent architecture”** 🌟 **IDENTITY TRACK: Visibility & Personal Branding in the Age of AI** Facilitator: Angeley Mullins Founder & CEO, Aetheris Ventures In a world where content and ideas can be generated at scale, how do you stay **visible, credible, and distinctive**? This session explores: * How to position your *human voice* in an AI-driven landscape * What defines authenticity and value in 2026 * How to use AI as a co-creator, not a replacement ✍🏼 Hands-on focus: Define your personal narrative, identify your unique “signal,” and build a strategic approach to visibility through guided exercises and peer exchange. 🖼️ Output: A **“Visible Self Prototype”**—your personal positioning, key content angles, and a simple plan to build credibility and presence in an AI-shaped world **2\. Grand Finale: The 2026 Showcase \(45 mins\)** We come together to share insights from each group: * Tech track presents the “Brain” (AI Agent concept) * Capabilities track presents the “Voice” (Personal Brand & Visibility Strategy in the AI era) We will have networking afterwards where you can continue sharing your ideas! 🗓 **Date: 9 April 2026** **⏰ Time: 18:00 – 21:30** **📍 Location: Ojin AixHaus \| Chausseestraße 36\, 10115 Berlin** Why do we need these workshops? Because AI is moving so fast! - and so should we. Join us to: * Understand AI beyond the hype * Learn how to use it strategically and responsibly * Connect with a community shaping the future 👉 **Choose your track. Join the conversation. Build what’s next. We look forward to seeing you next week!** Find out more here: [Ojin AixHaus Community ](https://ojin.ai/community) Follow Ojin AixHaus on socials: [Instagram](https://www.instagram.com/ojin.ai/#) [Linkedin](https://www.linkedin.com/showcase/ojin-aixhaus/) [X](https://x.com/Ojin_AI)

**Important note: Please note that the event location changed. This event will be hosted at meeet West in Lietzenburger Str. 107, 10707 Berlin.** **Hello ServiceNow Developers of Berlin!** We warmly invite you to the next ServiceNow Developer Meetup in Berlin! Whether you are a developer, admin, consultant, or architect, your ideas and suggestions are guaranteed to be valuable and will be incorporated into the functioning of our group. **What to Expect:** * **Networking and Community Building:** Meet new people who also work in the ServiceNow field. This is a great opportunity to connect with like-minded individuals and expand your professional network. * **Open Forum:** Share your experiences, ask questions, and provide feedback on what you would like to see in future meetups. * **Free Snacks and Drinks** **IMPORTANT!!!** We want these events to truly be a "safe space" for ServiceNow professionals, so all recruitment and sales activities are prohibited. The organizers reserve the right to exclude anyone from the event who violates this rule. **RSVP and Participation:** To help us plan better, please RSVP here on the event page. Your early confirmation will greatly assist us in making this event a success. **Note:** due to international community in Berlin, we plan to run these events in **English**. We are excited to continue this journey with you to build a strong and supportive ServiceNow community in Berlin. See you there! **Meetup Agenda:** * **Welcome & Introduction** * **Ice Breaker && Get to Know** * **[Presentation:] Hybrid AI Workflows by ServiceNow's Lisa Holenstein** * **[Presentation:] CIS Data Foundations: An Introduction by SOLVVision's Hendrik Bockrath** * **[Presentation:] "Test-Driven Generation" - AI augmented coding for the enterprise by ServiceNow's Sascha Wildgrube** * **Q&A, Recap** * **Networking & Informal Discussions**

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 for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.

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!