HTML & CSS

First timer, please leave contact. Please put your name on the waiting list which will be updated later. My WhatsApp / Signal: 9528-5003 \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- Pure White Jersey 純白 $10 (Over 70, Free; PayMe / FPS #: 9528-5003) \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- 7 Apr 2026 (Tue), 4:30 pm ----- Friendly (Away, White) vs Tony Lo Kowloon Bay Park (Small), Kai Lai Rd., Kowloon Bay. 九龍灣 啟禮道 九龍灣公園 (細). Tel: 2750-0849 9-a-side Quasi-Natural Turf 9人仿真草

We interrupt our usual programming - to bring you [adisbladis](https://blad.is/), our sometime resident [Nix](https://github.com/nixos/nix) expert at Dim Sum Labs - for this HackJam. Nix is a powerful package manager that can help you setup your OS and environment exactly the way you want it, with perfect reproducibility, reliability and easy rollback. It's not the easiest to setup however. So Adam is here to help. Whether you are curious about Nix and want to see it in action, have specific problems that need help with, or just want to talk shop with other Nix enthusiasts, this is your chance to work with one of the world's foremost expert in Nix! More about adisbladis: [Adisbladis](https://blad.is) is a freelance Nix consultant & nixpkgs committer, where he mostly enjoys working on lower level plumbing such as lib & stdenv. He is most well known in the Nix community from his work on various Nix tooling such as: * [uv2nix](https://github.com/pyproject-nix/uv2nix) * [pyproject.nix](https://github.com/pyproject-nix/pyproject.nix) * [poetry2nix](https://github.com/nix-community/poetry2nix) * [gomod2nix](https://github.com/nix-community/gomod2nix) * [nix-eval-jobs](https://github.com/nix-community/nix-eval-jobs) * [nix-unit](https://github.com/nix-community/nix-unit) \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- This is Dim Sum Labs' Public HackJam meet. Free! Everyone is welcome to join us. If you are an engineer, designer, programmer, artist, creator, innovator, visionary, entrepreneur, or inventor, join us for an evening of thought-provoking conversations. Or better yet, bring your projects, ask for help, and show them off. This is also your chance to test the space before becoming a member. Members have access to the space and all the [equipment within](https://www.dimsumlabs.com/equipment/), 24/7 for a very reasonable price! For details, [please see our website](https://www.dimsumlabs.com/become-a-member-of-dim-sum-labs/). Calling for show-and-tell: if you want to share your projects on coding, making, art, and tech venture projects, come jam with us on HackJam. We can accommodate and help you promote here. Contact us here or via the means listed below. Being Hong Kong's longest-running Hackerspace (since 2011), we are happy to host you, who may: * Be coming from out-of-town * Be from other Hacker/Maker/co-working spaces * Want to get hands-on and create * Wish to network with high-quality, friendly, like-minded people * Be curious about what all this is about * Just want to have a drink while coding. Can't arrive at the start time? Drop in when you can make it :) For more information, check out our website at [https://www.dimsumlabs.com](https://www.dimsumlabs.com), or chat with us (we are happy to chat with you): * Telegram: https://t.me/dimsumlabs * IRC Chat: #dimsumlabs on https://libera.chat/

**德州撲克**（Texas hold'em，有時也簡稱為Hold'em或Holdem），簡稱**德撲**，是世界上最流行的公牌[啤](http://%5Bhttps://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B%5D(https://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B) "啤")衍生遊戲，也是國際啤比賽的正式競賽項目之一。[世界撲克大賽](http://%5Bhttps://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%89%91%E5%85%8B%E5%A4%A7%E8%B5%9B%5D(https://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%89%91%E5%85%8B%E5%A4%A7%E8%B5%9B) "世界撲克大賽")（World Series of Poker, [WSOP](http://%5Bhttps://zh.wikipedia.org/wiki/WSOP%5D(https://zh.wikipedia.org/wiki/WSOP) "WSOP")）和[世界啤巡迴賽](http://%5Bhttps://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%92%B2%E5%85%8B%E5%B7%A1%E8%BF%B4%E8%B3%BD%5D(https://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%92%B2%E5%85%8B%E5%B7%A1%E8%BF%B4%E8%B3%BD) "世界啤巡迴賽")（World Poker Tour，[WPT](http://%5Bhttps://zh.wikipedia.org/wiki/WPT%5D(https://zh.wikipedia.org/wiki/WPT) "WPT")）的主賽事（Main Event）項目即是「無限注德州撲克」[\[1\]](https://zh.wikipedia.org/zh-hk/%E5%BE%B7%E5%B7%9E%E6%92%B2%E5%85%8B#cite_note-1)。 德州撲克是位置順序影響最大的啤衍生遊戲之一，每一輪的下注順序維持不變，它也是[美國](http://%5Bhttps://zh.wikipedia.org/wiki/%E7%BE%8E%E5%9C%8B%5D(https://zh.wikipedia.org/wiki/%E7%BE%8E%E5%9C%8B) "美國")多數[賭場](http://%5Bhttps://zh.wikipedia.org/wiki/%E8%B3%AD%E5%A0%B4%5D(https://zh.wikipedia.org/wiki/%E8%B3%AD%E5%A0%B4) "賭場")內最受歡迎的[啤](http://%5Bhttps://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B%5D(https://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B) "啤")牌類遊戲，在美國以外的地區也十分流行，與[橋牌](http://%5Bhttps://zh.wikipedia.org/wiki/%E6%A1%A5%E7%89%8C%5D(https://zh.wikipedia.org/wiki/%E6%A1%A5%E7%89%8C) "橋牌")的流行程度相當。理論上，一桌同時最多可容納22位（若不銷牌則為23位）牌手，但一般是2〜10人一桌。 🔔 呢一局係自助局, 參加者需輪流take turn派牌! 我地唔玩錢, 冠軍有小回贈. 地址: 觀塘駿業里8號世貿大樓605室 難度: 容易 (會教你哋玩法). 費用: [$105, Meetup報名$100] Pay at entrance. 包飲品一盒, extra飲品每盒$5. 🔔 人多, 或員工/主持忙於教玩遊戲時可能沒暇收取場費, 請利用櫃面PayMe code/Ali Pay /FPS號碼自行支付. 如發現有故意走數情況, 會被放進Meeple Tree 黑名單. 🔔 場地沒有食物提供, 但歡迎帶外賣上來食. 🔔 宣傳其他場地/放飛機/遊戲過程中態度惡劣者會被放進黑名單. 🔔 入埸請除鞋. 埸內拖鞋祗供店內用, 請勿著出店外. 🔔 報名參加Meetup活動, 當系統問你"Are you bringing anyone"時, 如果你祗是一個人來, 毋須㩒+1 (+1代表會帶朋友來的意思). 🔔 我哋嘅活動主持人有時會因為工作或者學業關係臨時嚟唔到，Meeple Tree 保留臨時更換主持嘅可能性。🙏 🔔 本會因放飛機(活動開始前24小時內退出者)被移除人數: 102 🔔 Meeple Tree保留參加者名單最後決定權. 🔔 Follow我哋IG: mtboardgame / boardgame_hk \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 📣 我地成業街超抵Deal場地‼️ 星期一至四，$400 book 場玩6個鐘，book 晒成個場, 600尺空間自由玩！ 歡迎約埋啲朋友仔一齊上去玩啦！查詢預約：Whatsapp 6️⃣7️⃣9️⃣4️⃣1️⃣1️⃣6️⃣6️⃣

🌿 給自己一點空白, 是愛自己的方式 🌿 在忙碌與壓力之中，別忘了為自己留一個安靜的角落。 療癒，是一種溫柔的整理，讓你放下累積的疲憊，重新找回內在的平衡與寧靜。 ✨【Healing Space • 節日限定能量療癒體驗】✨ 在靜止的空間裡，療癒如同靜靜流淌的河水 📅 日期： 4月7日 (星期五) 🕙 時間： 10:00–20:00 (每節 1 小時) 📍 地點： 太子康威大廈 💫 體驗亮點： ✅ 首次體驗｜1對1脈輪平衡療癒 — 免費 ✅ 溫和清理能量阻塞，釋放負能量 ✅ 協助情緒舒緩，回到身心合一的狀態 📌 所有療癒需預約，並依循療癒指引 🔗 預約連結：https://forms.gle/jr5csDYhxbxfBmAv9 📩 查詢 Lilian：95457444 🌿 願你在這片安全而寧靜的空間裡，深深呼吸，溫柔地照顧自己。 📲 追蹤般尼克療癒香港 Follow us： https://linktr.ee/mckspranichealinghk ➖➖➖➖ Lilian PHealer WhatsApp Channel： https://bit.ly/lilianphealer_wtschannel #健康就是財富 #能量療癒 #身心平衡 #脈輪平衡 #釋放壓力 #減壓放鬆 #情緒療癒 #療癒空間 #健康生活 #免費體驗 #HealthIsWealth #EnergyHealing #ChakraBalancing #StressRelease #EmotionalHealing #InnerPeace #HealingSpace #BalanceYourLife #FreeHealingExperience #PranicHealing

WhatsApp 55425264

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

\*Suitable for lower level or rusty players. We play for exercise and fun rather than compete for points. \*Court booking and shuttlecocks cost to be shared ($30 pp). Rackets can be borrowed at no cost. Please bring your own racket if you have one. \*Kindly note that if you cancel after the RSVP deadline you are expected to still pay for your share. \*Please make sure you leave your number at RSVP, and input my phone number when given to you. All updates will be done through WhatsApp. \*\*\* How to get there: (These minibuses and big buses all stop in front of/or right opposite Phase 1 & 2, Residence Bel-Air. Please click on the highlighted number to check the route and route map for yourself.) Green Minibus 58 ([https://www.16seats.net/eng/gmb/gh_58.html](https://www.16seats.net/eng/gmb/gh_58.html)) from Kennedy Town (MTR Exit A) 58M ([https://www.16seats.net/eng/gmb/gh_58m.html](https://www.16seats.net/eng/gmb/gh_58m.html)) from Kennedy Town (MTR Exit A) 69 ([https://www.16seats.net/eng/gmb/gh_69.html](https://www.16seats.net/eng/gmb/gh_69.html)) from Quarry Bay (MTR Exit B) 69X ([https://www.16seats.net/eng/gmb/gh_69x.html](https://www.16seats.net/eng/gmb/gh_69x.html)) from Causeway Bay (MTR Exit D1) Citybus 30X ([https://hkbus.app/en/route/30x-1-admiralty-](https://hkbus.app/en/route/30x-1-admiralty-)(east)-cyberport) from Exchange Square in Central 73 ([https://hkbus.app/en/route/73-1-stanley-village-cyberport](https://hkbus.app/en/route/73-1-stanley-village-cyberport)) from Stanley 970 ([https://hkbus.app/en/route/970-1-so-uk-estate-cyberport](https://hkbus.app/en/route/970-1-so-uk-estate-cyberport)) from So Uk By car: there is a guest car park at $18 per hour. (You may be able to get parking redemption if you join our lunch at the clubhouse.) Please make sure you look up the location of Phase 1, 2, and don't end up at other phases. By taxi: Tell/Show the driver the address is 貝沙灣第一,二期會所.

LSS Smart Fitness 律動班系列 Wed/Sun $100/ 1-hr class ($350 /4-class) Please RSVP one week in advance Welcome to book other time slot (WhatsApp 65230389) Vibration x MFR 療癒律動 (Relax, Muscle release & Facial massage) Vibration Fitness (Stretch & Strength) 健體律動 Vibration x BellyFit 美型律動 (Body Shape-up with Bellydance Technique Drills) Vibration x Yoga 律動瑜伽 (Yoga Asana in vibration setting) https://eshop.cosway.com.hk/ One FREE trial class with any Cosway purchase receipt over HK$1000 under introducer code : HK370579B 以 HK370579B 作介紹人的 Cosway (網購或門市)購物消費，逾 HK$1000，可免費試上律動班系列一節

LSS Smart Fitness 律動班系列 Wanchai/Jordon $80/ 30-45min class ($200 /4-class) $100/ 1-hr class ($240 /4-class) **（No classes from May 10-19th)** Vibration x MFR 療癒律動 (Tue) (Relax, Muscle release & Facial massage) Vibration Fitness (Stretch & Strength) 健體律動 (Wed) Vibration x BellyFit 美型律動 (Thu) (Body Shape-up with Bellydance Technique Drills) Vibration x Yoga 律動瑜伽 (Fri/Sun) (Yoga Asana in vibration setting) 30-45 min per session. 每節課約 30-45 min https://eshop.cosway.com.hk/ First time FREE trial with any Cosway purchase receipt under introducer code : HK370579 憑任何以 HK370579 作介紹人的 Cosway (網購或門市)購物收據，可免費試上律動班系列一節

First timer, please leave contact. Please put your name on the waiting list which will be updated later. My WhatsApp / Signal: 9528-5003 \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- 🔵 Deep Blue Jersey 深藍 🔵 $20 (PayMe / FPS #: 9528-5003) \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- 12 Apr 2026 (Sun), 4:30 pm ----- Friendly (Home, Blue) vs SHiP Happy Valley -- Pitch 5 跑馬地 5 號場. Tel: 2895-1523 Natural Turf 真草

LSS Smart Fitness 律動班系列 Wanchai/Jordon $80/ 30-45min class ($200 /4-class) $100/ 1-hr class ($360 /4-class) **（No classes from May 10-19th)** Vibration x MFR 療癒律動 (Tue) (Relax, Muscle release & Facial massage) Vibration Fitness (Stretch & Strength) 健體律動 (Wed) Vibration x BellyFit 美型律動 (Thu) (Body Shape-up with Bellydance Technique Drills) Vibration x Yoga 律動瑜伽 (Wed/Sun) (Yoga Asana in vibration setting) 30-45 min per session. RSVP 每節課約 30-45 min. RSVP https://eshop.cosway.com.hk/ First time FREE trial with any Cosway purchase receipt under introducer code : HK370579 憑任何以 HK370579 作介紹人的 Cosway (網購或門市)購物收據，可作首次免費試上律動班系列一節

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

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

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

Columbus Code & Coffee is an inclusive, informal co-working session. People of all skill levels attend, and we love it that way. Many people (optionally) bring projects to work on, and many other people (optionally) socialize the entire time. It's entirely up to you! **What to Expect at the Intro Circle** \~\~\~\~\~\~\~\~\~\~\~\~\~ Near the beginning of the event (1:30 pm), we do a standup: * Organizer announcements, updates, and logistics Round 1 - (7 secs max): * Your name * What you're working on * What you can help others with Round 2: * Community events you wanna plug. If none, that's cool too. Round 3: * Job opportunities you're hiring for OR announce that you are looking for one. If none, that's cool. After the introduction circle, everything is self-organized! Feel free to work alone, pair up, attend one of our workshops/presentations, or mingle!