Web Standards

**New Dojo Location!** **Draft Day Columbus** 1130 Dublin Road Columbus, OH 43215 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 topic suggestions and people interested in presenting at our monthly meetings. To this end we've set up a survey form at [https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc](https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc)

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.

**MEET FOR DESSERT**: Since it's cold outside, let's meet for warm chocolate inside! Hot chocolate and warm chocolate fondue (chocolate fondue day is Feb 5th) are offered at this cafe filled with the smell of chocolate! *The hot chocolate at Chocolate Cafe is arguably the best hot chocolate you will ever have.* They have a huge variety, including Hot Chocolate, Dark Hot Chocolate (my fave), White Hot Chocolate, as well as specialty hot chocolates, including Cherry Jubilee, LaSalle Mint, Caramel, Mexican, Kaffee Wien, Peanut Butter, Nutella, and Butterscotch. **EARLY ARRIVALS**: Go ahead and order dinner (before dessert). I love their toasted sandwiches and their soups. **PARKING**: In our parking lot, on the street (but not between 4-6 pm) or behind the Buckeye State Building. [Chocolate Cafe](https://www.chocolatecafecolumbus.com/): A fully stocked amount of *chocolate candies* including truffles, chocolate covered pretzels and chocolate and caramel turtles. We have menu options for breakfast, lunch and dinner. Join us for brunch or a late night meal. Soups, salads & sandwiches served daily. Check out our [menu](https://www.chocolatecafecolumbus.com/_files/ugd/7ea733_0ebab62dcfc0435aa189b6d1a3c3ec82.pdf) for more information. We also offer wine, martinis and cocktails! Enjoy a *famous chocolate martini* or hand crafted cocktail, too!

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!

This is a group for all ages for anyone who has been affected by having a loved one with a diagnosis of dementia. You can stay as little or as long as you wish. It is open house style. This is a very informal group. I will have purple flowers on the table where we are sitting. I look forward to meeting you!

**Day 1 — Foundation & Deal Control** This two-day, end-of-month Real Estate Investing (REI) Intensive is designed for investors who want real traction, not theory. Day One is about controlling the deal flow. We break down how to find opportunities in today’s market, underwrite them correctly, and avoid the emotional and financial traps that wipe out most new and mid-level investors. You’ll learn how operators are sourcing deals right now, how to analyze markets and properties with discipline, and how to structure acquisitions so the numbers work before you ever swing a hammer. This is about building a repeatable system—not chasing the next shiny strategy. **Day 2 — Capital, Execution & Scale** Day Two shifts from deals to execution and scale. We go deep on renovation management, capital stack planning, and exit strategies—fix and flip, buy-and-hold, and hybrid plays—so you understand how to protect downside risk and maximize upside. You’ll see real case studies, real numbers, and real mistakes made by experienced operators, not influencers. The intensive closes by connecting the dots between education and action, showing you how to plug into ongoing coaching, deal opportunities, and higher-level collaboration for investors who are serious about building long-term wealth, not just doing a one-off deal. REGISTER HERE: [SIGN UP TODAY](https://link.elitereimm.com/widget/form/CqtTT4UVTJj3JvHKns3x?am_id=debbie4982)

Let’s meetup at Cafe Istanbul for the last day of Restaurant Week. You get three courses for $30. This is the menu: https://614now.com/rw-menu/cafeistanbul-easton

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.

**Columbus College of Art and Design (CCAD) TEAMS UP with The Central Ohio GameDev Group (COGG) for the 2026 Global Game Jam (GGJ)!!!** **GGJ SITE** [https://globalgamejam.org/jam-sites/2026/columbus-college-art-design-central-ohio-game-group-ggj-2026](https://globalgamejam.org/jam-sites/2026/columbus-college-art-design-central-ohio-game-group-ggj-2026) **REGISTRATION** Fill out this form >>> [https://forms.gle/J6sGDZJFTmZkC6pk7](https://forms.gle/J6sGDZJFTmZkC6pk7) <<< *PLEASE NOTE* \- We have limited capacity so us knowing In\-Person participation early on is critical for us to best accommodate everyone interested in jammin' \- We will also be providing Online teams & support via our COGG Discord bot [Jammio](https://jammio.xyz/)! **Registering for this MEETUP event DOES NOT gain you access to the main Global Game Jam event. Please register officially [here](https://forms.gle/J6sGDZJFTmZkC6pk7).** Every year the game department at CCAD hosts students (and this year local game group COGG!!) in the exciting challenge of developing a theme inspired title over the course of a weekend. The Global Game Jam is a cherished tradition, be it in-person or virtually, we are here for you! This is an excellent opportunity to connect with your peers, make new friends, network with local game makers and try your hand at low stakes game development! Want to know all the details? [Check out the official GGJ site](https://globalgamejam.org/faq) and be sure to use your existing account or create a new jammer [account](https://globalgamejam.org/user/register). \-\-\-\-\- **EVENT DETAILS** Listings subject to change and will be updated so check in periodically! An **[Event Details doc](https://docs.google.com/document/d/1SOPkHxpRVD7qrfVnWVMsWPB7zQwC5wtJK51v6T3a2hQ/edit?usp=sharing)** can be read for all your info! **Building Hours + Security** available throughout the event **Parking:** See [parking spots highlighted in blue](https://drive.google.com/file/d/1Me_JNpE8YaGqR54KxmJei7w6OZ3rhjeC/view). (see new as of last year) *All Locations:* **DSB 121**, The Game Lounge: informal space for people to decompress. Private bathrooms **DSB126**, Small Classroom / Break-out room **DSB127**, (large multi-use space, tables, projector, couches, bistro tables/chairs, etc) **DSB136**, Flex Space (meals / food, access to refrigerator / microwave, drop-power and tables/chairs). **DSB142**, Presentation room **DSB146**, Cintiq Laptop Docking Lab **VENUE TIME & SPACE** **Friday** 5:00pm - 12am Event launch - *DSB 142* [YouTube Live Stream @6pm](https://youtube.com/live/pV40YzllqoY?feature=share) **Saturday** 7am - 12am **Sunday** 7am - 7:00pm Event closing - *DSB 142* [YouTube Live Stream Ending Ceremony @6pm](https://youtube.com/live/stxxCCPzy2A?feature=share) **MISC. RESOURCES** **Wifi:** We will have access to the GUEST network \- To be provided for login to participants at the event Friday Jan 30th **Map** [CCAD Map](https://drive.google.com/file/d/1Me_JNpE8YaGqR54KxmJei7w6OZ3rhjeC/view?usp=sharing) **Wavier** [Sign and Print or Email to info@thecogg.com](https://drive.google.com/file/d/1KaKoz5sK5h1PdZ2rGNOCntyUxoXcGLXL/view) **Schedule** [Updated Regularly](https://docs.google.com/spreadsheets/d/1EONsxtr3S-bRvIp_s12os-JA-M7uEW207bi9MVfrvbM/edit?usp=sharing) **Event Details** [All in one spot for all event details](https://docs.google.com/document/d/1SOPkHxpRVD7qrfVnWVMsWPB7zQwC5wtJK51v6T3a2hQ/edit?usp=sharing) **SPONSORS** Global Game Jam ([GGJ](https://globalgamejam.org/)) Columbus College of Art and Design ([CCAD](https://www.ccad.edu/)) The Central Ohio GameDev Group ([COGG](https://thecogg.com/)) [Jammio](https://jammio.xyz/) \- Discord game jam bot [GDEX](https://www.thegdex.com/)/[Multivarious](https://www.multivarious.com/) \- Midwest Premiere Gaming Expo

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

Join us Saturday, 1/31 from 6:00 pm to 9:00 pm for an evening at The Cozy at Portia’s Café. Come learn about this local, grassroots animal rights organization and our current campaigns. Whether you want to do more for animals or simply meet other activists and vegans, this is the place for you. Bring your friends — all animal lovers are welcome. Enjoy games, socializing, and meaningful connections with fellow vegans and animal advocates. Light snacks and drinks will be provided. Feel free to purchase food from Portia’s if you’d like — it’s completely optional. Location: Portia’s Café 3083 Indianola Ave, Columbus, OH 43202 The Cozy is located right next door.

🎉 You’re Invited! 🍩 Join Columbus Vegan Meetup for a fun community gathering at Monster Baby Donuts, a vegan, peanut & gluten-free, local family-owned business that just opened their new storefront! They started as a beloved food truck, and now they have a permanent location. 📍 700 Bryden Rd, Columbus, OH 43205 🗓 Saturday, January 31 ⏰ 11:00 AM – 1:00 PM Come enjoy amazing donuts, meet other vegans, and help grow our community with people who share your values. It’s a great opportunity to connect, support a local vegan business, and have a good time. 🥪🥗 The shop also has ready-to-go sandwiches and salads. 🚗 Ample parking in the back. Everyone is welcome — see you there! 🌱💚

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

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

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, 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:**

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

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

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

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