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
Foil Developmental Group Class (Adults & Teens, Intermediate)
**For ages 13 and above.**
In this class, you will build on the basics from Foil Foundational Class and continue to learn more advanced technical skills and their applications, such as:
* Different parries
* Compound attacks
* Counter riposte
* Counter attack
### **Address**
231 Mountbatten Rd, BLK F, #01-01, Singapore 397999
### **Schedule**
Fridays 730PM - 930PM
### **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.
Beginner & Intermediate Private Tennis Classes @ Stadium
**Who Is This Session For:**
Beginner tennis players with no experience or play for less than 1 year.
Intermediate tennis players who also know basic strokes, forehand, backhand.
Suitable for both **working adults and kids** who want to learn tennis on their own time.
Private classes allow you to pick up tennis fast. The coach’s attention is 100% on you, making each class highly tailored to suit you.
**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 qualified and experienced 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:**
1 on 1 Class - $90/class
Pair Class - $110/class ($55/pax)
**Form Your Own Group With Friends & Family!**
Group of 3 - $135/class ($45/pax)
Group of 4 - $160/class ($40/pax)
**Wet Weather Policy:**
Reschedule in case of rain, 1h before lesson
\*If your condominium has a tennis court or you live near a public tennis court, we can arrange to meet you at your preferred location.
**Time:**
Flexible timing, at your convenience
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 Group Classes At 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/)
**View All Our Adult Group Tennis Classes! 👇**
[https://sporthitch.com/tennis-group-lessons/](https://sporthitch.com/tennis-group-lessons/)
**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/)
Technique Group Class (Beginner)
Bellydance is one of the oldest dance forms originating in the Middle East. Various dance styles have evolved from it, depending on the country and the region with the Egyptian style being the most common.
### **Address**
High Street Centre, #B1-14 1 North Bridge Road Singapore 179094
### **Schedule**
Fridays 730PM - 830PM
### **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.
Northern Vietnam Signature Experience 2026
# Northern Vietnam Signature Experience 2026
[https://sgtrek.com/event/northern-vietnam-signature-experience-2026/](https://sgtrek.com/event/northern-vietnam-signature-experience-2026/)
### **EVENT DURATION: 5Days 4Nights**
### **EVENT DATES:**
* **12 – 16 March 2026**
* **19 – 23 March 2026**
* **21–25 March 2026 (Hari Raya Puasa)**
* **26 – 30 March 2026**
* **03 – 07 April 2026 (Good Friday)**
* **09 – 13 April 2026**
* **16 – 20 April 2026**
* **23 – 27 April 2026**
* **01 – 05 May 2026 (Labour Day)**
* **07 – 11 May 2026**
* **14 – 18 May 2026**
* **21 – 25 May 2026**
* **28 May – 01 Jun 2026**
### **PROMOTIONAL TOUR PRICES:**
* **3★ Standard:** **SGD480 per person (sharing basis) – 2 To Go**
* **4★ Standard:** **SGD580 per person (sharing basis) – 2 To Go**
*(Prices based on twin/double sharing) – single supplement applicable*
*\* Group sizes upto 12pax max*
\*we can arrange private trips based on your dates also.
#### For inquiries and bookings, contact VIJAY on
* 📞WhatsApp at **+6592700908**
* 📧 Email us at [contact@sgtrek.com](mailto:contact@sgtrek.com)
Conquer your Fear of Public Speaking
FOC. Room opens 6.30pm for networking. Meeting starts 7pm sharp. Free of Charge. Meeting on Zoom. Come Upgrade yr Public Speaking Skills & Leadership skills at the most premier club in Singapore. 1st IN THE WORLD to qualify for 10/10 of the distinguished club program. The club which clocks in all the Memberships ribbons conquer yr Fear of Public Speaking. Singapore's Top Public Speaking Club. FREE OF CHARGE (Usual $10/meeting)
Exotic Chair Dance Trial Class (Adults, All Levels)
**For ages 18 and above.**
Discover the art of slinky chair dance and balancing moves with a hint of striptease in this beginner-friendly class! We’ll create a safe, judgment-free space where you can dress up, let your hair down, and express sensuality through music and movement.
Bring a robe or button-up shirt to pull off!
★ This class has no pre-requisites, all are welcome!
★ Pole Dance Heels (e.g. Pleasers) optional. Socks or bare feet are fine! Bring a robe or button-up shirt to strip off
### **Address**
17 Lor Kilat, #01-04, Singapore 598139
### **Schedule**
Fridays 12PM - 1PM
### **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.
Open Choreo Group Class (Adults & Teens, All Levels)
**For ages 12 and above.**
As you have fun exploring new dance moves, our dedicated instructors will be able to provide you with the attention and pacing required for your growth (and of course, fun!)
### **Address**
73 Dunlop St, #01-02, Singapore 209401
### **Schedule**
Fridays 8PM - 9PM
### **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 This Week
Discover what is happening in the next few days
LeetCode Practice Session (Fortnightly)
**Dates:**
* 4 April 2026
* 18 April 2026
* 2 May 2026
**Timing:** 2pm onwards
**Venue:** HackerspaceSG
**Address:** Textile Centre, #08-10, Singapore 199018
We'll be hanging out to practice some LeetCode questions together.
**\#\# No food provided \#\# Bring your laptop \#\#**
# Format:
* Pick a random LeetCode question (easy or medium).
* One volunteer will connect to screen and attempt the question within 40 minutes.
* Rest of the group will either role-play as interviewer, collaborator or just observe.
* At the end of the attempt, the group will provide feedback to the volunteer.
# Format of Feedback:
## Soft skills
* Ask good questions?
* What should be talked about? What should demo thru code?
## Technical feedback
* Quality of execution.
# About JuniorDev SG:
JuniorDevSG is a developer interest group that focuses on providing a place for junior developers to learn and network with each other.
At the same time, we seek to be a support system to help junior developers break into tech, navigate their careers as well growing them to one day become senior developers or tech leaders in the tech industry.
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/)
SHELLGym
⚠️ **REGISTRATION IS REQUIRED VIA [LUMA](https://luma.com/7adqd4e9)** ⚠️
**ABSTRACT**
SHELLgym is the regular cybersecurity workout you have been looking for! Whether you're just starting out and need some exercises, studying for a cert (hint: OSCP), looking at CTF challenges, or developing something cybersecurity-related (maybe your own automated tools?), SHELLgym aims to help you progress in picking up practical cybersecurity knowledge and skills. Come and go as you please, work on your own stuff with like-minded individuals, or just have fun during the workout!
**AGENDA**
Getting and using shells.
Finally, a topic in SHELLgym that covers shells! For this session, we'll talk about remote access, from exploits versus payloads, to simple persistency. Then, we'll do some triaging and threat hunting to detect such shells in our environment. The session will roughly follow this sequence:
1\. Remote access: bind/reverse shells
2\. A simple\, traditional killchain from exploit to payload to persistency
3\. Getting inspired by MITRE TTPs
4\. Threat hunting
**⚠️ NOTE**
Requirements: a computer, so that you can connect to the network, administer your shells, and enjoy a more interactive hands-on experience.
**VIRTUAL SHELLgyms in APRIL** (by request)
Hosted on Discord, do approach KK or the Div0 Crew for access !
**TRAINER**
**KK "Jim" Tan — Founder, counterShell**
As a mid-careerist convert to cybersecurity, **Jim** picked up his practical skills through getting OSCP certified and by participating in a variety of CTFs. In his career at CSIT, he performed a variety of red-teaming and vulnerability research roles and established the Cyber Training School at CSIT as the Lead Instructor. Besides the OSCP certification, Jim is also OSCE and OSEE certified, and has a Bachelor's degree in Social Science (Psychology). He now sees psychology as a field of study where you fuzz humans until they produce unexpected behaviour.
**SPONSORS**
* VENUE SPONSOR: [CyberSG TIG Collaboration Centre](https://www.linkedin.com/company/cybersg-tig-collaboration-centre)
**IMPORTANT NOTICES**
* Code of Conduct: [https://www.div0.sg/code-of-conduct](https://www.div0.sg/code-of-conduct)
* Terms of Use & Disclaimer Notice: [https://www.div0.sg/terms-of-use-disclaimer-notice](https://www.div0.sg/terms-of-use-disclaimer-notice)
Aikido Introductory Group Class (Adults, Beginner)
Makoto Aikido is a place where people can come together with a positive mind, body and spirit to practise Aikido in harmony.
We seek to continue to learn from senior Aikido Shihan to develop proficiency that conforms to Japan Hombu Dojo standards.
**Our Mission**
* To promote Aikido with a high standard of instruction.
* Conduct self-defence training to all gender and ages
* To emphasise the importance of harmony
* To emphasise the importance of basic Aikido techniques as a foundation for progress.
* To emphasise on discipline, self-control and to install confidence.
* To ensure a proper upgrading syllabus, benchmarking with that of Japan Hombu Dojo.
### **Address**
1 Guillemard Cres, Singapore 399913
### **Schedule**
Fridays 2PM - 315PM
### **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.
华语练习 Mandarin Practice
**LEARN MANDARIN WITH US**
**和我们一起学华语/普通话**
Come and join us every Saturday afternoon and learn some useful Mandarin from proficient speakers in a friendly and casual atmosphere. Besides learning the language, you will also get to make new friends from all around the world. Whether you are a beginner, intermediate and advanced learner, we welcome you.
The meetup starts at 4 pm. We will try our best to arrange seating at this time so that each group has expert Mandarin speakers. If you come later than 4.10 pm we cannot guarantee ideal seating. Seating priorities will be given to those who signed up.
**欢迎会说华语/普通话的朋友**
我们非常欢迎会说华语/普通话的朋友来参加我们这个华语/普通话练习小组,帮助来自世界各地的朋友学习华语/普通话。
***
GETTING THERE
Take Downtown (blue) Line or Circle (yellow) Line to Promenade MRT. Take Exit C at Promenade MRT, and go up to level 3.
LOCATING US INSIDE THE FOOD COURT
Look for a round tables section near the wall of the food court away from the stalls. You can drop the Event Host a message if you are lost.
NO COMMERCIAL ACTIVITIES
We welcome anyone who is keen to learn a language or help others learn the language. However, this is NOT the platform for individuals who have other intentions, such as recruiting members for their business or organization or selling products or services. We will not hesitate to ask such individuals to stop attending our meetups.
Games Sunday! #170 @Toa.Payoh.Central
***As we often have a Waitlist, please be considerate and amend your RSVP status if you have registered but subsequently cannot attend. We will be using Meetup* Organizer *app to track attendance and flag no-shows.***
***Thank you for your cooperation!***
Games Sunday! is organised by Game On! @Toa.Payoh.Central
PLAY GAMES! MAKE FRIENDS!
Date: 5 April 2026
Time: 3:30pm — 7:30pm
Venue: Seminar Room #05-05, Toa Payoh CENTRAL Community Club (opposite the road from Toa Payoh Public Library)
Fee: **$2.00** per person (**CASH only**, or use your unexpired FREE GS!R Pass if available)
Free for kids below 16 years old, and seniors 60 years and above. This fee goes to our Toa Payoh Central Community Club's Youth Network fund which we use to purchase / maintain our games and support our other social service projects.
Objective: Play Games! Make Friends! Players achieve these two to win!
Strategy: Go around smiling at people. Introduce yourself and ask for names, shake hands and laugh loudly. Be friendly, helpful, cheerful and a fun person to play with!
Games: Our Games Closet has a collection of board and card games which you can view the list here — [Game On! Games Collection](https://boardgamegeek.com/collection/user/gamestour2010). Of course you can bring your own games as well and everyone will be spoilt for choices!
IMPORTANT: Please help to set up when you come and help to pack up before you leave, including folding up all the tables, stacking the chairs and clearing the rubbish. Also, adhere to our Games Closet etiquette:
— Return browsed game to its respective shelf--if you are unsure of shelf location, check Shelf Code on Game On! sticker (see sample sticker below) found on every game box.
— File or stack game box properly within the shelf.
— Don't bring more than one game to your table.
— Return borrowed game that has been played to the Games Return Table. Before returning, check table surroundings for any fallen game component, report missing component so that replacement can be found, and pack components back in ziplock plastic bags accordingly, if provided.
***Thank you everyone! Be a good gamer!***
**About Game Sunday!...**
Games Sunday! is organised by Game On!, a sub-club of the Youth Network (YN) at Toa Payoh Central Community Club.
Games Sunday! is a regular calendar event happening on the first Sunday of every month. With a spacious venue, a newcomer-friendly atmosphere, and an ever-expanding library of board and card games, the meet-up is always well-attended and receives much love from first-timers and loyal regulars alike.
Visit and join our Facebook Group [Game On! (Toa Payoh Central Community Club)](https://www.facebook.com/groups/154963871278307/).
Game On! is one of two sub-clubs of Toa Payoh Central Community Club's Youth Network. The two sub-clubs are:
— Game On!
— Guitar Club
#ToaPayohCentralYouthNetwork #GameOn #GamesSunday
SWP #174: Photo Walk - Jalan Besar
Here is an engaging photography meetup description for Jalan Besar:
Join us for a fun and easy-to-understand photography meetup in Jalan Besar! Whether you're a pro or just starting out, we'd love for you to come and capture the vibrant sights and sounds of this neighborhood with us.
What can you expect to photograph? Colorful shophouses, bustling street life, and unique architectural details. Bring your mobile phone or any camera you have - it doesn't matter, as long as you're excited to get creative!
Join us if you are interested in photography. It doesn't matter if you are a pro or a beginner; we do it for the love of photography. We'll kick off with a short meet and greet before heading out to click pictures together.
After our photo walk, we'll end at a nearby coffee shop to chat and share our experiences.
This is a free event, but please RSVP to let us know you're coming. If you have any trouble finding us or have questions, feel free to call or text: Jay: +65 9352 0249 Sandeep: +65 8609 1667
Join our WhatsApp group for live location sharing: https://chat.whatsapp.com/IYNcf63yaXr2PAXyrjeHzi We share our live location there to help everyone stay connected — especially as people naturally wander off while shooting.
Meeting Point: Jalan Besar MRT - Jalan Besar MRT — Exit A (Hamilton Road / Tyrwhitt Road side)
Route: Hamilton Rd → Tyrwhitt Rd → Petain Rd
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.
IxDA Chat ‘n Pancakes
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!
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.
Columbus PHP: Monthly Meetup
Our monthly PHP meetup.
A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
















