Web Standards

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**Latest Dojo Location!** **Knotty Pine Brewing** 1765 W 3rd Ave, Columbus, OH 43212 We're going to try a new dojo location for a few weeks and see how it works Dojos are informal Python group study sessions where everyone interested in Python gathers to learn about Python, help others with Python, or just hang out. Everyone is welcome from Python beginners to experts. Bringing a laptop is encouraged (we'll have extension cords and power strips). If there's something you want to learn leave a comment on this invite so we can plan ahead. We're looking for speakers for our Monthly Meetups! Fill out the form if you are interested in presenting to the Python Community. https://forms.gle/ehSfUAC2WgR34Crq9

Welcome to Casual Boardgames, where we enjoy classic tabletop games and social deduction games while bonding over good food, drinks, and great conversations. 
We started this group to meet new people and make new friends, and bonding over games in a relaxed atmosphere is a great way to do that. We currently meet near route 23 and Polaris Parkway, and this is close to areas like Powell, Lewis Center, Worthington, and parts of Westerville and Columbus. 
Feel free to bring your own games or play one of the many games our members bring. If you are inexperienced, we will help you learn. 
Here are just a few examples of the kind of games we play. 
Tabletop/board games: Splendor, Catan, Azul, Dominion, 7 Wonders… 
Social deduction games: Code Names, Chameleon, Werewords… 
IMPORTANT: 
1. While we love playing a variety of games and competing, we are not just about the games. We interact and talk while playing, and this leads to a lot of laughter and fun. If you just want to compete and focus solely on the game, then this is probably not the group you are looking for. 
2. Many people join groups like this and never (or rarely) show up after weeks or months. If you join and never really come, we will eventually remove you from the group as a courtesy to our members. Why? Because limiting group conversations (on the app) to regular members makes communication and planning much easier. Also, while it may be rare, it protects members from people who join because they are interested in following a person instead of having a real interest in our group. If you get removed, it is just because you haven’t come, and we follow this protocol as a courtesy to our regular game players.

Enjoy a bit of Columbus culinary history at Carfagna's market, wine bar and ristorante. We will gather for a glass of wine or two in the wine bar at 6:30 with dinner at 7pm. Arrive early if you like, shop and place your items in a cooler in your car. This is a pay-on-your-own event. I will have a reservation for twenty (20) at 7pm. Message me if you want to be on my table. Keep your reservation up to date as the Attendance and Release of Liability provisions are enforced, including the 48 hour No-Show Rule. See the first page of Group Page for details. Read about the history of Carfagna's here and also see their weekly specials. https://carfagnas.com/about-carfagnas/

Bring your business cards and network in person with other business professionals! Gold Star Referral Clubs is one of the most established professional networking organizations in the country, with multiple groups in central Ohio. Join us!

Christians in Tech is a community at the intersection of faith and technology. Our meetups are designed to spark meaningful conversations, promote knowledge sharing, and encourage growth—both in your career and your spiritual walk with God. Whether you're an experienced professional or just starting your tech journey, CIT welcomes you. Our Website [https://linktr.ee/citcbus](https://linktr.ee/citcbus) Sponsors and Partners * Improving (Venue Sponsor) * Bethel World Prayer Center (Fiscal Sponsor) * Fruits & Roots (Coffee Partner)

Let's talk about relationships in such a way that you can really benefit from the knowledge. We can talk about * Soulmates * How to start a relationship * How to maintain a relationship * How to pick the right partner * How to recognize the red flags * How to improve communication * How to avoid argument and fights * How to increase trust You ask the questions, we'll talk about them. Be sure to click on the red "Attend" button below to come to this local event. We look forward to seeing you there. This group is sponsored the Dianetics & Scientology Self-Improvement Center.

**Join us for a vegan morning at downtown Columbus's premier vegan diner!** * **Date:** Saturday, April 4th * **Time:** 11:00 AM * **Location:** [4th & State](https://www.4thandstate.com/) (152 E State St, Columbus, OH 43215) * **Type:** Community Dining / Brunch * **Cost:** Pay-as-you-go (Entrees typically range from $10–$20) *** **About the Event** Come catch up with fellow vegans and vegan-curious friends in the heart of downtown. 4th & State is a family-owned, "mod diner" known for its laid-back atmosphere and incredibly indulgent vegan comfort food. Whether you’re looking to discuss animal rights activism or just want to enjoy a milkshake with like-minded people, all are welcome! **The Food** This spot is **100% vegan** and offers a massive menu of diner classics. Highlights include: * **Signature Brunch:** The **Vrunchwrap**, pancakes, and French toast sticks. * **Comfort Classics:** Loaded fries, burgers, and their "hand-breaded tempeh chicky." * **Allergen Friendly:** They offer a dedicated **gluten-free** menu and are a **tree-nut-free** kitchen (with the exception of coconut oil). **Important Details** * **Seating & Reservations:** 4th & State typically does **not take reservations**, so please RSVP early so we can try to coordinate seating together. * **Parking:** There is free and paid street parking nearby, as well as several paid parking lots in the downtown area. * **Accessibility:** The restaurant features a wheelchair-accessible entrance and seating.

[The Board Walks](http://www.theboardwalks.com/) are for curious people who love deep conversations. If that sounds like you, **bring a thoughtful topic** and join us for a 5-mile walk (10,000+ steps!). **HOW IT WORKS** **Step 1: Bring a topic** Before you arrive, think of **one** topic you want to explore. A question. A thought that's been on your mind. An obsession you want to geek out on. This is your ticket to the event. **Step 2: Circle up & share** We gather in a circle. Your friendly walk host gives a speech to set the tone. Everyone shares: your name, what you're grateful for, and your topic. That's it. 60 seconds. **Step 3: Walk, talk & float** We walk 5 miles. You naturally drift into conversation with 2-3 people at a time, pulled by topics that spark your curiosity. When you're ready to move on, just say: "I'm going to float!" **Step 4: Feel more alive** Two hours flies by. You're back where you started — but you feel different. More alive. More energized. More connected to yourself and others. That's why regulars join 20+ times. *For more details, read our [Orientation Guide.](https://www.theboardwalks.com/orientation)* **HOW TO BRING A GREAT TOPIC** A great topic = something you're genuinely curious about. Recent topics include: * "What are you passionate about right now?" * "What makes a good friend?" * "What's a belief you used to hold that you've completely changed?" * "How do you want to be remembered?" * "What would you do if money wasn't a factor?" Think of your topic like the dish you're bringing to our conversational potluck. If everyone brings an A+ dish (i.e. energizing, uplifting, expansive), we'll all walk away feeling lighter and brighter. **WHAT TO EXPECT** This isn't a fitness event with casual chitchat. It's a walking think tank where we explore life's big questions together, beyond small talk. *If you're looking for light banter or a standard networking event, this probably isn't the right fit.* But if you crave depth, genuine connection, and conversations that make you feel alive? You'll love it here. **FAQ** * Wear casual athletic attire and sneakers. It's a long walk! * We have multiple first-timers at each event. We work hard to create a welcoming, inclusive, clique-free space. * We welcome people of **all** ages, backgrounds, and industries who align with the [intention](https://www.theboardwalks.com/ground-rules) of this space. * Rain or shine, we've been out here nearly every week since July 2022. If the event is cancelled, we'll let you know. * Dogs, babies in strollers, parents, and friends are welcome — please text/email them the event link so they can RSVP and prepare a topic! **LOGISTICS** * If you'll arrive over 10 minutes late, we suggest skipping the event. It's hard to find us once we start walking, and your host can't answer messages during the event. * This walk is designed for everyone to *move together at the same steady pace* (about 20 min/mile). This format works best when the whole group moves in unison. If you have mobility limitations, we kindly encourage you to find an event better suited to your needs. * Read our [Orientation Guide](https://www.theboardwalks.com/orientation) for full details. * If you enjoy the event, send **[this](http://www.theboardwalks.com/)** to a friend or sign up for our **[newsletter](https://theboardwalks.beehiiv.com/)**. We're in multiple cities with more on the way. 🤠👋 **IF YOU WANT TO GO DEEPER...** [The Board](https://stan.store/ellebeecher/p/the-board) is the next step: a high-trust collective for renaissance people devoted to creating, connecting, and building lives that light us up. * This is a global HQ for people who crave big talk, deep connection, and dream collaborations with people across industries. If the walks feel like a spark... The Board is the fire. Apply [here](https://stan.store/ellebeecher/p/the-board).

**💖 Online Speed Dating Evening – Newcomer Friendly – Toledo Singles Invited!** **🚨 ACTION NEEDED: RSVP Is Just the First Step!** To actually attend, you need to sign up through your age group link below and finish the personality quiz. **Places are capped** and we expect to fill up – register now! **👇 Select Your Age Group & Claim Your Place:** - **Ages 18-32** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=rose-quartz-singles-collective&ar=18-32&face_v=7.0) - **Ages 30-46** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=rose-quartz-singles-collective&ar=30-46&face_v=7.0) - **Ages 40-58** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=rose-quartz-singles-collective&ar=40-58&face_v=7.0) - **Ages 55+** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=rose-quartz-singles-collective&ar=55+&face_v=7.0) --- 🎉 **Up for something fresh from the comfort of your home?** Let's do this! Virtual speed dating is ideal for newcomers. Connect with like-minded local singles right from your own home – zero pressure, no packed venues, just authentic connections in a welcoming, safe space. 🎯 **Perfect for:** - Curious newcomers eager to give speed dating a shot - Anyone who's done with swiping and craves genuine conversation - Singles searching for authentic connections beyond the apps - People who find traditional dating nerve-wracking and want to start online **How It Works** 1. **Secure Your Place** – Choose your age range and finish the registration process. 2. **Take the Personality Quiz** – We’ll pair you with compatible Toledo singles for the best evening possible. 3. **Log In & Get Comfortable** – Join the Zoom call and let the evening begin. Your host handles all the logistics! 4. **Date from Home** – Have real, meaningful mini-dates with Toledo singles – all from your sofa. 5. **Discover Your Matches** – We’ll let you know about any mutual interest afterwards. The rest is up to you! **Event Details** - **Format:** Virtual via Zoom – relaxed, low-key from wherever you are - **Location:** No venue necessary – just a comfy chair and a solid internet connection - **Host:** Your personal guide for the evening – warm, supportive, and entertaining - **Vibe:** Fun, hosted conversations that make meeting Toledo singles a breeze - **Privacy:** Your contact details are never shared without mutual agreement - **Accessibility:** Join from any device – laptop, tablet, or mobile 💡 **Remember:** Everyone’s here to enjoy themselves. Relax, stay curious, and have fun! ⭐ *"I've recommended this to all my single friends. Such a fun, relaxed way to meet people."* – Returning attendee --- ✨ Newcomers always welcome. Join hundreds of Toledo singles who found connection online! 🥰 ✨

**💓 Speed Dating for First Timers – Meet Like-Minded Local Singles from Home!** **🔴 MUST READ: RSVP Alone Won't Get You In!** To attend, you must: (1) Click your age group link below, (2) Complete registration, and (3) Finish the personality quiz. **Limited spots available** – register now before they're gone! **✅ Step 1: Find Your Age Group & Register:** - **Ages 18-32** → [REGISTER HERE](https://tempodating.com/product?productId=390.0&productType=onlineSpeedDating&city=Toledo&groupurlname=serene-lake-love-mirror&ar=18-32&face_v=4.0) - **Ages 30-46** → [REGISTER HERE](https://tempodating.com/product?productId=390.0&productType=onlineSpeedDating&city=Toledo&groupurlname=serene-lake-love-mirror&ar=30-46&face_v=4.0) - **Ages 40-58** → [REGISTER HERE](https://tempodating.com/product?productId=390.0&productType=onlineSpeedDating&city=Toledo&groupurlname=serene-lake-love-mirror&ar=40-58&face_v=4.0) - **Ages 55+** → [REGISTER HERE](https://tempodating.com/product?productId=390.0&productType=onlineSpeedDating&city=Toledo&groupurlname=serene-lake-love-mirror&ar=55+&face_v=4.0) --- 🎉 **Ready to try something new from the comfort of home?** Let's go! Think of it as the easiest first date you'll ever have – from your couch, with a host who keeps things fun, and a room full of Toledo singles who are just as excited (and maybe just as nervous) as you. 🎯 **Perfect for:** - Introverts who shine in one-on-one conversations - Anyone who believes great chemistry starts with great conversation - Remote workers who love the convenience of online meetups **How It Works** 1. **Sign Up** – Click the registration link for your age bracket above. 2. **Finish the Short Personality Assessment** – This helps us optimise your matches for the evening. 3. **Show Up on Zoom** – Grab a drink, get comfortable, and let the host guide you through each round. 4. **Speed Dating Rounds** – Enjoy guided, structured conversations with friendly Toledo singles. 5. **Discover Your Matches** – We'll notify you of any mutual interest after the event. The rest is up to you! **Event Details** - **Format:** Interactive Zoom event – feel like you're in the same room - **Location:** Your personal space – the most comfortable date venue ever - **Host:** Fun, approachable host who breaks the ice so you don't have to - **Vibe:** Engaging, real-time chats with Toledo singles – no scripts, just vibes - **Icebreakers:** Fun prompts provided to keep conversations flowing - **Dress code:** Smart casual – look good, feel good! 💡 **Pro tip:** Have a drink ready and find a quiet, well-lit spot for the best experience. --- ✨ Your comfort zone is your superpower. Speed date from home and meet someone incredible! 💖 ✨

**💘 Your First Speed Date – Zoom-Hosted, Relaxed & Straightforward!** **⚠️ PLEASE READ: Just RSVPing Won't Confirm Your Place!** To attend this event, click your age group sign-up link below, register, and complete the brief personality quiz. **Capacity is strictly limited** – don't wait! **📋 Find Your Age Range Below to Register:** - **Ages 18-32** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=mosaic-mates-empowered-singles&ar=18-32&face_v=19.0) - **Ages 30-46** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=mosaic-mates-empowered-singles&ar=30-46&face_v=19.0) - **Ages 40-58** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=mosaic-mates-empowered-singles&ar=40-58&face_v=19.0) - **Ages 55+** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Toledo&groupurlname=mosaic-mates-empowered-singles&ar=55+&face_v=19.0) --- 🔑 **The key to amazing first dates?** Being comfortable. Begin right here! Think of it as the most relaxed first date you'll ever have – from your sofa, with a host keeping things lively, and a room of Toledo singles who are just as eager (and perhaps just as nervous) as you. 🎯 **Perfect for:** - Singles who feel most at ease connecting from home first - First-time speed daters after a friendly, easy-going experience - Anyone giving speed dating a go for the very first time - Quiet or reserved singles who open up better in private conversations - Anyone who thinks real chemistry begins with real conversation **Event Details** - **Format:** Online Zoom session – intimate atmosphere, professional hosting - **Location:** Your favourite cosy spot – connect from wherever you feel best - **Host:** Engaging guide who creates a relaxed, pressure-free space for beginners - **Vibe:** Welcoming, judgement-free conversations with singles from the Toledo area **How It Works** 1. **Select Your Session** – Pick the age group that suits you and claim your spot. 2. **Take the Personality Quiz** – We’ll pair you with compatible Toledo singles for the best evening possible. 3. **Join the Zoom Session** – Log in from home and greet your host. We’ll take care of the rest! 4. **Speed Dating Rounds** – Enjoy hosted, structured chats with friendly Toledo singles. 5. **Get Your Matches** – After the event, mutual matches are revealed. Start building a real connection! --- ✨ Your next great connection could be just one Zoom call away. Don’t overthink it – just show up! 🫶 ✨

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

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

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