Web Standards

🧧新春開年飯活動🧧 《第二組 豐衣築食吃喝會》 [2702 金牌九大簋開年飯@六安居]🧧🍽️ 日期：2月27日(五) 時間：1930-2200 飯店：上環六安居(蓮香居舊址) 消費：每位$318(宴席$3680） Event fee :$10/位(已包括） 人數：12位/席 訂位：齊人訂枱付訂 Host: CC ⭐️金牌九大簋Menu(12道菜)⭐️ ⭐️金錢雞錦繡大拼盤 ⭐️川貝杏汁燉白肺 ⭐️蓮香霸王鴨 ⭐️黃金煱大虎蝦 ⭐️生煎蓮藕餅 ⭐️泮水芹香 ⭐️翡翠彩鳳蚌片 ⭐️生炆龍躉翅 ⭐️馳名貴妃雞 ⭐️飄香荷葉飯 ⭐️蟠桃壽包 ⭐️蓮蓉焗西米布甸 (奉送啤酒大樽裝2支，細啤4支加$68可買紅酒1支) 💰價錢💰 1席：$3680/12位(已包茶芥/加一)+event fee 每位$10 平均每位$318/位 ❇️付款方法❇️ (每位參加者入組前,需全付$318位) ⭐️入群前，host會通知你付款方法 ⭐️付款後, 請通知& whatsapp CC入數留收據, 才能入臨時群⭐️ ⭐️歡迎當日早到/遲到/早退，不歡迎突然飛機友，付款後如未能參加，必須要搵到群組成員代替出席，不設退款。 ⚠️溫馨提示：～ 1.歡迎成員邀請朋友參加 2.不歡迎臨時消失飛機友，當成員付款後，如未能出席，自找成員頂位，不設退款，故此考慮清楚報名參加活動！如真正未能出席，請自動自覺退組，在meetup轉“not-going。 3.若發現成員經常性臨時飛機友，會列入黑名單，望成員尊重自己，尊重本組活動。 4.Host有最終活動決定權。 (六安居資料）:~ 網址: https://s.openrice.com/QrbS04ti000~uAyTUAw 地址: 上環德輔道西46-50號2-3樓 電話: 21569328

星期一<狼人局>詳情如下: 地點: 觀塘101 時間: 7-12點 人數: 12人 價錢: $100/位, 女生$60 歡迎前往我們的IG看更多內容和活動詳情♥️ 101boardgame / 101boardgame.party

Dance Health & Wellness Club Club Membership $130/month entitlement for one class Free 課堂模式 Class Format 45 min 主題舞動 Class Movement 15 min 伸展按摩 Stretch & Massage

時間： 7 點-1155點 內容：Party board game, 陣營類board game 收費：$100 女生$60 包一款飲料 歡迎去我們的IG看更多內容和活動詳情♥️ 101boardgame / 101boardgame.party

An open lab experience for startups to learn about MDTL professional services and beginner friendly but advanced equipment to support your R&D activities. **Date**: 2 - 6 Feb 2026 (Mon - Fri) **Time**: 10:00 - 18:00 **Venue**: Unit 109, 1/F, Building 15W, HK Science Park **Register here**: [https://hkstp.wufoo.com/forms/mdtl-open-week-2026-registration-form/](https://hkstp.wufoo.com/forms/mdtl-open-week-2026-registration-form/) **Registration deadline**: 30 Jan 2026 (Fri) **Enquiry**: mdtl@hkstp.org / +852 6531 8995 **⚠️ Important registration notice** RSVPing on our platform does **not** register you for the event. To secure your place, please register via the above link.

Hi everyone! **(Only reservations via whatapps are accepted)** **any booking and question whatapps +852 61355931** **[https://wa.me/85261355931](https://wa.me/85261355931)** 🧘‍♀️ Beginner\-Friendly Private Yoga Class \(Mong Kok\) \| Monday 7pm\-8pm A perfect opportunity to build a strong foundation in yoga in a small and supportive setting! 📍 Location: Mong Kok (Exact address provided upon registration) ⏰ Time: Every Monday, 7:00 PM - 8:00 PM 👥 Class Size: Limited to 4 students What You’ll Experience: · Guided instruction on fundamental yoga poses · Improvement in flexibility, strength, and body awareness · A relaxed and gentle approach suitable for beginners · Personalized adjustments based on individual needs and goals · Small class size ensuring attentive guidance and support Trial Class: $100 Single Session: $180 4-Class Package: $600 (Valid for 6 weeks) Our studio is fully equipped with all necessary yoga equipment and changing facilities for your convenience. Ideal for those new to yoga or looking to refine their basics in a calm and focused environment. 📩 DM for details or to reserve your spot! Let’s start your yoga journey together. Hi everyone, I'm Bella Lee, your yoga instructor! I was super stiff and tight when I first started yoga too – so trust me, I totally get it! 😊 Don’t worry if you're new or feel inflexible – this class is welcome to all levels and genders. I’m here to guide you patiently and clearly, making sure every posture feels good and safe for your body. Please just let me know before class if you have any injuries or concerns – that way I can help you practice mindfully. Can’t wait to meet and flow with you all! Yoga Instructor information · 9+YEARS EXPERIENCED YOGA INSTRUCTOR · 200 HOURS YOGA TEACHER TRAINING CERTIFICATE COURSE · XIN KINESIOLOGY FOR SPINES AND BACKBENDS COURSE · USUI REIKI RYOHO LEVEL 1（靈氣治療等級一） · ZEN MEDITATION LEVEL 1 禪修等級一 · RPYT-85 HOURS REGISTERED PRENATAL & POSTNATAL YOGA TEACHER TRAINING · STICK MOBILITY LEVEL 1

Come for another casual gathering and chat with peers in the software & technology community. Bring your smile and relax with a refreshing drink. **Concept** 🍻 It works simple: 1. feel free to arrive and leave at any time during the event 2. get yourself a drink at the bar or convenience store 3. say hi to someone in the group and chat away. **How to find us?** 👀 Bart/Stephen usually wear something that is easy to spot in a crowd. Often it's a bright coloured t-shirt or something orange themed. Have a look at past photos of meetups to recognise him. Moreover, we usually stand close to the bar. **Venue** 📍 **The Beer Bay** is an **outdoor kiosk/bar**, situated at the walkway between the Central Ferry Piers, at the ground level **entrance of Central Ferry Pier #4** (to Lamma Island). There's plenty of space to stand, and various places to get drinks. Usually lots of people in conversation, and an overall casual and relaxed atmosphere. In summer it can get hot and sweaty, and winter a bit cold, but drinks are refreshing and nothing beats that skyline! **Toilets** 🚻 There is a public toilet at the end of the piers near pier 2, or you could walk to the IFC shopping mall nearby. **Drinks** 🍺🍷🍹🥤 The Beer Bay serves refreshing alcoholic drinks, such as cold drafts, wine and plenty of mixers too. There are also non-alcoholic options from other stands and convenience stores around as well. See you on Friday Feb 6!

【歡迎只作旁聽，會作分享的書友優先】 1. 活動目標：希望大家能夠分享閱讀心得，開開心心共渡週末。 2. 地點：歡迎參加者提議，消費自付。 3. 時間：下午2時至5時（3小時） 4. 活動流程：以廣東話為主，輪流分享閱讀所見所聞，其他人輪流發問。希望各人藉此更能深刻了解書本知識，用更多不同角度探索書本， 互相啟發及學習。 5. 參加者需帶備一本已經閱讀80%或以上的書本 （中英文書皆可），歡迎絕大部分主題：勵志、心理、商業、股票、旅遊、運動、健美、中西醫療、哲學、散文、美術、種植、歷史、學習方法等等。不接受漫畫、雜誌、報章及任何淫褻不雅之讀物。 6. 活動在午餐 / 下午茶中進行。 7. 失約和習慣性最後一刻退出的成員，將從成員名單中刪除。 8. 若有候補名單，曾經失約和曾經最後一刻退出的成員，他們當次出席的名額將給予其他候補成員。 9. 其他事項：活動期間，參加者應小心看管個人財物，如有任何損失，本會概不負任何責任。

Settle in for an evening of luminous jazz as Montreux Audience Choice Award‑winner **Talie Monin** brings her eponymous Talie Monin Trio to The Wanch Jazz Series on Wednesday, 4 February, 9pm. ​Talie channels African rhythm, Parisian sophistication, and Hong Kong energy into one unmistakable voice. With **Toshi Horiguchi** on keyboards painting deep, modern harmonies and **Jimmy Pittman** on bass anchoring everything with lithe, singing grooves, expect classic jazz standards honouring the artistry of Ella Fitzgerald and Betty Carter, as well as fresh original jazz. ​ Seats at The Wanch vanish quickly when Talie is on the bill, so bring your jazz‑curious friends, clear the mid‑week calendar and walk into a night that feels like the pages of your favourite jazz magazine come to life. 🎟️ Book your tickets NOW https://www.eventbrite.com/e/worldclass-jazz-talie-monin-trio-at-the-wanch-tickets-1980932847472 Date: **Wednesday, 4th February 2026** Time: 9:00 PM – 10:15 PM Venue: The Wanch, 1/F, Henan Building, 90 Jaffe Road, Wanchai Tickets: HK$300 Walk-in Tickets: HK$350 (includes one complimentary drink and HK$100 food & drink voucher) (*All drinks and F&B vouchers must be collected at the door upon entry and will not be reissued or made available at a later time.*) This show is part of Jazz Wednesdays—The Wanch’s celebrated live music series. With limited seats available, secure your spot for a great night of pure jazz magic.

Dim Sum Labs 點心造物俱樂部誠意邀請你參加我們的公開免費 HackJam 聚會。歡迎所有電子工程師、設計師、程式設計員、藝術家、創作者、創業家、修物大師、發明家、或夢想家來展示及討論你的創作。還沒有創作，但是很想開始？歡迎過來討論你心目中的創作，我們都很樂意協助。想延續摯愛物品的壽命？我們有工具和與你一樣好奇的會員，可以助你一把。好奇但沒有創作或想修理的東西？我們的會員及到訪者都很樂意分享經驗。我們來自五湖四海：在大科技企業工作、貢獻重要的開源項目、或發表過重要的藝術。參與 HackJam，可以共度一個難忘及充滿啟發性的晚上。 參加我們的聚會，你亦可以在成為會員之前，體驗一下 Dim Sum Labs 會所裏各類造物設備，包括各類電子零件（由電阻到 Arduino 及 Raspberry Pi）及電子燒焊工具，雷射切割及打標機，FDM和樹脂3D打印機，各類木工及金工工具。新的機器陸續有來，包括UV打印機，吸塑機，貼紙切割機等等。只想編程？我們有光線充足的桌面作為共享空間。會員可以隨時隨地（24/7）使用空間，以便造物。 成立於2011年，我們是香港歷史最悠久的創客空間 Hackerspace。現時會所建立於2013年，經歷種種困難及挑戰，至今屹立不倒，多得一眾非常熱心的會員支持。來參加我們的聚會，認識一群志同道合、正面及熱心的造物者。我們希望能得到你的支持，助香港及大灣區建立為一個科創及電子藝術的集中地！ 想成為會員？詳情請瀏覽我們的網站。 會遲到？不要緊！在聚會結束前，隨時上來都可以。 想有一個以普通話為主的 HackJam? 請與我們聯絡。 欲了解更多？請訪問我們的網站 [https://www.dimsumlabs.com](https://www.dimsumlabs.com)，或參與我們線上群組： Telegram：[https://t.me/dimsumlabs](https://t.me/dimsumlabs) IRC 聊天：#dimsumlabs on [https://libera.chat/](https://libera.chat/) \-\-\-\-\-\-\- This is a HackJam where the main language is Cantonese. Everyone's welcome, but we want to make sure our friends who are more comfortable in Cantonese get to participate in Dim Sum Labs. For our normal HackJam? Look for Tuesdays!

Compete with rival CEOs to make Mars habitable and build your corporate empire. Difficulty: Medium - rules will be explained We'll be playing with the Big Box version, with the nice 3D plastic terrain pieces among other deluxified bits. **PLEASE keep an eye on your messages as I may need to message you. You will need to reply within 24 hours or potentially lose your place.** In the 2400s, mankind begins to terraform the planet Mars. Giant corporations, sponsored by the World Government on Earth, initiate huge projects to raise the temperature, the oxygen level, and the ocean coverage until the environment is habitable. In Terraforming Mars, you play one of those corporations and work together in the terraforming process, but compete for getting victory points that are awarded not only for your contribution to the terraforming, but also for advancing human infrastructure throughout the solar system, and doing other commendable things. The players acquire unique project cards (from over two hundred different ones) by buying them to their hand. The projects (cards) can represent anything from introducing plant life or animals, hurling asteroids at the surface, building cities, to mining the moons of Jupiter and establishing greenhouse gas industries to heat up the atmosphere. The cards can give you immediate bonuses, as well as increasing your production of different resources. Many cards also have requirements and they become playable when the temperature, oxygen, or ocean coverage increases enough. Buying cards is costly, so there is a balance between buying cards (3 megacredits per card) and actually playing them (which can cost anything between 0 to 41 megacredits, depending on the project). Standard Projects are always available to complement your cards. Your basic income, as well as your basic score, is based on your Terraform Rating (starting at 20), which increases every time you raise one of the three global parameters. However, your income is complemented with your production, and you also get VPs from many other sources. Each player keeps track of their production and resources on their player boards, and the game uses six types of resources: MegaCredits, Steel, Titanium, Plants, Energy, and Heat. On the game board, you compete for the best places for your city tiles, ocean tiles, and greenery tiles. You also compete for different Milestones and Awards worth many VPs. Each round is called a generation (guess why) and consists of the following phases: 1. Player order shifts clockwise. 2. Research phase: All players buy cards from four privately drawn. 3. Action phase: Players take turns doing 1-2 actions from these options: Playing a card, claiming a Milestone, funding an Award, using a Standard project, converting plant into greenery tiles (and raising oxygen), converting heat into a temperature raise, and using the action of a card in play. The turn continues around the table (sometimes several laps) until all players have passed. 4. Production phase: Players get resources according to their terraform rating and production parameters. When the three global parameters (temperature, oxygen, ocean) have all reached their goal, the terraforming is complete, and the game ends after that generation. Count your Terraform Rating and other VPs to determine the winning corporation! (Description of the base game from BoardGameGeek) Price: $110 First-timers, or people I haven't met before, will be asked to confirm their booking. I'll message you with details after your RSVP. **You need to reply within 24 hours to keep your spot.** No outside food is allowed at the venue. It is also a shoes-off venue. No-show and lateness: anyone not showing up, dropping out on the day or late the night before or being late a number of times without good reason may be blacklisted from my future games.

**普及禪修課程 柏桑法師主講「成就願望之方法」** **每堂課為獨立單元，不需報名，歡迎大家參加。** 「缺少內在的安寧，外在的和平是無法實現的。」 尊貴的格西格桑嘉措仁波切 趁着新一年來臨，不少人都會許願，祈求「快樂」、「平安」，遠離憂傷，「世界和平」亦是十分常見的願望。 佛陀說：世上每一個人都擁有清淨的潛能，能夠經歷真正的平靜。我們只要願意學習並享受禪修所帶來的內心安寧，不但有能力解決我們人生的問題，更有能力去幫助別人。 在這系列的課程，我們將探索並體會禪修的真正力量，讓我們親身體驗世界和平，令願望成真。 **柴灣道238號 青年廣場**608**室** 3/2 清淨的祈願 柏桑法師跟隨尊貴的格西格桑嘉措仁波切修習佛法逾二十年。她平易近人，教學清晰實用，並啟發我們怎樣活用佛法於日常繁忙生活之中。 歡迎大家隨喜功德，建議捐助：每課 $50。所有捐款均用於中心的運作及發展，為大眾提供學習珍貴佛法的機會。 詳情: [https://www.meditation.hk/2021/cwcgp/](https://www.meditation.hk/2021/cwcgp/) #現代佛法 #禪修課程

Feel free to join if you are interested in low level computer stuff. If you have any cool projects or ideas you wanna share, bring them along

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

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