• Talk.CSS #41

    Viki, Inc.

    After 2 years of owning the last Wednesday of every month slot, we have decided to move to the first Wednesday of every month slot. This month, we will be graciously hosted by our friends at Viki. They will also be feeding you, so say all the nice things when you see the Viki folk! Refer to the map so you don't get lost. Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. Pure CSS mob by Nguyen Tuong Van CSS has been used in creative ways to beautify articles on the web. How about taking a seat back and imagine CSS being used for purposes that we don’t encounter often in our everyday dev lives? In this sharing, Van will exchange her thoughts with the audience on CSS being used to make artworks and why she finds it an exhilarating journey. Making better inputs with pseudo-elements by Dylan Ho Dylan will be sharing how Carousell uses ::before and ::after to override the browser’s default inputs like checkboxes and radio buttons. Implementing Trigonometry in SCSS and lessons learnt by Liu Weiyuan CSS is good. But there are limitations to what a stylesheet language can do. Weiyuan will take us through how SCSS can elevate our approach to CSS and adopt core engineering principles like code reuse and unit testing, all while recreating trigonometric functions in SCSS. The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)

    3
  • Talk.JS + Talk.CSS = JSConf.Asia Special!

    Carousell @ Keppel Towers 2

    In conjunction with the festivities for JSConf.Asia on 14–16 June, we will be doing a combined meetup with SingaporeJS. Long overdue if you ask me. We have a very solid line-up of speakers and will be happening at Carousell. Note that this is the SAME meetup as the one on the Talk.JS meetup group (https://www.meetup.com/Singapore-JS/events/261294292/) so just RSVP to 1 :) Hands-on Performance Debugging with the browser DevTools by Alex Lakatos A no-slides, hands-on, live debugging session using only the browser Developer Tools on the website I pick from the audience. We’ll dive deep into spotting performance bottlenecks into any website and how to fix them. State of crypto in Node.js by Ujjwal Sharma In a world that increasingly depends on data, leveraging cryptography is mandatory for any modern application that deals with private user data. Gain a deeper understanding of some of the challenges of cryptography in today’s applications and how to solve them using the Node.js crypto module (and how not to!). React Inline Styling with JSS by Lin Han Despite countless debates, inline styling is still loved by many web developers. This talk will focus on a specific library (JSS), and demonstrate how Lin Han ended up using the library by demonstrating the problems he had with other CSS solutions and how he solved them with JSS. Understanding CSS Custom Properties by Mike Riethmuller Custom Properties are still a relatively new feature of CSS. Let me introduce you to the basics, some of the tricks and then show you how to use custom properties in CSS for maintainable large scale applications. Let’s dive into some of the challenges of responsive design, global and local scope and theming. If there’s time, let’s write some code together and explore some of what you can do with custom properties.

    6
  • Talk.CSS #39

    SP Digital HQ

    Due to some scheduled overseas obligations, we are, unfortunately, not on the last Wednesday this month. Instead we are happening a week earlier, but no worries, this will be an epic Talk.CSS. Because venue and talks have been confirmed way in advance. Bring your cat. Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. Design Tokens for Everyone! by Sheldon Cheng So you have design tokens set up for a big web project… Great! But you are using CSS custom properties, someone else is using SCSS variables, and the JS framework prefers JS. Agnostic Design Tokens to the rescue! Quick Dive into CSS Modules by Yap Hong Kheng There may be some compilation involved, maybe? Anyway, stay tuned for updates when Hong Kheng gives me the real talk description. Or just show up and be amazed on the day itself. I mean, the title is pretty self-explanatory, no? Can your site work on IE3? by Yeo Kheng Meng and Chen Hui Jing I am super excited to collaborate with my fellow retro-computing enthusiast, co-organiser of Hackware, and total not-web developer, Kheng Meng on this CSS challenge. Basically, he will run a working copy of Windows 3.1 with IE3 installed, and I will load a site I built on it to see if it displays properly. Challenge is I will NOT test on the machine beforehand. This will either be spectacular or a spectacular failure, we see how. The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)

  • Talk.CSS #38 Codepen Edition

    Titansoft

    It's been quite a while since we had a Codepen meetup so here it is! The format for this Codepen edition meetup will be show-and-tell, so anyone with something to share is welcome to show us their Codepen creations! The lovely folk at Titansoft have offered to host us. Be there or be square! Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. This world mixed and blended by Gao Wei Never heard of this cool thing called `mix-blend-mode` or have but never bothered to try it? Wei will introduce this lovely property and showcase a bunch of designs that implement it. It's going to be a show-and-tell this month, and we hope you'll share something you've built on Codepen. Swag from Codepen up for grabs ٩(^ᴗ^)۶ Fill in form here to let us know! https://airtable.com/shrahPiYG3oCtOM6e The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)

    2
  • Talk.CSS #37

    Shopee SG

    Time flies when you're over 30. Our March edition is rolling around again in the blink of an eye. This time, we will be heading west of Singapore to the Shopee office. Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. CSS code splitting by Tan Li Hau The motivation of CSS splitting arises when we try to split our CSS styles and lazily load the styles only when we actually need them. CSS code splitting is one of our many efforts where we constantly improve the performance of the application. Li Hau will present how his team came to realisation of the issue, some of the decisions they made, and a couple of problems they encountered. Responsive tables with CSS by Liang Hui Qian What happens when you need to make HTML tables look pretty on mobile? HTML tables themselves especially aren't the easiest to incorporate into responsive design. There are a few ways of going about this, but ultimately the most elegant way was a surprise even to her! intrigued? Come join us and find out more… More speakers TBC. We hope it's you! ٩(^ᴗ^)۶ The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)

    2
  • Talk.CSS #36

    HOOQ

    As you can see, we own the last Wednesday of every month slot. Because, consistency. By this time, we should all have had enjoyed some Chinese New Year time off and hopefully had lots of good food. So it's a good time to come join us and exercise those CSS muscles. Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. Pure CSS custom checkboxes and radio buttons by Ted Johansson Tired of the default checkboxes and radio buttons your browser gives you? Time to utilise the ‘S’ in CSS. Style, we mean, style. Ted will share his tips on making your custom checkboxes and radio buttons look pretty AND are still as accessible as the original. Creating art with CSS by Chen Hui Jing In preparation for our March Codepen edition, Hui Jing will talk about the various CSS properties and techniques we can use to create art in your browser. This in the hopes that at least some of you will attempt something so we can do show and tell using Codepen for the next Talk.CSS. More details to come. The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :) This is the first time Talk.CSS is happening at HOOQ. Here's a description of our lovely venue sponsor: HOOQ is a video on demand streaming service. It is a joint-venture of Sony Pictures Entertainment, Warner Bros. and Singtel. HOOQ is Asia's first premium video-on-demand service to launch across the South East Asia and India. HOOQ delivers over 35,000 hours of Hollywood, regional and local titles to customers anytime, anywhere by enabling them to stream and download their favorite shows on their internet device or platform of choice including computers, smartphones tablets and smart TVs via Google Chromecast.

    6
  • Talk.CSS #35

    SP Digital HQ

    As you can see, we own the last Wednesday of every month slot. Because, consistency. Come start the new year with CSS! We will be opening the year with our lovely friends at SP Digital, come join the CSS nerd-out :) Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. CSS in JS by Dominic Langenegger CSS in JS is one of those things that can be somewhat polarising, but we at SingaporeCSS want to hear from all perspectives, because there is no one right way to do anything. It's all about the context. Dominic will compare different methods of using CSS in your project and review CSS in JS solutions to find out if they can live up to their high expectations or if you are better served sticking to more traditional methods. CSS 3D transforms for beginners by Ayaka Sasaki CSS has come a long way since 1996, from simple margins, paddings and text alignment, to all sorts of wondrous things most of us wouldn't even think possible with CSS alone. 3D transforms may seem daunting and complicated to those unfamiliar with them, but Ayaka will demystify the complexities, and hopefully encourage you to try them out too. The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)

    9
  • Talk.CSS #34

    Carousell @ Keppel Towers 2

    Talk.CSS turns 3! Can you believe we have anyhowly muddled our way for 3 years without missing a meetup? Consistent anyhowly-ness, that's what it is. We'd love for you to join us because this is not only our birthday bash, but it's also our farewell for Chris, who will be moving back to Melbourne by the end of the year. There will be cake. Bring your cat. Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. Keeping the Animations Alive in the Frontend Frameworks’ Era by Lim Sayhao We used to have PowerPoint Animations, Flash plugins and Java Applets, and they made the web interactive and lively. Those were the days. Now, we have CSS3 transitions and animations. But at the same time, JS frameworks have laid their claws on the DOM, and frontend is now about data, components and (re-)renders. How are we to animate and enliven our sites in this modern age? We’ll be going through what we’ll need to know about CSS animations, with some running examples. We’ll also go through various ways to run interactive animations successfully in some JS frameworks like Vue, and React. Directions of the web by Chen Hui Jing Web content almost always flows from top-to-bottom, left-to-right. Probably due to the fact that computing pioneered in angmoh countries. But there are also many non-angmoh writing systems that flow in other directions. Then how? Modern CSS to the rescue lor. Mystery topic by Mystery speaker Already say is mystery liao wo, what other description you want? Come for Talk.CSS, and the mystery will be revealed… The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Chris or Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)

    1
  • Talk.CSS #33

    WeWork 71 Robinson Rd

    It's October, and the last day of the month happens to be a Wednesday. You know what that means? Talk.CSS on Halloween! So either you'll be out at a party, or you can come nerd out on CSS with us. But nobody said you can't do both! 🎃 Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. :empty and :blank by Zell Liew Did you know these 2 pseudo-selectors existed? Do you even know what a pseudo-selector is? Maybe you do, maybe you don’t, it doesn’t matter! Zell will explain it all. Foundation for Emails by James Lee Let James take the pain out of HTML email development by introducing Foundation for Emails, an email framework that provides developers and designers with a set of already tested components out of the box. More speakers WIP ヾ(^ᴗ^)ノ I hope it's you! The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Chris or Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)

    8
  • Talk.CSS #32

    Carousell @ Keppel Towers 2

    As you may have noticed over the past year, Talk.CSS has settled on a rather regular schedule of being on the last Wednesday of every month. September is no different. We’ll be happening on Wed, 26 September at Carousell. Bring your friends, bring your team, bring your cat if you want :) Latest CSS news by Talk.CSS Our no-longer-new regular segment which will cover latest updates in the realm of CSS and HTML. CSS transforms and an awesome PWA by Thomas Gorissen Actual title is TBC, but content is accurate. There will be CSS transforms, and an awesome PWA. Curious? Come find out! :empty and :blank by Zell Liew Did you know these 2 pseudo-selectors existed? Do you even know what a pseudo-selector is? Maybe you do, maybe you don’t, it doesn’t matter! Zell will explain it all. More speakers WIP ヾ(^ᴗ^)ノ I hope it's you! The CSS doctor is in (our segment that never gets utilised) Layouts looking a bit broken? CSS issues getting you down? We're here to help. Tell us your CSS problem and get a crowd-sourced solution from all the CSS enthusiasts in Singapore right here. Lightning talks welcome, just poke Chris or Hui Jing when you get there. We welcome any CSS-related topics at ANY level because we’re all here to learn and share :)