• 🍸 Making Less of the Web with Feature Policy with Andrew Betts

    New year, new meetup! We hope you're doing well and started the year of the pig right. Every new year we make the resolution we will be organising more meetups, but this year we stopped doing that, and guess what! If you've attended the first Webconf.asia conference here in HK you might know him. He is in town for a week and we are happy he wants to do a talk at our meetup, a brand new one even! On Tuesday, March 12, Andrew Betts will be talking about feature policy. This meetup is for web developers and other people who build or design for the web. You're welcome from 7 onwards at The Hive in Wan Chai. We'll start at 7:30. We hope to see you there! Holger & Charis 👫 🔸🔸🔸🔸🔸 💬Making less of the web with feature policy The web platform has seen a decade of furious expansion, with websites now able to access USB, vibration, bluetooth, and geolocation, as well as store huge amounts of data on end user devices, trigger background sync and notifications, and even get paid from users' digital wallets. But with this expansion has come an increased scope for attacks, costly mistakes and performance regressions. Feature policy is a new feature designed to actually disable or limit features of the platform. With a feature policy, developers can solve performance issues, improve security, police their development team's best practices, and even stop third party scripts from misbehaving. All with one new HTTP header. 🔸🔸🔸🔸🔸 👱🏼‍♂️Andrew Betts is principal developer advocate for Fastly (https://www.fastly.com/), co-chair of the London Web Performance meetup group (https://ldnwebperf.org/) and an elected member of the W3C Technical Architecture Group (https://tag.w3.org/). He is excellent at explaining things and will sort your pens in order of length while you’re not looking. You can find him on Twitter at: https://twitter.com/triblondon

  • A Christmas Tale about Visual Studio Code 🎄☃️

    21st Floor, The Hive, The Phoenix Bldg

    We didn't plan to run another meetup in December, but then we found out Kenneth is in Hong Kong. He has spoken at Harbour Front before, and we are super happy he is back! Kenneth works on Visual Studio Code in Seattle, US. He is going to tell us the story of Visual Studio Code and we hope he is going to show us some nifty tricks too. ;-) On Thursday, December 27 🎄, our doors open at 7 PM, we kick off at 7:30. This meetup is for everybody who builds websites, whether it be frontend, design or maybe content or project management. ✨ Talk ✨ 'The story of Visual Studio Code' VS Code has taken the industry by storm, but what's the story? Where does VS Code come from? Kenneth from the VS Code team will be in Hong Kong to tell you the story and provide hands-on help. 🤵 Our speaker Kenneth Auchenberg ✨ Kenneth is a Program Manager, focused on VS Code at Microsoft, beyond VS Code he's looking after JavaScript debugging for Node.js, browsers and in Azure. He's a W3C WICG member, and Global Shaper for World Economic Forum and lives in Seattle, US. Kenneth blogs occasionally at kenneth.io, and tweets as @auchenberg. Hope to see on December 27 in the Hive in Wan Chai! Holger & Charis 👨🏻‍💻👩🏼‍💻

  • An Evening on Accessibility with Adrian Roselli

    21st Floor, The Hive, The Phoenix Bldg

    We are back! And we are very excited about it! it took an international speaker from the US to get us started again 😉 On Tuesday, October 30, our doors open at 7PM, we kick off at 7:30. This meetup is for everybody who builds websites, whether it be frontend, design or maybe content or project management. We hope after Adrian's talk you'll be excited to start building even better websites! ✨ Talk ✨ We can pretend that we’re helping others by making websites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from ageing or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This is an overall primer for those who aren’t sure where to start nor how it helps them. 🤵 Our speaker Adrian ✨ Adrian is a member of the W3C Web Platform Working Group, W3C ARIA Working Group, and W3C Accessibility Task Force. He’s written articles for trade journals, websites, and participated as an author and editor on five books. In 1998 he co-founded a software development consulting firm before leaving at the start of 2016. Some may recognize Adrian from his days helping to run evolt.org, one of the first communities for web developers. Adrian has been developing for the Web since 1993. Hope to see on October 30 in the Hive in Wan Chai! Holger & Charis 👨🏻‍💻👩🏼‍💻

  • Webconf.asia 2018

    Hong Kong Federation of Youth Groups Building

    Webconf.asia is back! Webconf.asia (http://www.webconf.asia) is a two day conference featuring awesome talks with practical advice from international web experts. Webconf.asia will be bringing you the best international speakers from internationally renowned companies and innovative players in the industry. All talks will be around 45 minutes long and will go into depth on various web-related topics such as performance, data visualization, animation, CSS layout and its implications for web design and development. 💝 Take a look at the lineup: http://www.webconf.asia/speakers You will be going home not just filled with new energy and inspiration, but also with a lot of practical ideas and tips which you can use to make a difference. Webconf.asia is organised by Charis Rooda, one of the organisers of Harbour Front. 👉 You can get tickets and more info here: https://www.webconf.asia/tickets Tickets are 1888HKD for two full days including lunch.

  • Webconf.asia workshop: CSS Layout with Rachel Andrew

    Hong Kong Federation of Youth Groups Building

    In this full-day front-end workshop on Thursday June[masked], Rachel Andrew will be showing and teaching us how to design and develop modern layouts. CSS Layout has been stuck somewhere around 2006 for a while now. We have had to attempt building complex layouts using tools such as floats and positioning, which were never designed for complex page and application layout. However, things are changing, and it’s a great time to take a look at the layout methods that are already part of modern CSS, and those coming to us in the very near future. ✨ The workshop This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving lay-out, ranging from methods you can use right now even on older versions of Internet Explorer, through things that while still classed as experimental, are likely to ship to browsers in the coming months. The aim is to teach you methods from working on real projects, alongside sharing some of the exciting things that Rachel has been experimenting with as she is looking into emerging specifications. This will be a practical workshop, where we will work through code examples together, and you’ll have those worked examples to take away to experiment with further or to share with your team and clients. 👩‍💻 Rachel Andrew is a front and back-end web developer, author and speaker. Author or co-author of 22 books including The New CSS Layout and a regular contributor to a number of publications both on and offline. Rachel is also co-founder of the CMS Perch, Editor in Chief of Smashing Magazine, a Google Developer Expert and an Invited Expert to the CSS Working Group. She writes about business and technology on her own site at rachelandrew.co.uk. She is a keen distance runner so do invite her for a run whilst attending Webconf.asia ;-) • What to bring Please bring your own laptop (Mac or Win) with your favorite text editor. • Important to know Tickets are 1888HKD for a full day including lunch. More info and tickets: https://www.webconf.asia/advanced-layouts-workshop

  • Workshop: The Progressive Web, Building for resilience with Jeremy Keith.

    • What we'll do In this full-day Webconf.asia workshop on Wednesday February 21st 2018, Jeremy Keith will be showing and teaching us how to get the most out of today's web. The web is a design medium like no other. We can design and develop specifically for different audiences who use different browsers, have varying internet speeds on wildly different devices, just to make sure everybody has the best experience possible. * The workshop This workshop will teach you how to think in a progressive way. Together we’ll peel back the layers of the web and build upwards, creating experiences that work for everyone. From URL design to Progressive Web Apps, this journey will cover each stage of technological advancement. * What you’ll learn In the workshop you'll learn how to think about the real value that users are looking for: instead of starting with swiping, clicking, dragging or dropping, we’ll think about shopping, sharing, reading and writing. Once we truly understand what our users are looking for, we can design and develop the right interaction for them. We’ll take a look at the latest in browser technologies and see how they can be used in a creative and responsible way. JavaScript APIs, offline access with Service Workers, even notifications—there’s so much we can do to improve the experience of using the web …if we use these technologies wisely. After the workshop, you not only understand much better what options you have, but you also know how to apply these solutions responsibly. * Who it’s for This workshop is meant for (UX) designers and developers from all levels. Design and/or development experience is a plus, but you don’t need coding skills per se. The concepts are more important than the code, and you can start applying the concepts the next day at work. * Bio Jeremy Keith Jeremy Keith is the Technical Lead and co-founder of the splendid design agency Clearleft in Brighton, England. He is a very experienced speaker and workshop teacher and has written multiple books. 2000HKD for a full day workshop including lunch. Read more and get your tickets here: https://webconf.asia/web-development-workshop • What to bring You won’t need a computer. We’ll use pen and paper. And our brains. • Important to know Read more and get your tickets here: https://webconf.asia/web-development-workshop

  • How to build a great e-commerce experience

    21st Floor, The Hive, The Phoenix Bldg

    Whoopteedoo! We are back! And so is Gregor Wilson. We have hosted him before, and this November we are hosting him again. Join us if you to learn more about managing, developing or designing websites! Join us on Tuesday November 14 at the Hive in Wan Chai for a great talk and meeting other web enthusiasts. Did you know Pixelcabin will be sponsoring drinks and food? 🍻🍵🍕 If you're looking for a professional e-commerce Shopify partner or you're a developer and looking for a great job, make sure to check them out at https://pixelcabin.io/. Or come to the meetup and have a chat with them. Designing and building for business to business Designing sites for B2B (business to business) e-commerce instead of the more common B2C context has both challenges and some interesting points of differentiation. At pixelcabin (https://pixelcabin.io/), we have recently been building a dedicated B2B food & beverage platform for a Fortune 500, but with an added twist - the underlying back-end is Shopify! This talk will be taking a deep dive into how we achieved making Shopify a viable solution technically from a front-end perspective, whilst the second half of the talk will look at both the UX and technical challenges we encountered with the B2B food and beverage context specifically. Bio 🎙 Gregor is one of the founding partners of pixelcabin, a software development agency that has a fully-distributed team and specialises in engineering solutions for e-commerce. Given the location-agnostic approach of pixelcabin, he splits his time between Hong Kong and Oslo, usually whichever has the better temperature! He co-founded pixelcabin 5 years ago after selling his first company, realising that one of the only parts he had enjoyed was building its e-commerce website. 👋 Hope to meet you on November 14 at the Hive in Wan Chai!

  • Web Layouts

    21st Floor, The Hive, The Phoenix Bldg

    When you're organising a meetup you never know if you're able to find another interesting speaker for next months meetup, but we think we have succeeded again :) This time we are very happy to have Hui Jing Chen from Singapore. 🎉 In the past few years we have seen a lot of developments on things like CSS grid, flexbox, and shapes. It‘s great that browsers are now adopting these changes faster than ever. This is a talk for all you (UX) designers and developers who want to know more about CSS layout that you can use in your websites today. ✨🤘 You're welcome from 7 pm onwards, we start at 7:30. This meetup is free! 💸 Note: Hui Jing's talk will have a lot of similarity with the talk she will be doing at the Mozilla Dev RoadShow the day before. Tickets for that event are free too! http://mozilladevroadshow-hk.peatix.com/ --- Web Layouts 🎙 For a while now, we've been seeing websites that utilise very similar layouts, the standard full bleed hero image, followed by some text, usually in 3 columns, maybe throw in a few icons for good measure. CSS grid, together with other layout specific properties like Flexbox, writing-mode and CSS shapes, has the potential to change all that. This talk aims to show you how when used in combination, these modern CSS layout techniques open up a myriad of possibilities for responsive designs that were not possible before. Bio Hui Jing Chen (https://twitter.com/hj_chen) is a self-taught designer and developer based in Singapore. Reducing lines of code in her web projects makes her extremely happy. She used to play basketball full-time and launched her web career in the downtime between training sessions. She is an absolute expert on CSS grid and Chinese typography and besides that she is also active in the Singaporean Web community.

  • Data Visualisation in News: the creative process

    21st Floor, The Hive, The Phoenix Bldg

    We hope you are having a good summer. Maybe you're taking it a little easy, maybe you're working harder than ever. This month we have Data Visualiser Jane Pong who is going to tell us all about Data Visualisation in the News. If you're looking for some inspiration or want to know more about visualising news, join us on Thursday August 10 at the Hive Wan Chai for a great talk and meeting other web enthusiasts. You're welcome from 7 onwards, we start at 7:30. This meetup is free! 💸 --- Data Visualisation in News: the creative process 🎙 News organisations are increasingly recognising the power of visual formats in communicating facts and stories. In this talk, Jane explores ways in which newsrooms approach journalism in the digital age, by engaging the audience through data visualisation and interactive news technology. She describes some of the processes and tools behind producing data visualisations in a news context. Bio Jane Pong (https://twitter.com/officeofjane) is a data visualisation journalist at the Financial Times in Hong Kong, where she specialises in producing data-related information graphics. Previously, she was a graphics editor at Reuters and South China Morning Post. With a unique background in both science and arts, Jane designs visualisation tools that help the reader in finding patterns and stories in data. Her work attempts to bring beauty to scientific rigor and form to artistic introspection.

  • Designing the Exit Experience

    21st Floor, The Hive, The Phoenix Bldg

    We have another great Harbour Front event lined up for this summer. At the last meetup Ada Yuen told us everything about the Onboarding Experience, this time YuShing Sit is going to tell us all about the Exit Experience. Join us on June 6 at the Hive for a great talk and meeting other web enthusiasts. This meetup is free! 💸 --- We are very happy to have Adobe (http://www.adobe.com/hk_en/) as our supporter. They will be sponsoring some very tasty sandwiches and salad from Knead (https://kneadhk.com/). 🥙 Adobe will also do a short demo of Adobe Experience Design (XD); their design and prototyping app: http://www.adobe.com/hk_en/products/experience-design.html If you’ve never worked with Adobe XD so far, now you can see how it works and of course ask them all your questions, too. --- Talk 🎙 Wheter the iPhone, Netflix or any other product or service you might be using, and irregardless of that being the most famous one, it’s a reality that your customers will leave your service– one day. It is almost inevitable for your users to go through some sort of "Exit Experience". But rarely do we give it enough attention compared to other parts of the customer experience. But why? What if the “Exit Experience" is another opportunity to spawn a new relationship for sustainable business benefits? Learn where to start optimising your ”Exit Experience” at this Harbour Front meetup. Bio 🤵 YuShing is an experience design professional in Hong Kong, researching and creating delightful digital as well as non-digital experience across Asia for several years after earning his Master Degree in Communication Design in Australia.