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

**💞 Beginner-Friendly Speed Dating – Connect Virtually, Feel Right at Home!** **⚠️ CRITICAL: Your Place Is NOT Confirmed by RSVPing!** Follow these steps to secure entry: 1. Pick your age group below 2. Click the sign-up link 3. Finish the personality quiz **Places are extremely limited!** **🎟️ Age Group Sign-Up Links (Click Yours Now):** - **Ages 18-32** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Columbus&groupurlname=rose-quartz-singles&ar=18-32&face_v=6.0) - **Ages 30-46** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Columbus&groupurlname=rose-quartz-singles&ar=30-46&face_v=6.0) - **Ages 40-58** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Columbus&groupurlname=rose-quartz-singles&ar=40-58&face_v=6.0) - **Ages 55+** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Columbus&groupurlname=rose-quartz-singles&ar=55+&face_v=6.0) --- 🌈 **Searching for real, genuine connections?** This event was built for you! No prior experience necessary. No dating profile needed. Just real humans having real conversations. Our online setup makes it effortless for newcomers to connect with Columbus singles in a no-pressure environment. 🎯 **Perfect for:** - Anyone who's done with swiping and craves genuine conversation - Singles who feel uneasy about meeting in person and prefer starting from home - Newcomers who want a relaxed, hosted experience **Event Details** - **Format:** Zoom-based event – connect right from your own home - **Location:** Your favourite cosy spot – connect from wherever you feel best - **Host:** Warm host who helps newcomers feel welcome and at ease right away - **Vibe:** Welcoming, judgement-free conversations with singles from the Columbus area **How It Works** 1. **Find Your Age Group** – Locate your age range above and click to sign up. 2. **Complete the Matching Quiz** – Takes just a minute and significantly improves your matches. 3. **Connect via Zoom** – No setup required. Just click the link and you’re good to go! 4. **Meet Your Matches** – Rotate through enjoyable one-on-one rounds with Columbus singles who share your energy. 5. **Match Results** – Find out who you clicked with. If the interest is mutual, we’ll connect you! 💡 **Handy hint:** Prepare 2–3 fun questions to ask – it helps conversations flow naturally. ⭐ *"I nearly didn't sign up because I was anxious. So happy I did – best choice I've made!"* – First-time speed dater **Frequently Asked Questions** **Can I join from my phone?** Absolutely! Zoom works on any device, though a laptop or tablet tends to give the best experience. **Do I need any speed dating experience?** Not at all! This event is built specifically for newcomers. Our host walks you through every step. --- ✨ Thousands of newcomers have found their match with us. You could be next! ✨ ✨

**✨ Online Speed Dating – Skip the Awkwardness, Enjoy the Fun – Beginners Welcome!** **⚠️ CRITICAL: Your Place Is NOT Confirmed by RSVPing!** Follow these steps to secure entry: 1. Pick your age group below 2. Click the sign-up link 3. Finish the personality quiz **Places are extremely limited!** **🔗 Click Your Age Group to Sign Up & Take the Quiz:** - **Ages 18-32** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Detroit&groupurlname=rose-quartz-singles&ar=18-32&face_v=6.0) - **Ages 30-46** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Detroit&groupurlname=rose-quartz-singles&ar=30-46&face_v=6.0) - **Ages 40-58** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Detroit&groupurlname=rose-quartz-singles&ar=40-58&face_v=6.0) - **Ages 55+** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Detroit&groupurlname=rose-quartz-singles&ar=55+&face_v=6.0) --- 👋 **Trying speed dating for the first time?** You'll wish you'd started earlier! No prior experience necessary. No dating profile needed. Just real humans having real conversations. Our online setup makes it effortless for newcomers to connect with Detroit singles in a no-pressure environment. 🎯 **Perfect for:** - Anyone who gets anxious about packed bars or in-person events - First-time speed daters excited to try something different - Anyone who's done with swiping and craves genuine conversation **How It Works** 1. **Secure Your Place** – Choose your age range and finish the registration process. 2. **Answer a Few Quick Questions** – Our quiz helps pair you with compatible Detroit singles. 3. **Join the Zoom Session** – Log in from home and greet your host. We’ll take care of the rest! 4. **Date from Home** – Have real, meaningful mini-dates with Detroit singles – all from your sofa. 5. **Connect After the Event** – Mutual matches are shared so you can keep the conversation going. **Event Details** - **Format:** Hosted live via Zoom – guided, enjoyable, and hassle-free - **Location:** Wherever you happen to be – no commute, no parking, no fuss - **Host:** Encouraging facilitator experienced in helping first-timers enjoy speed dating - **Vibe:** Warm, authentic conversations with Detroit locals searching for real connection - **Follow-up:** Post-event match results delivered straight to your inbox - **Matching:** Driven by our personality quiz for stronger compatibility - **Privacy:** Your contact details are never shared without mutual agreement - **Icebreakers:** Entertaining prompts provided to keep chats flowing 💡 **Handy hint:** Prepare 2–3 fun questions to ask – it helps conversations flow naturally. **Frequently Asked Questions** **Do I need to download anything?** Just Zoom! If you've used Zoom before, you're all set. We'll send you the link once you register. **Is my information kept private?** Completely. Your contact details are never shared without mutual agreement. **What if my internet drops out?** No stress – our host will help you get reconnected. Technical hiccups happen and we're ready for them! **How long are the conversations?** Each round lasts a few minutes – long enough to feel a spark, short enough to keep things exciting! --- ✨ Your comfort zone is your superpower. Speed date from home and meet someone incredible! 🌹 ✨

**💕 Online Speed Dating Made for Newcomers – Genuine Connections, No Stress!** **⚠️ HEADS UP: Clicking RSVP Isn't Enough!** You **must** sign up through one of the links below and finish the short personality quiz to confirm your place. Choose your age range and register now – **places are limited and fill quickly!** **⬇️ Choose Your Age Range & Finish Registration:** - **Ages 18-32** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Cincinnati&groupurlname=rose-quartz-singles&ar=18-32&face_v=6.0) - **Ages 30-46** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Cincinnati&groupurlname=rose-quartz-singles&ar=30-46&face_v=6.0) - **Ages 40-58** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Cincinnati&groupurlname=rose-quartz-singles&ar=40-58&face_v=6.0) - **Ages 55+** → [REGISTER HERE](https://tempodating.com/product?productId=390&productType=onlineSpeedDating&city=Cincinnati&groupurlname=rose-quartz-singles&ar=55+&face_v=6.0) --- 👋 **Trying speed dating for the first time?** You'll wish you'd started earlier! This Zoom-hosted speed dating experience takes the anxiety out of meeting someone new. You'll have short, structured rounds with friendly Cincinnati singles – all from wherever you're most at ease. 🎯 **Perfect for:** - Newcomers who want a relaxed, hosted experience - People getting back into dating after a hiatus who want a gentle re-entry - People who find traditional dating nerve-wracking and want to start online - Quiet or reserved singles who open up better in private conversations **How It Works** 1. **Register** – Click the sign-up link for your age bracket above. 2. **Complete the Quick Compatibility Quiz** – Helps us match you with like-minded Cincinnati newcomers. 3. **Hop on Zoom** – Pour yourself a drink, get settled, and let the host walk you through each round. 4. **Date from Home** – Have real, meaningful mini-dates with Cincinnati singles – all from your sofa. 5. **Connect After the Event** – Mutual matches are shared so you can keep the conversation going. **Event Details** - **Format:** Virtual via Zoom – relaxed, low-key from wherever you are - **Location:** Wherever you’re most relaxed – that’s your date spot tonight - **Host:** Your personal guide for the evening – warm, supportive, and entertaining - **Vibe:** Comfortable chats with Cincinnati singles in a supportive, newcomer-friendly setting **Frequently Asked Questions** **What happens after the event?** We share mutual matches after the event wraps up. If you both liked each other, we help you connect! **Can I join from my phone?** Absolutely! Zoom works on any device, though a laptop or tablet tends to give the best experience. **What if I don't match with anyone?** That's totally fine! Many people attend a few events before finding their match. Each one is a fresh opportunity. **What's the personality quiz for?** It helps us pair you with compatible people so your conversations are more likely to hit it off! --- ✨ Real people, real conversations, real connections – all from your living room. 🥰 ✨

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