Web Standards

Das alte T-Shirt mit einem Statement-Print wiederbeleben, eine verlorene Spielfigur nachdrucken oder einen Stempel designen: MeetUp im Humboldt Forum! In diesem dreistündigen Workshop sind alle Interessierten mit und ohne Vorkenntnisse dazu eingeladen, verschiedene Maker Space Technologien kennenzulernen. Wir erklären an unterschiedlichen Terminen (s.u.), wie sich mit Laser Cutter, 3D-Drucker, Schneidplotter, Näh- oder Stickmaschine nützliche Dinge für den Alltag herstellen lassen. Inspiriert von den aktuellen Ausstellungen und Themen des Hauses, können am Laptop mit der Software Inkscape oder Tinkercad eigene Grafiken und Objekte entworfen und gestaltet werden. Wer sich geschickt anstellt, kann am Ende ein fertiges Produkt mit nach Hause nehmen. Die Personenzahl ist begrenzt. Bitte buchen Sie am Veranstaltungstag an der Tageskasse im Foyer pro Person ein kostenfreies Teilnahmeticket! Der Workshop ist nicht für Kinder und Jugendliche unter 16 Jahren geeignet. **Die nächsten Termine und Themen** * 3\. und 10\. Januar 2026 Kleine Aufnäher & Patches mit der Stickmaschine * 31\. Januar und 7\. Februar 2026 Textildruck mit Schneidplotter und Transferpresse – Bitte T\-Shirt oder Beutel aus Baumwolle mitbringen\! * 28\. Februar und 7\. März 2026 Schmuckstücke und Anhänger aus dem 3D\-Drucker * 28\. März und 4\. April 2026 Stempel & Schablonen aus dem Laser Cutter **Weitere Informationen:** Kostenfrei. **Bitte buchen Sie Ihr Ticket direkt am Veranstaltungstag an der Tageskasse im Foyer. Die Ticketbuchung im Voraus und im Webshop ist nicht möglich.** Dauer: 180 min. Ab 16 Jahre. Sprache: Deutsch, Englisch. Rollstuhlgerecht. Ort: Werkräume, 1. OG. Maximal 15 Personen.

Get ready to immerse yourself in the enchanting world of mantras with Sri & Band, where music and spirituality meet in perfect harmony. This Mantra session uses the power of supportive words to redesign the architecture of your mind, let go of limiting beliefs about yourself, and become aligned with your heart. When your inner critic is overreacting and you have lost touch with who you truly are, this chanting session will guide you back to yourself. With each mantra as your anchor, you’ll plant new seeds in the garden of your mind, take agency of your internal world, and feel the immediate enlivening effects. You dont need previous experience in Singing/Chanting. You can listen to Sri´s music here https://shorturl.at/laIwU

Bist du bereit für viele positive Veränderungen? Dann kommt der Access Bars® Kurs genau richtig für dich! Jeden Tag erleben knapp eine Million Menschen weltweit die transformative Kraft dieses Körperprozesses. Wissenschaftliche Studien belegen die positiven Wirkungen auf das Gehirn, das Nervensystem und den Körper. Die Access Bars® berühren alle Aspekte des Lebens: Beziehung, Körper, Alterung, Heilung, Selbstliebe, Freude, Trauer, Beziehung und Kommunikation, innerer Frieden ua. Klick auf meine Website und erfahre, was die Bars® bewirken können und welche kraftvollen Werkzeuge du an diesem Kurstag mit nach Hause nimmst. https://www.i-feel-so-good.de/access-consciousness/kurse-ausbildungen/access-bars-kurs.html Nachdem du den Kurs abgeschlossen hast, erhältst du das Practitioner Zertifikat. Es qualifiziert dich, die Access Bars® anderen zu geben, deinen Familienmitgliedern, deinen Freunden und deinen Klienten. Und natürlich kannst du die Bars® auch bei dir selbst anwenden. Nach dem Kurs kannst du dich mit anderen Praktizierenden zum Austausch treffen. Bist du bereit für ein leichteres Leben? Dann freue ich mich, wenn du mit dabei bist! Kontaktiere mich gerne, wenn du Fragen hast oder eine Kennenlernsession buchen möchtest. PS: Die Anmeldung für den Kurs ist nur telefonisch möglich.

**Welcome to Sober Berlin – Sober Dance Party, Ecstatic Movement & Soundhealing** Join our **Telegram** or **WhatsApp** group to stay updated on all artists: * Telegram: [https://t.me/+hd1BG5kuh1A4NDgy](https://t.me/+hd1BG5kuh1A4NDgy) * WhatsApp: [https://shorturl.at/YWnCr](https://shorturl.at/YWnCr) A **sober, heart-centered space** for movement, music, and genuine connection. Sober Berlin hosts **alcohol-free events** where you can dance, express yourself, and connect – fully present and substance-free. Perfect for the sober, sober-curious, in recovery, or anyone seeking mindful nightlife. ✨ **What We Offer:** * Ecstatic Dance sessions with live DJs * Cacao Ceremonies and or guided warm-ups * Safe, inclusive space – no alcohol, no drugs * Tea, snacks, and a cozy community corner No dance experience needed – just bring your body, breath, and presence. 💖 **Giving Back:** 10% of earnings go to women-centered and child-focused NGOs. 🕊️ Join **Sober Berlin** and rediscover connection – with yourself and others.

**💲 Registration fee** **You must buy a drink or food before sitting.** (We were warned that you cannot sit without buying a drink. This is a private café. Outside food or drinks are not allowed.) 🕥 **Registration Time** **10:00 am - 10:30 am** * The tournament starts at 10:30 am. * **Participants cannot join after the tournament begins.** Please arrive early to order a drink and complete your registration. * There are **5 rounds in total**. **Please only join if you can stay until the final round.** * **Leaving early causes issues with pairing.** * The venue is reserved until **1:15 pm**, so **we plan to finish and leave by then.** 📢 **Chess Board** **Please bring a chess board** if you have one. If there are not enough boards, participants with their own boards will have priority. **💖 Friendly Atmosphere** This is a social tournament designed to be friendly and enjoyable. Please be kind to all participants and avoid being excessively competitive. 📌 **Location** The Bode Museum Café is on the first floor. Walk up the stairs. No ticket needed; just tell the staff you’re going to the café. 🔑**The Game Format** Swiss system, 10+3, 5 rounds 👨‍👧‍👧**Player Divisions** Players are divided into two groups. \- A Group over 1300 \- C Group under 1300 \- If you wish to play in a different group from your rating\, please let the host know during registration\. **🤹🏼‍♀️ How it works** * **Registration:** Tell the host your name and chess rating. * **Pairings:** Once registration closes, the host will pair the players. * **Check Table:** You can find your table number and color on the website link below. * **The Game:** Go to your assigned table. One of the players set the clock app to 10+3 (10 mins + 3s increment) and start. * **Report Results:** After the game, one of the players report the result to the host. * **Next Round:** Once all games are finished, the next round will be paired. (5 rounds total) **🛶A Group Games** [https://www.chessmanager.com/en-us/tournaments/6574446664089600](https://www.chessmanager.com/en-us/tournaments/6574446664089600) **🥏C Group Games** [https://www.chessmanager.com/en-us/tournaments/6106562506653696](https://www.chessmanager.com/en-us/tournaments/6106562506653696) 🎡 **Chess Clock** Please install a chess clock on your phone. For [Android ](https://play.google.com/store/apps/details?id=com.chess.clock&hl=en) // For [iPhone ](https://apps.apple.com/us/app/chess-clock-by-chess-com/id858039162) ❓ **Rules** \- Touch\-move: If you touch a piece\, you must move it\. \- Illegal move: If your opponent makes an illegal move\, stop the clock and ask them to make a legal move\. \- Clock rule: Press the chess clock with the same hand you move the piece\. -Other rules: Basic FIDE rules apply. 🚩**We have no tolerance for discriminatory(sexist, racist, and other) jokes or comments.** 📷 Instagram [https://www.instagram.com/berlin_chess_club/](https://www.instagram.com/berlin_chess_club/) 💬 WhatsApp Group This group is only for event participants. To get access, please ask the host during the event. *Photos and videos may be taken for social media and memories. Let an organizer know if you prefer not to be filmed.*

(Inside event) Are you learning a language but can't find people to practice with? Do you enjoy helping people speak your native language? If so, meet with us to make friends and have some good conversations. We begin by sharing the languages we speak fluently and the ones we are learning. Then we split into groups and speak! You can switch groups as often as you'd like. The goal is to speak about interesting, thought-provoking topics - not just the typical introductions we usually make. At our last meetups we spoke: German, Ukranian, English, French, Hebrew, Russian, Spanish, Italian, Portuguese, Hindi, Chinese, Greek, Japanese, Turkish, Polish, Swedish, Arabic, Norwegian, Icelandic, and Dutch. Can you help us make this list bigger? We hope to see you there and welcome ANY and ALL languages. (However, we cannot guarantee we will have a speaking partner for all languages). Looking forward to see you all! 😁

Do you like to play football - but relaxed and not with competitive or aggressive players? Are you a bit lazy, a bit old, a bit unfit or not so talented? Are you tired of insecure bros who only want to show off their skills? **Then [Lousy & Lazy Football](https://www.instagram.com/landlsc/) is the right thing for you!** We are a group of friendly people who just want to have a relaxed kick. All genders, ages (+18) and nationalities welcome. **Feel free to join the waitlist even if it seems long - sometimes we make the event larger and play on two pitches (24 players, four teams) or even three pitches (36 players, six teams), depending on demand.** Note: **We do not allow high-studded football boots during our sessions.** To avoid injuries, we only play with "Multinocken" (multistuds) or shorter. Please have a look here: [link](https://www.11teamsports.com/de-de/fussballschuhe/multinocken/). Rules for lazy & lousy football 1. **Don’t be competitive** 2. **No hard tackling/sliding challenges** 3. **Support new players by giving them the time and space to play the ball** 4. **Don’t dribble past multiple players (trying to take on a player is fine but at no point should you be trying to dribble past multiple players).** 5. **Don’t close down the defenders too quickly. Give the team a chance to play the ball out.** 6. **Rotate the goalkeeper** 7. **Be a teamplayer** Waiting list: This meetup is for members of the Lousy & Lazy Sport Club. If you want to try out our lousy & lazy sport events, you can do a trial run (Probetraining).

Welcome to Sunday Tech Coffee. This is a **networking** event for those in the tech industry in Berlin. We are usually inside and to the right. Ask the barista/bartender if you can't find us.

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

Welcome Sunday Socials, Members of the group and friends meet there to exchange languages and their international experience or just have a good time to meet likeminded poeple! Currently we meet at the bar Alberts Starting time is 5pm.(Until 8pm) Adress: https://www.google.de/maps?q=alberts+charlottenburg&ion=1&espv=2&bav=on.2,or.r_cp.&bvm=bv.131783435,d.bGg&biw=1366&bih=628&dpr=1&um=1&ie=UTF-8&sa=X&ved=0ahUKEw... Grüße Andrea

Join us for chill **outdoor** beach volley at **Funkhaus Beach**! 🏐 🏐 🏐 ☀️ This event is for everyone who enjoys chill games and is not a *complete* beginner (A1.5+). We play 3v3 (or 4v4) with beach rules. There are no trainers at this event. Register via [the simultaneous event](https://www.meetup.com/berlin-volley/events/) for higher-level 2v2 matches (F1+). After playing, you can join us for socials with drinks and snacks at the bar area. We often play a social deduction game, which you're also welcome to join. We play in domes that are heated up to at least 15C. It's recommended that you come 10 minutes early so you have time to change and find the fields. If it is your first time, 15 minutes might be even better. You can join whatever court you like and move between courts during the event. We self-organize, so once you finish a game, you can start a rematch, mix with another court, or take a break as you see fit. Upon arrival, join the warmup happening on one of the courts. Join our WhatsApp community via [https://volley.berlin/WhatsApp](https://volley.berlin/WhatsApp) ([QR code](https://secure.meetupstatic.com/photos/event/b/f/d/5/highres_532249109.webp)) Follow us on Insta at [https://www.instagram.com/berlinvolleyball](https://www.instagram.com/berlinvolleyball) **Rules**: Do not join if you have an infectious disease. For everyone's safety, we do not allow kicking the ball during games with beginners. Be respectful of your fellow players. **Venue**: We play at [Funkhaus](https://sporthaus-berlin.net/), **outside** ☀️. Changing rooms are available in the nearby Paddle hall. **Payment**: You pay in advance via Meetup. Payment via PayPal or Urban Sports Club is not possible. **Refunds**: The venue does not provide refunds. Thus, we cannot refund you either, even if the event is canceled due to bad weather. If you know you can't make it in advance, you can try selling your spot to someone else via WhatsApp or the comment section. In the rare cases that we cancel an event due to poor attendance, everyone gets a full refund. Pictures might be taken and shared publicly, such as on Meetup or Instagram. You can opt out by letting the organizer know you do not wish to be photographed. By RSVP'ing to this event, you acknowledge and agree to the following: Participation in this volleyball event is at your own risk. The organizer is not responsible for any injury, loss, or damage sustained during the event, whether caused by negligence or otherwise. You are aware of the inherent risks involved in beach volleyball and voluntarily assume these risks. You agree to hold the organizer harmless from any claims, liabilities, or expenses arising from your participation, including any medical costs. Share anonymous feedback with the organizer via [https://www.admonymous.co/entropy](https://www.admonymous.co/entropy)

Enjoy a relaxed Sunday among the boardgame Community. Betrayals, alliances, laughter, fun, and much more are waiting for you...😛 Don't miss out the opp! Warning, this event is organized in a coffee shop that we do not own. Every participant must buy at least 1 drink. That's the duty of the evening... For the rest, come to the battlefield

Join us for intermediate and advanced play on **outdoor** 2v2 courts at **Funkhaus Beach**. If you are not yet at the intermediate level (F1+) or want to play 3v3/4v4, sign up via [the simultaneous event](https://www.meetup.com/berlin-volley/events/) instead. We play with beach rules: do not use open hands for the first or last touches, do not touch the net, etc. We overbook slightly to ensure we have enough players and to allow individuals to take breaks. After playing, you can join us for socials with drinks and snacks at the bar area. It's recommended that you come 10 minutes early so you have time to change and find the fields. If it is your first time, 15 minutes might be even better. We play in domes that are heated up to at least 15C. You can join whatever court you like and move between courts during the event. We self-organize, so once you finish a game, you can start a rematch, mix with another court, or take a break as you see fit. Upon arrival, join the warmup happening on one of the courts. Join our WhatsApp community via [https://volley.berlin/WhatsApp](https://volley.berlin/WhatsApp) ([QR code](https://secure.meetupstatic.com/photos/event/b/f/d/5/highres_532249109.webp)) Follow us on Insta at [https://www.instagram.com/berlinvolleyball](https://www.instagram.com/berlinvolleyball) **Rules**: Do not join if you have an infectious disease. **Venue**: We play at [Funkhaus](https://sporthaus-berlin.net/), **outside** ☀️. Changing rooms are available in the nearby Paddle hall. **Payment**: You pay in advance via Meetup. Payment via PayPal or Urban Sports Club is not possible. **Refunds**: The venue does not provide refunds. Thus, we cannot refund you either, even in cases where the event is canceled due to bad weather. If you know you can't make it in advance, you can try selling your spot to someone else via WhatsApp or the comment section. You get a full refund if the event gets canceled due to poor attendance. Pictures might be taken and shared publicly, such as on Meetup or Instagram. You can opt out by letting the organizer know you do not wish to be photographed. By RSVP'ing to this event, you acknowledge and agree to the following: Participation in this volleyball event is at your own risk. The organizer is not responsible for any injury, loss, or damage sustained during the event, whether caused by negligence or otherwise. You are aware of the inherent risks involved in park volleyball and voluntarily assume these risks. You agree to hold the organizer harmless from any claims, liabilities, or expenses arising from your participation, including any medical costs. Share anonymous feedback with the organizer via [https://www.admonymous.co/entropy](https://www.admonymous.co/entropy)

أهلاً بكم أعزائي الكُتّاب الهواة. انضموا إلينا في لقائنا القادم في كافيه جذور. نأمل أن يكون الجو جميلاً مشرقاً يسمح لنا بالجلوس خارجاً والاستمتاع بنسمات الهواء العليلة. لا يُضمن شهر نيسان، كما تعلمون، وقد يقرر في يوم لقائنا أن يحجب الشمس عنا وأن يبعث لنا عوضاً عنها نسمات هواء أبرد من المرغوب به وأبرد مما استعددت له هذا الصباح في لباسك. على أية حال، قد تعودنا في الفترة الأخيرة على التقلبات في جميع أشكالها من جوية وسياسية واقتصادية؛ بعض القشعريرة والأمطار الباغتة لن تهزنا. انضموا إلينا ونعدكم بأوقات ممتعة سواءً جلسنا داخل الكافيه أم خارجه. !!!! ننتظركم على الوقت قبل أن نبدأ بنشاطاتنا، لذلك رجاءً تحديث الحضور (RSVP) قبل اللقاء بيوم !!!! أهلاً بكم محبي وممارسي هواية الكتابة باللغة العربية! ندعوكم للانضمام إلينا في لقائنا القادم: سنبدأ بجولة تعارف سريعة، ثم نقوم بأحد تمارين الكتابة الإبداعية الممتعة، وفي النهاية سنفتح المجال لمن يريد مشاركتنا نصاً كتبه أو فكرة لمشروعه، لنناقشها ونتبادل الآراء بموضوعية. بغض النظر عن مستواك الحالي، حتى وإن لم تكتب من قبل - لا تتردد في الانضمام إلينا! الهدف من هذه اللقاءات هو خلق مساحة للكتابة ومشاركة التجربة مع الآخرين، لتنمي هواية وعادة الكتابة. كل ما تحتاجه هو الرغبة وبعض الوقت. (وورقة وقلم أو لابتوب) لا تترددوا في التواصل معي إن كان لديكم أي أسئلة أو اقتراحات نور

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

**TBA**

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