Web Standards
Meet other developers to discuss the W3C web standards: CSS, XHTML, DHTMl, XML, all that wonderful stuff.
0
members
0
groups
Frequently Asked Questions
Yes! Check out web standards events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the web standards events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find web standards events near your location here. Connect with your local community and discover events within your area.
Web Standards Events Today
Join in-person Web Standards events happening right now
Fun Shoot (All Ages, All Levels)
**For ages 7 and above. Children aged 5 to 7 require parental assistance.**
Want to test your skill at the sport? Be the Willliam Tell or Robin Hood?
Absolute Archery (Singapore) was inaugurated in 2020, aiming to provide training venue, competitive coaching, fun shoot events and a place for the community bring people together to advocate and support each other in pursuing the sports.
Our head coach, Colin, has been active in the sports since late 90s till date. Being a competitive archer, he was with the National Team and had accumulated experiences which he could share with the archers and students.
### **Address**
9 Ah Hood Rd, East Asia Institute of Management
### **Schedule**
Sundays 3PM - 4PM
### **Booking Information**
* Please contact **98225900** to find out how to book this class.
* The instructor will reach out to you once you've booked the class.
Group Tennis Class (Beginner) @ Stadium
**Who Is This Session For:**
Beginner tennis players with no experience or play for less than 1 year.
**What You'll Learn:**
\- Foundational tennis skills\, footwork\, forehand and backhand strokes\, volley and serve
\- Learn progressively\, in stages\, to adapt and improve on these basic skills
\- Spar with players of similar standard
\- Learn tennis from certified coach
\- At least 2 years of coaching experience
**What To Prepare:**
Water bottle, sports attire, tennis racket will be provided to you :)
**Number Of Pax:**
Max 4 pax per group
**Wet Weather Policy:**
Reschedule in case of rain, 1h before lesson
**Time:**
Sunday 7.00-8.00 PM
**Price:**
$45 per class
$150 for 4 classes ($37.50/class)
Please PM or Whatsapp Gabriel ([8401 4648](https://wa.me/6584014648)) if you are interested! 😊
➡️ [https://wa.me/6584014648](https://wa.me/6584014648)
**We Also Have Classes Other Popular Locations**
River Valley, Buona Vista, Tampines, Punggol, Upper Thomson, Stadium, Farrer Park, Kembangan, Choa Chu Kang, Lorong Chuan, Senja Cashew CC, Bukit Batok and many more!
**View All Our Tennis Classes Islandwide! 👇**
[https://sporthitch.com/tennis/](https://sporthitch.com/tennis/)
**Arrange For Adult Private Tennis Classes! 👇**
[https://sporthitch.com/adult-private-tennis-classes-singapore/](https://sporthitch.com/adult-private-tennis-classes-singapore/)
**Arrange For Kids Private Tennis Classes! 👇**
[https://sporthitch.com/kids-private-tennis-classes-singapore/](https://sporthitch.com/kids-private-tennis-classes-singapore/)
XMAS KARAOKE & SINGALONG w FREEFLOW DRINKS! Decorate & eat your own shortbread!
**Check out [funeventssg](https://www.instagram.com/funeventssg/) Instagram for the latest updates!**
**Celebrate Christmas & make new international friends! Join us for 4 hours of karaoke & singalong fun, complete with FREEFLOW DRINKS! Plus, enjoy the chance to decorate & savour your own Christmas shortbread, Singapore-style! Bring your friends & family for exclusive special requests!**
**All are welcome, regardless of race, language, religion or nationality!**
**If you are bringing your friends & family, please type your group leader's name when you RSVP so that the best arrangements can be made for you! Feel free to join if you just want to listen too!**
**Date: 21 December 2025 Sunday**
**Time: 6.30pm to 10.30pm**
**Location: Cash Studio Clarke Quay Central**
6 Eu Tong Sen St, #03-21, Singapore 059817
**Entry Fee: SGD18nett** **inclusive of FREEFLOW non-alcoholic drinks!** **Choose from a wide variety of hot & iced drinks! Refer to the attached menu!**
**IMPORTANT:**
**1 You need to register for this event.** You have to pay a much higher entry fee & may not be guaranteed of a seat if registration is not done.
**2 Upon entry, you have to make payment of SGD18nett to Cash Studio. Inform the staff you are there for a Meetup event & keep the receipt as proof of payment.** Thereafter, you will be given a wrist tag & you are free to move around the various themed rooms to enjoy the songs & ambience!
**3 Participants are strictly not allowed to take photographs or video recording of others at the event without permission.** The organiser has the right to ban & evict anyone who refuses to adhere to this rule.
**4 Photographs will be taken by the organiser at the event for marketing & publicity.** Should you be uncomfortable with that, kindly inform the organiser to omit you in the photographs.
**5 Please be considerate. As seats are limited, kindly un-RSVP if you are unable to make it.**
**6 Please ensure you have no close contact with Covid-19/Mpox positive person(s) within the last 5 days.**
**7 Please wash your hands with soap & be hygienic at all times. If you are playing someone else's games, kindly ensure your hands are clean & have no food etc.** You wouldn't like it if others dirty your games right?
**8 Please take turns & wait for your turn *(one song per turn)* to sing.** This is to ensure that everyone has a chance to participate in the singing.
**9 No form of solicitation, MLM, investment, scam or harassment will be tolerated.** Kindly inform the organiser on the spot should you encounter anything that makes you uncomfortable.
**10 Please take care of your personal belongings. Exchange of any contact information is solely at your own discretion. The organiser is not accountable for any incidents or loss of personal belongings.**
**The organiser reserves the right to deny entry to anyone who fails to comply with the rules.**
**By signing up for this event, I agree to the terms & conditions stated above to ensure a safe and conducive environment for all! :)**
Final Segmented Speed Dating of the Year for Uni Grads (Singles 35 - 50)
To confirm your participation, please email **completeme@outlook.sg** or WhatsApp **81252321** us at least 3 days before the event. Please note that marking yourself as “Interested” on Meetup does not confirm your slot. Kindly contact us early to secure your place. **Walk-ins are not allowed.**
This event is specially curated for university graduates - singles born between 1975 - 1990. We are expecting a minimum of 10 ladies and 10 gentlemen.
You’ll enjoy meaningful 1-to-1 rotations with the opposite gender, specially curated to help you create genuine connections. At the end of the session, our mutual matching process helps your newfound connections continue beyond the event.
Your experience doesn’t end there. You will be invited to a private Telegram group for one week, providing the opportunity to continue conversations either in the main group or privately with your matches.
Your ticket includes:
✨ 1 complimentary drink
✨ Guided 1-to-1 rotations
✨ Mutual matching
✨ A week-long facilitated Telegram chat group
If you’re looking to meet new people, expand your circle, and potentially discover someone special — this is an event designed for you.
**Cost:**
Lady's Ticket $38
Gentleman's Ticket $38
This event is organised by **CompleteMe Dating Agency**. Founded in 2012, CompleteMe is a Singapore-based dating agency known for its curated dating events and speed dating sessions designed for working professionals. Having organised over 1,000 dating activities, the agency has helped countless singles meet, connect, and build meaningful relationships over the years. As a legit dating agency, CompleteMe conducts verification checks to ensure that all participants are legally single.
Virtual Skating Weekly Challenge!
Hi Everyone,
With Covid19 happening, there is still a limited participants for group events of up to 8 pax happening, so this just to keep the virtual skating together going.
The Challenge is to skate as much as you can during this pandemic each week. And see how we rank on leaderboard of Strava. The ranking is arranged by most distances skated each week.
Do join us through on Strava App below:
Leaderboard updates on a weekly basis and resets every week (Mon to Sun)
Join us at https://www.strava.com/clubs/freewheelers_sg
(Kindly note that with specifically the Strava app, it is unable to cater for Inline skating option, so you will have list your tracking via run or ride for your ranking to show up in leaderboard. And this is the main challenge majority of skaters will be using.)
Feel feel to contact Janice on Meetup if you need help with the apps to join us on these virtual skating challenges. You can also ask Janice for link to join a telegram group where impromptu small group skating events are frequently organized if you are looking for skating buddies.
Special Note:
Heard feedback from some Iphone users that trouble getting apps FOC. All these apps should be free. Please make sure you download the FREE VERSION. And please download the app, before you join via Challenge Links as the Challenge Links lead Iphone users to paid versions I think.
Android Phones should be automatic directed to free version.
IPHONE DOWNLOAD LINKS:
https://apps.apple.com/us/app/strava-run-ride-swim/id426826309
Web Standards Events This Week
Discover what is happening in the next few days
Judo Fundamentals Group Class (All Ages, All Levels)
**For ages 6 and above.**
Learn Judo techniques through step-by-step instructions and various application methods. Each class consists of at least one technical sharing of technique by a coach, and multiple rounds sparring (randori). Suitable for newcomers, beginners, intermediate and advanced players.
### **Address**
Grantral Mall @ Tai Seng #02-04 601, Macpherson Road, #02-04
### **Schedule**
Sundays 3PM - 5PM
### **Booking Information**
* Please contact **98225900** to find out how to book this class.
* The instructor will reach out to you once you've booked the class.
Technique Tango III Group Class (Adults, Advanced)
**For ages 17 and above.**
Influenced by the Spanish and African culture, the Tango is sensual and passionate, one of the most fascinating dances. Stylized strides dominate this dance, along with periodical sharp and staccato movements. Tango’s passionate nature evokes a strong connection to the music, your partner and the audience, a dance that is exciting and often easy to learn. Its dramatic nature also makes Tango a very popular dance that is often featured in blockbuster movies; a favourite dance for those who enjoy drama within a dance.
### **Address**
795, North Bridge Rd, #02-01 797, 198763
### **Schedule**
Sundays 430PM - 530PM
### **Booking Information**
* Please contact **98225900** to find out how to book this class.
* The instructor will reach out to you once you've booked the class.
Web Standards Events Near You
Connect with your local Web Standards community
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
**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)
**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.**
Holiday Dinner
Monday December 29th at 6PM we'll be meeting up dinner at the Pies & Pints at Easton. Feel free to bring guests. Sandwiches run about $15 and large pizzas run $20-30.
Columbus Arduino Raspberry Pi Enthusiasts (CARPE) (Check Location)
Bring your Raspberry Pi, Arduino, microcontroller, or any other electronic project and join fellow electronics makers for a night of creativity and collaboration!
This session is open forum to share your current projects—whether complete or in progress, it’s all interesting! Whether you’re deep into embedded systems, exploring new ideas, or just getting started, you’ll find a welcoming space to collaborate, share, and get inspired.
I've been hardware hacking a See N Say to make it say whatever I want - while the project is in progress still, it should be working by this meetup! I'll bring it for demo. [See N Say Project](https://github.com/cdeever/esp32-see-n-say)
While we continue to pursue a more permanent venue for this Meetup, we’ll be using public library facilities based on availability.
This session will be at the Worthington Park Library in the Olentangy Meeting Room.















