Web Standards

Date: 2026-06-29 (Monday) Time: 7:00pm to 8:00pm HKT (Optional Dinner 8:00pm to 9:00pm) Fee: Free of Charge Speaker(s): Leonardo Lee Language: Cantonese 廣東話 + English Presentation File 英文簡報文件 Venue: Coffice Coworking Space Lai Chi Kok Unit 1101, Floor 11, Tower 1, Cheung Sha Wan Plaza, 833 Cheung Sha Wan Road, Lai Chi Kok Sponsored By: Coffice Event Page on Official Website: [https://hkwp.me/event/hong-kong-wordpress-meetup-98/](https://hkwp.me/event/hong-kong-wordpress-meetup-98/) **Agenda:** 7:00 – Opening, Introduction of Hong Kong WordPress Meetup and GDG Cloud Hong Kong 7:10 – “Vibe Coding” (氛圍編碼）：從 UI/UX 到網站開發 by Leonardo Lee 7:50 – Group Photo 7:55 – Closing 8:00 – Dinner sponsored by Kinsta in nearby Hong Kong style restaurant (Optional, pay for your own food) We are excited to cohost an event with GDG Cloud Hong Kong which features a topic that is relevant to our audience and theirs. Last month our speaker talked about Stitch in his presentation. This month, Leonardo will give us more insight about how to use the tool to create a website using WordPress. **“Vibe Coding” (氛圍編碼）：從 UI/UX 到網站開發 by Leonardo Lee** 你是否厭倦了傳統設計到功能程式碼之間緩慢而繁瑣的交接流程？歡迎來到 Vibe Coding 時代——借助生成式 AI 的強大功能，你的設計意圖可以無縫轉化為可運行的生產網站。 本次由 GDG Cloud HK 和 Hong Kong WordPress Meetup 共同舉辦的獨家跨社群交流會，將為你揭示終極現代 Web 開發工作流程。基於本地行業專家的前沿工作流程，你將學習如何彌合創意 UI/UX 設計與全面網站部署之間的鴻溝。 我們將展示如何將 Stitch（輕鬆實現元件和雲端部署）、最先進的 AI 代理程式（例如 Google Gemini）以及 WordPress 的靈活性相結合，從而以閃電般的速度建置、設計並部署網站。無論你是希望將視覺效果轉化為現實的設計師，還是希望大幅提升建構速度的開發者，本次分享都將從根本上改變你對 Web 開發的認知。 Are you tired of the traditional, slow handoff from design to functional code? Welcome to the era of Vibe Coding—where your design intent seamlessly translates into a working production website using the power of Generative AI. In this exclusive cross-community meetup co-hosted by GDG Cloud HK and Hong Kong WordPress Meetup , we are unpacking the ultimate modern web development workflow. Based on cutting-edge workflows from local industry experts, you'll learn how to bridge the gap between creative UI/UX and full-scale web deployment. We will showcase how to mix Stitch (for effortless component and cloud setup), state-of-the-art AI agents (like Google Gemini), and the flexibility of WordPress to build, style, and deploy websites at lightning speed. Whether you are a designer wanting to see your visuals come alive or a developer looking to supercharge your build times, this session will fundamentally change how you view web development. **Registration** Please register in both Meetup.com (here) and [GCG Cloud HK’s website](https://gdg.community.dev/events/details/google-gdg-cloud-hong-kong-presents-vibe-coding-uiux-to-website-development-powered-by-stitch-x-ai-x-wordpress/). **Sponsored By** **Venue Sponsor: Coffice** [Coffice](https://www.coffice.com.hk/) 是以本地企業及傳統行業為主要服務對象的共享辦公室，自2014年起我們分別在觀塘、荔枝角及上水設立了分行。 [Coffice](https://www.coffice.com.hk/) 致力為每個創業家提供全面的創業支援及希望透過用戶交流平台，為初創公司及微企打做一個將工作，生活，社交合而為一的理想工作環境。 [Coffice](https://www.coffice.com.hk/) 不僅希望每個創業家可以在Coffice shared office Hong Kong成功開拓業務，更關心您在Coffice coworking office space工作及生活中都能夠忙裡偷閒。於Coffice的Coffee Bar喝杯咖啡，抖足精神，與co space身邊的伙伴談天說地分享創業經驗，從而互相激發靈感，充電後再搏殺。 **Event Sponsor: Kinsta** Kinsta‘s premium managed hosting for WordPress delivers speed, security, and global scalability, directly improving reliability, efficiency, and results. With transparent, flexible service, a cutting-edge technology stack, and 24/7/365 expert human support, Kinsta adapts to your needs and improves your workflows and performance, giving you the peace of mind to focus on your business. Backed by the highest international standards with multiple regional datacenters and a global network beyond, Kinsta is an extension of your team that gives your projects a reliable foundation for online success, allowing you to work efficiently and scale campaigns effectively with WordPress and other technologies. Streamline workflows, gain peace of mind, and maximize digital ROI with Kinsta: simply better hosting. Visit [kinsta.com](https://kinsta.com/) For more information, visit [LinkedIn](https://get.kinsta.com/e3t/Ctc/ZT+23284/cP7y-04/Jks2-6qcW69sMD-6lZ3lrW597rhB5TzxBMW7KlF1N321fzMW7w_1-550xygrW2jT1t12Lc9y5W702H9P6Fy3ZjW5fr9vd7gx8S2W5wrpTl5KshwjVb5WQT1c2kL2W38rS4Q192FybW15Jf2b6y8gL2N8K953TPf7DKW4DMMht189-qQMSCdcqjnk-CW2rn7kw3xsmy-VVv80G3r_-91W8SZvJJ5TCK6WW749syD5WrRVQW6K1_7r1V7pzRW8x3f_L6htLfXW7lfH7C2Sc310f4F9Js404), [Facebook](https://www.facebook.com/kinstahosting), [X](https://get.kinsta.com/e3t/Ctc/ZT+23284/cP7y-04/Jk82-6qcW5BW0B06lZ3kVW7nHSp01szfLNW7GJvQV1-ZyfYW3FM_xX82zzgVW1yDDY56tT2mzW1J83QC4ZK0SZVWPb6-57s0RjW1nGJmw1XP1MXW27VpxC272tkhW8bkV3C2fsN11W9b0yym4zT3lxW59fJJm4tw0FzW6qnq2x7Z-XhCW5TrM6H2c8nLRW4N1p4f906jCPW3Gkh3672hmtHVFDcsK53fLYdV2vRg13P4qxqW7YJkL77GLYrjf41Rrz004), [Github](https://get.kinsta.com/e3t/Ctc/ZT+23284/cP7y-04/Jk82-6qcW5BW0B06lZ3lyW6ZNSP38xPP6RW7NzP4P7-Ww5hW2xfrpb24YSjXW18rvCP2Sn_sNVvYGnw8PwrqLW4N9Dw143RLtKVNb_2h6ScnBSVKlZfw45lQC4W5C5Pmw32JSzhW5rJbq_4ccbfBW71D-Rc6CR_KyW4nVYJY62D5TrN82h7c8g1GddW8vzBHD76C49FW6KM48p13jq2QN73Vs7xBDbCkW6dVgsM7wDj74W6hhX411B7RRlf8fZH_P04), [YouTube](https://get.kinsta.com/e3t/Ctc/ZT+23284/cP7y-04/Jk82-6qcW5BW0B06lZ3pKW4XrQy58n0_r7N1Njb9YhdJNfW83Nrz33Tbk0HVBR_3X6G5JKFW87FKwZ4YCGZJN3d6fnrn2CVRW1v1bRH2bVqKTW5wlPP25PsLLWW8dHZNW6mZK22W1G2-Jc6FNHDZW3TWjLg592Z2dW704_zY4NZWkSW95xT_25h9XssW1LMJk68p8MzyW3x-0r-6HfhBbW8KJmJh94ZXvjW555kcb4jCzvYN2SxznKf-bM5f3JvlxW04).

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

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

Fee: 7 people $75/per 6-8pm court#2 請大家遵守以 1:請大家不要在遊戲其間進行羽毛球技術指導. 2:男與女閒聊時請保持一隻手距離. 3:遊戲已例明 羽毛球等級(ab,li,i 等等), 請按照自己所屬等級參與遊戲. 4:各下參加左的活動有指定場號, 如果自行走向其他埸由我們舉辦的活動的埸地打波, 我地可能會給予警告, 請不要挑戰我們的忍耐力。 5:如果少於48小時內取消出值, 都請交出值應付之金額。 如有違反, 一律blacklist. If you join my game for first time please send me your mobile no. to confirm your spot. Tel: 6019 8622 Ice Please Whatsapp or message me through meetup as soon as possible if you can't come. ‧ We will be playing 21 points doubles match ‧ Strictly NO BEGINNER ‧ The event is not first come first serve, I will pick suitable players in order to balance the level of the game. So if you are not on the attending list, please don't feel being offended, thanks for understanding ‧ Cancellation policy: Cancellation deadline is 48 hours prior to the start time of the game. Cancellation past the deadline will be marked as no-show and need to pay the no-show Fee.

心肺訓練，速度訓練，循環訓練，高強度間歇性訓練... 做乜都好，肯去做已經成功左一半，運動好訓練好，唔使同其他人比，同自己比就可以喇 IG: j.lim_trainsanity_fitness **如下雨，訓練地點會改到體育館後門有蓋空地**

Please find the event details on the link(s) / 請點擊連結查看活動詳情: https://happywednesday.hkjc.com/zh-HK/ [https://happywednesday.hkjc.com/en-US/schedule/](https://happywednesday.hkjc.com/en-US/schedule/)

🎉 Sunday Fusion Dance Party 🥳 Get ready for a night of fusion-style dance and an inclusive vibe where everyone can lose themselves in the rhythm 😎😜 📍 Santa Monica Studio 9 Shelley Street, Central ✨ Pre-Party Class: 7:15 PM – 8:00 PM (Perfect for beginners!) 💃 Party: 8:00 PM – 11:00 PM 🎟️ Fee: HKD 100 (includes one standard drink 🍷) Come dance, connect, and celebrate the fusion energy with us! See you soon! 💫

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!

Join us for an exciting evening of language exchange and practice with friendly international friends. Whether you're a beginner or fluent speaker, this event is perfect for anyone interested in Mandarin and English languages and making new connections. Our previous meetups have been filled with engaging conversations and opportunities to improve your language skills in a relaxed and welcoming atmosphere. Come to our Mandarin and English Corner and mingle with like-minded language enthusiasts. Don't miss out on this chance to expand your cultural horizons and make new friends. [PLEASE NOTE] If there's a cancelation of the event, host will text attendees at least one hour before the event begins. Please pay attention to your message box and event comments board. Thank you and see you

1. 針對辦公室常見勞損而編排合適的瑜伽式子或伸展動作，紓緩工作疲勞 2. 加入適量肌力訓練，期望同時達至修身效果 3. 再配以肌筋膜放鬆術，有助紓緩痛症，釋放工作壓 HKD 800/4-class 敬請預約 RVSP 查詢/預約 : 65230389 (WhatsApp) lssdance2012@gmail.com

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

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，可免費試上律動班系列一節

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. 4. As the Etch toolset evolves, so too will the class outline below. **Introduction:** Our Site Building with Etch class provides detailed instructions on the philosophy of the Etch development framework, as well as in-depth, hands-on instruction on using the Etch environment and associated tools. Anyone familiar with Kevin Geary and the Digital Gravy set of products will tell you that they offer ground-breaking approaches to professional WordPress site development. As we write this, the Etch toolset and environment are rapidly taking shape, with weekly quantum leaps forward in WordPress development methodologies. As early investors in the Etch product offering and its development process, we are actively testing and evaluating the toolset as it takes shape. We are beyond excited to see how WordPress site development is being modernized, and can't wait to bring this course set to you. It will be a paradigm shift in page and site development within WordPress, as well as moving your development mindset light-years forward. Join us as we explore Etch and dive deep into development approaches that will genuinely elevate your craft as a website developer and agency provider. Scalable, responsive, compliant websites are now within easy reach, and Etch provides both the platform and toolset to take you there. **The breakdown of the 10-class series is as follows:** * Class 01 - TBD * Class 02 - TBD * Class 03 - TBD * Class 04 - TBD * Class 05 - TBD * Class 06 - TBD * Class 07 - TBD * Class 08 - TBD * Class 09 - TBD * Class 10 - TBD Throughout the class sessions listed above, we cover the following key areas of web development with Etch: * **Introduction to Etch Interface:** * Familiarization with the toolset's layout and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Etch's interface, incorporating sections, divs, containers, and elements to build semantically correct page structures. * **Styling and Design:** * Utilizing Etch's styling approach to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box, and even built-in fields) to build data-driven websites. * **Component Building:** * Creating and managing reusable components for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Etch contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Etch, catering to both beginners and experienced web developers alike.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are finalizing our 2026 schedule, so minor adjustments are still underway. 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 six-class series is as follows:** **Class 1: TBD** **Class 2: TBD** **Class 3: TBD** **Class 4: TBD** **Class 5: TBD** **Class 6: TBD**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.

You can sleep in on the Sesquicentennial (observed), we’re shifting to the following Friday. But join the local UX community for a chat and some biscuits to catch up. If you were in CA for Figma Config, tell us all the lines and you can tell me how I can animate an SVG without coding it by hand, and why I’d even want to. Thanks to the team at Nationwide of supporting the group.

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

**Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. 6:30 to 8:00 pm. Main meeting and presentation(s). Topic: This month Chris Pazsint will be talking about Agentic Coding. How does one use CLI Based Agents, and Agentic IDEs such as Cursor, Kiro, Antigravity? How to include agentic coding plugins for IDEs you already love such as Visual Studio Code. We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com

Want to be a speaker? submit your talk to our Call for Presenters!!! https://sessionize.com/azure-cbus-2026/