• SydCSS Februrary

    Squiz, Sydney

    It's the first SydCSS of 2019. Come along and bring your new year resolutions with you. February's event will be at a brand new venue for us, Squiz's Sydney office. ***Tickets will be released on Thursday 31st January at 10am. *** Doors open at 6:30pm with presentations starting at 7pm. There'll be some finger food and drinks provided. 1) I can draw and animate SVG, you can too! Pavithra Kodmad (PK) | Twitter: @PKodmad | http://pavithrakodmad.com In this talk PK will talk about how she got into SVG, what is SVG and why is it so awesome. She will talk about the basics of building an svg image by hand by explaining all the parts of an tag. She will also talk about animating SVG using css and GreenSock. Through this talk, she hopes to create an intuition of how SVG works to the audience and show that it does not take much to make cute art with it. Pavithra (you can call her PK) works at Atlassian as a front end developer. She's a lifelong learner with a deep passion for frontend technologies. She's mostly into Javascript and not so good at CSS. 2) You Might Not Need SCSS Ben Buchanan | Twitter: @200okpublic | https://designops.expert Preprocessors like SCSS have pushed native CSS forwards. While switching a UI library's theme API from SCSS vars to CSS custom properties, it became clear that SCSS was no longer a necessity... and yes, we still support IE11! While you may still get value from SCSS, it's time to review its place in the stack. Ben started creating web pages in the nineties, while completing a degree in everything but I.T. He has created frontend systems for companies including News Ltd, Atlassian, Ansarada and Quantium. He probably thinks about markup too much. He can be found at @200okpublic and writes at weblog.200ok.com.au. === Sponsor === Massive thanks to Squiz (https://www.squiz.net/) for providing everything for us on the night, including the venue, food and drinks. Make sure you say a big thanks to them!

    8
  • SydCSS December

    SiteMinder

    It's the final SydCSS of the year and we're doing something we've never done before. We've invited 3 of Sydney's bravest presenters to face our Wheel of Talks™. They won't know what they'll be talking until they've spun the wheel, then they'll have 20 minutes to prepare something awesome for you. ***Tickets will be released on Thursday 22nd November at 10am. *** Doors open at 6:30pm with presentations starting at 7pm. There'll be some finger food and drinks provided. Our very brave speakers are: 1) Russ Weakley (@russmaxdesign) 2) Petra Gulicher (@petronbot) 3) Lachlan Hunt (@lachy) While we wait for them to prepare, Gilmore Davidson (@iamnotyourbroom) will entertain and delight us with a talk on some interesting CSS tricks. === Sponsor === Massive thanks to SiteMinder (siteminder.com) for providing everything for us on the night, including the venue, food and drinks. Make sure you say a big thanks to them!

    11
  • SydCSS October

    hiPages HQ

    October is SydCSS' birthday month but this one is a particularly special one, because it's our 5th (aka half-a-decade) birthday! Can you believe it?? We have two great talks lined up and small gifts for you all to mark the special occassion. We can't wait to see you on the night! *** Tickets will be released on Thursday 20th September at 10am. *** Doors open at 6:30pm with presentations starting at 7pm. There'll be some finger food and drinks provided. ===Presentations=== 1) A Design System Product Charlotte Jackson | twitter: @lottejackson A living design system that is consumed by other teams is an internal product, and maintaining it comes with challenges. This talk shares Ansarada's approach to maintaining a design system and why it needs product management to be successful. Charlotte is the Design System Product Manager at Ansarada. In her previous role at Clearleft in the UK, she was a front end developer who built component libraries for clients, and helped teams build their own. Two things she loves about her job are writing documentation and facilitating collaboration. 2) A World Without Javascript Luke Batchelor | twitter: @ alukebatchelor Javascript bundle sizes are getting completely out of hand. This talk (mostly satirically) looks at just what *could* be possible if we completely removed Javascript from the web. Luke is a Javascript developer working at Atlassian in the Fabric Build team, mostly building various tools and setting up CI systems. He previously worked for Bankwest in Perth where he grew up and moved to Sydney at the beginning of 2016. He loves open source, puzzles and a good challenge. ===Sponsor=== hipages (hipages.com.au) - venue & drinks hipages provides a better, smarter way to connect tradies and consumers and get the job done well. We are on a mission to make home improvement effortlessly efficient and our aim is to create a seamless experience for tradies and homeowners. ansarada (ansarada.com.au) - food With Ansarada's AI-powered Rooms & Material Information Platform advisors, companies & investors can get ready for any event & seize every opportunity. Gumtree (gumtree.com.au) - food Gumtree is Australia’s local marketplace. We connect buyers and sellers in the local community, with more than 2.5 million listings across hundreds of categories you can buy, sell and find just about everything. Quantium (quantium.com) - gelato Quantium offers a 16-year track record of innovation in data science. We combine the best of human and artificial intelligence to power possibilities for individuals, organisations and society.

    13
  • SydCSS August

    Lux Group Limited

    Time for another SydCSS meetup! Our next one will be on *Thursday 9th August* and we are looking forward to being back at Lux Group (Level 12, 201 Kent St, Sydney). ***Tickets will be released on Mon 30th Jul at 10am.*** Doors will open at 6:30pm, with presentations starting at 7pm. There'll be some finger food and drinks provided. ============= Presentations: ============= 1) Combining the Powers of SEM and BIO for Improving CSS Ryan Yu | twitter.com/iamryanyu/ | ryanyu.com CSS is easy but the easiness can cause messy code. Throughout the talk, I will be talking about what we should consider when coding (SEM) and how to improve CSS (BIO) so we can avoid the messy code. Ryan Yu is a Senior UI Engineer at Campaign Monitor and he is very passionate about architecting/engineering UI and also front-end technologies especially around React, Web animation, HTML Canvas and Three.js. He also loves playing ping pong and basketball. 2) Pivoting your career Georgina Robilliard | twitter.com/grobilliard Pivot is a framework former Googler Jenny Blake developed to help people use the skills they have built through experience to seek new challenges and change their careers.After spending 7 years working behind the scenes in the recruitment industry, it was time for a pivot of my own! In this talk I'll give an overview of the Pivot framework and how it can help you decide when, how and where to pivot, as well as sharing a little of my personal experience along the way. Georgina loves helping people who are passionate at what they do succeed at work every day. Formerly of Lookahead Search, currently Head of People and Culture at Insured By Us. Wine, cheese and sausage dog enthusiast. 3) Everything you didn’t want to know about layout Mike Riethmuller | twitter.com/mikeriethmuller | madebymike.com When we load an HTML document, there is a lot that happens behind the scenes before the browser can render this content correctly. Have you ever wanted an overview of this process? Probably not! Come and find out everything you didn't want to know about layout. Get serious answers to all the browsers mysteries including: - How the DOM is like a map of Disneyland, - What the box-model has to hide, - How stacking contexts, stack up. A 20min over the top view of everything that happens in ~200ms. You may leave more confused than when you arrived! Mike is an independent web developer from Australia who has worked on some of Australia’s largest websites as well as some of the smallest community sites. When he’s not building websites or writing about building websites, he likes to experiment with code. Mike loves learning new things and finding techniques that challenge what we think is best practice. When he’s not exploring the digital landscape, he likes to explore the world. Currently trying to find a way to do both those things at the same time. ============= Sponsor: ============= Lux Group (luxgroup.com) Massive thanks to Lux Group for hosting us and for quenching out thirst with refreshing drinks! Lookahead Search (lookahead.com.au) Big thanks to Lookahead Search for providing delicious food to feed our hungry stomachs!

    2
  • SydCSS June

    SiteMinder

    It's time for our annual First Time Speaker night! We have six speakers who'll be doing lightning talks in front of an audience for the very first time. Come along and show them your support! We'll have our giant Jenga set up at the beginning of the night so arrive on time and squeeze in a game or two with your SydCSS friends. *** Tickets will be released on Thursday 24th May at 10am. *** Doors open at 6:30pm with presentations starting at 7pm. There'll be some finger food and drinks provided. ===Presentations=== 1) Cobra Style Sheets: Weather Domination with CSS Gareth Jones | twitter: @Gazrageous Whether in games, art, or on the web, increasingly we see creators of all kinds opting to bring their ideas to life in an isometric plane. From bustling office dioramas to rich fantasy landscapes, utilising lighting and shadows in these scenes can bring that extra dimension that makes them truly immersive. Want to learn how to become a master of the elements and build your own worlds that change with the weather? Then let’s dive in! Gareth is a junior developer at Enov8, and a fan of tea, Tolkien and tubthumping (both playing drums and the ’97 Chumbawamba hit song.) He can often be found tinkering with code, sound and a blend of the two. 2) Turning Language into Light Autumn Fjeld | autumnfjeld.com Lumi is an internal project at ustwo to create a voice controlled “mood room” where users can express their their mood in natural voice to elicit a mood-changing or mood-enhancing light response. Autumn will show us how her and her team created something useable, testable, and enjoyable using three Philips Hue Bulbs, one Google Home, one studio closet, and numerous ustwo guinea pigs. Autumn is newly transplanted to Sydney from San Francisco, building fun stuff as a Product Engineer at ustwo.com (http://ustwo.com/). She has been in web development for four years after making a career change from the academic world of Materials Science. 3) Wasm, the chasm: everything you know will change. Alex Swan | twitter: @alxswan WebAssembly (Wasm) is "a binary instruction format for a stack-based virtual machine". Sorry, what? In this intro talk I will attempt to demystify Wasm; what it is, what it does, and what it means for all of us. After a long journey from law school through operations management, Alex found her calling in 2015 when she took the Web Development Immersive at GA. She is now a front end developer at Ansarada, building products that help businesses get ready for their most important events. Alex is passionate about mentoring and growing junior developers, raising awareness of mental health in the workplace, and amplifying the voices of women in tech. After hours, she is a karaoke enthusiast and broadway musical tragic. 4) What CSS Variables can do (that Sass cannot) Will Wise | twitter: @willWisedUp | williamwise.net This talk won't be about Will telling you to get rid of Sass. Instead, he’ll be focusing on how the latest in CSS can save on bytes and improve your workflow when partnered with a preprocessor. He’ll touch on some of the best features that come with CSS variables and layout some support options. Will is a front end dev from SiteMinder. After code, his hobbies are pretty much fire and ice. He's a volunteer fire fighter and spend most of his winter weekends at the snow. At the moment, he’s super interested in performance, so he's been aiming to keep what he writes fundamental. 5) Houston we have a keyboard Jesica Saussay | twitter: @jessaussay As a junior developer, it's sometimes overwhelming trying to work out what to learn next. To overcome this, Jesica has been giving herself monthly challenges to learn something new. She wants to share this month's challenge which has made her retrain her brain and helped contribute to increased productivity and efficiency Jesica a Javascript developer currently working at domain.com.au (http://domain.com.au/). She changed careers nine months ago and her curiosity for emerging technologies is growing every day. She's passionate about providing mentorship and support to the next generation developers. She also doesn't mind a sour beer and ramen. 6) Transition your CSS animations to the next level with GreenSock Andrei Calinescu | twitter: @Dre_Cali CSS animations are great, but can be really frustrating with larger, more complex animations, and the workflow can be a real pain. What if a green sock could help? Tune in to find out how GreenSock Animation Platform (GSAP) can help with your animation woes. It's a light and powerful JavaScript library for HTML5 animations that work in all major browsers. Andrei works at an ad agency in North Sydney. Originally from Romania, he lived and worked in Canada and South Korea. Previous highlights include studying genetics, being a photographer, rappelling from an office building, teaching English, working for a startup, and getting extorted in South Korea. Andrei is usually coding, longboarding, rock climbing, sailing, or carefully rationing Black Mirror episodes to last until the next season. ===Sponsor=== Massive thanks to SiteMinder (siteminder.com) for providing everything for us on the night, including the venue, food and drinks. Make sure you say a big thanks to them!

    15
  • SydCSS April

    SiteMinder

    April's SydCSS will see us heading to a venue that's just a stones throw from both the Harbour Bridge and the Opera House where SiteMinder (Level 3, 88 Cumberland Street, The Rocks) will be hosting us. We have 3 great talks lined up for you and can guarantee they are all amazing speakers. We'll have our giant Jenga set up at the beginning of the night so arrive on time and squeeze in a game or two with your SydCSS friends. *** Tickets will be released on Thursday 22nd March at 10am. *** Doors open at 6:30pm with presentations starting at 7pm. There'll be some finger food and drinks provided. ===Presentations=== A Right Stitch Up Katie McLaughlin | twitter: @glasnt | glasnt.com Cross-stitching and embroidery dates back a fair way, but did you know that it's still a thing? It's true! You can buy kits with designs all laid out for you, but did you know you can create your own? Follow the process one maker followed for turning their favourite pixel artwork into a masterpiece, and how you can use open source software to do the same thing. Let's delve into the details about how you can create your own charts for a right stitchup. Katie has worn many different hats over the years. She has been a software developer for many languages, systems administrator for multiple operating systems, and speaker on many different topics. When she's not changing the world, she enjoys making tapestries, cooking, and seeing just how well various application stacks handle emoji. ---- Not an Imposter! Fighting Front-End Fatigue David Berner | twitter: @daveordead | davidberner.co.uk | fedordead.com The Front-end ecosystem is in a state of constant change and that can be a good thing. It's great to be in roles where we can constantly learn, develop and push ourselves but that’s not to say it doesn't get overwhelming at times! This talk covers the things we should try to remember in order to stop our heads exploding, as well as some general advice on how to avoid the fatigue. David is a front-end developer from the UK who is currently working for Avocado Consulting. He has been coding since 1998 when spacer gifs and blink tags were still a thing. He is passionate about moving the web forward and writes about this (and all things front-end) over at fedordead.com. ---- Hard Questions From Beginners Donna Zhou | failscasts.com The hardest questions Donna's been asked have all come from beginners. Their questions are technically "easy" but incredibly difficult to explain to a person coding for the very first time. Before coaching at Rails Girls Berlin, the coaches had a bit of fun sharing their answers to these hard questions. Let's try to answer them together during Donna's talk! Donna likes eating, especially RivaReno gelato. She also enjoys coaching and motivating others to learn to code! She ran Codebar Berlin, a free coding workshop for women, LGBTQ and people of colour. Recently she moved back home in Sydney - and now she coaches at Codebar, Rails Girls & Django Girls. ===Sponsor=== Massive thanks to SiteMinder (siteminder.com) for providing everything for us on the night, including the venue, food and drinks. Make sure you say a big thanks to them!

    4
  • SydCSS February

    Lux Group Limited

    Happy 2018! We're excited to be back, and even more excited about hosting our event at a new venue! For our February event, we'll be having it at Lux Group (Level 12, 201 Kent St · Sydney). We can't wait for you to check out their awesome office. ***Tickets will be released on Wed 24th Jan at 10am.*** Doors will open at 6:30pm, with presentations starting at 7pm. There'll be some finger food and drinks provided. ============= Presentations: ============= Using types for design and accessibility Anthony Muscat | @anthonyjmuscat (twitter.com/anthonyjmuscat) When building a component library that is shared across products and developer teams around the world, it can be hard to manage developers and ensure they follow the documents - you can’t be everywhere! We will look at a better way of leveraging static types in developers tooling that can guide the developers on how use your components and meet design patterns. Anthony is a senior front end developer at ansarada who is passionate about building great products and encouraging open thought about accessibility and security. ------- CSS Preprocessors: do ya need em? Petra Gulicher | @petronbot (twitter.com/petronbot) Is ​there there any better feeling than christening a brand new code base? It's also one of the best times to re-assess your stack. Petra looks into the state of play​ ​​in CSS tooling to try and ​weigh up the benefits and traps of our ever-growing pipeline. She'll look at build time, performance, code style and of course, developer happiness to try and answer the question, do we need CSS pre-processors? Petra is a web developer & tech lead who's worked with teams on all sorts of websites, big and small. She's worked with Qantas, DTA, Cancer Council & currently Scentre Group. ============= Sponsor: ============= Lux Group (http://luxgroup.com/) Massive thanks to Lux Group for providing everything for us on the night, including the venue, food and drinks. Make sure you say a big thanks to them!

    10
  • SydCSS December

    Commonwealth Bank

    To add to your month full of festivities in December, come and join us for our last event for the year! Tickets will be released on Thurs 30th Nov at 10am. Doors will open at 6:15pm, with presentations starting at 7pm. There'll be some finger food and drinks provided. Use #sydcss on Twitter to see who's out and about on the night. Utility-first CSS: What's all the rage?! Simon Vrachliotis | @simonswiss (http://twitter.com/simonswiss) With functional/atomic CSS, it's never love at first sight: it looks bizarre and challenges well established best practices. Let's look beyond the initial gut reaction and discover why more and more teams adopt this radically different way to think about CSS. Simon is a Front-end engineer at http://selz.com . Life enthusiast, proud father of two. Surf, basketball, ukulele addict. Love learning, love teaching. UX design lessons from fighting games Xharmagne Carandang | @xharmagne (http://twitter.com/xharmagne) Video games have lots to teach us in terms of user experience design. These lessons can come from game design and games' user interface designs; but what really stuck with me were the things I learned by actually playing a certain genre of games - fighting games. Here are some basic UX design principles I've learned through playing games like Street Fighter, Tekken and Mortal Kombat at a competitive level; and practical applications of some these principles in real world projects. Xharmagne is a software engineer with a passion for bridging the gap between people and technology via innovations in user experience design and implementation. Loves designing, building and debugging magic. Plays fighting games competitively. ---- Sponsor Commonwealth Bank (https://www.commbank.com.au) Massive thanks to CBA for not only letting us use their fabulous space, but also for providing all the finger food and drinks. Make sure you say a big thanks to them on the night!

    7
  • SydCSS Oct - our 4th birthday!

    Commonwealth Bank Darling Square

    SydCSS will be 4 years old in October! This will be one of our biggest events, so come along and celebrate the occasion with us. It'll be a pretty special one and it'll be even better if you wear your SydCSS t-shirt (https://www.redbubble.com/people/sydcss) on the night :) We will be at CBA's new building (NOT the one we were at in the past). Address is 35 Tumbalong Boulevard, Haymarket: http://bit.ly/sydcss-oct17 Doors will open at 6:15pm, with presentations starting at 7pm. There'll be some finger food and drinks provided. Use #sydcss on Twitter to see who's out and about on the night. Developing Inspired Guides with CSS Custom Properties (variables) Andy Clarke | @malarkey (http://twitter.com/malarkey) Using CSS Custom Properties (variables) is a useful way to develop style guides that are usable by both creative and technical people. In this fast-paced talk, Andy will introduce CSS Custom Properties and explain how he’s used them in his Inspired Guides (http://inspired.guide). Andy Clarke really, really loves gorillas. He’s also one of the best-known web designers because of his design work and contributions to the web design industry. He’s given more than sixty presentations at conferences all over the world. As well as numerous articles in web design publications, he’s written three books on website design and development including Transcending CSS and Hardboiled Web Design. He recently relocated from the UK to Sydney to become Head of Design at Ansarada (http://ansarada.com). It's SVG but not as you know it Mike Riethmuller | @MikeRiethmuller (http://twitter.com/MikeRiethmuller) | madebymike.com.au (https://madebymike.com.au/) SVG has a lot of untapped potential for responsive design. Mike often sees SVG used as an alternative image format or as a simple solution for icons, but SVG has responsive properties that go well beyond vector scaling. It has a unique positioning and co-ordinates system that is entirely different from the box model and it can have its own document context. This gives us the possibility to make 'intelligent' images. Mike is an independent web developer from Australia who has worked on some of Australia’s largest websites as well as some of the smallest community sites. When he’s not building websites or writing about building websites, he likes to experiment with code. Mike loves learning new things and finding techniques that challenge what we think is best practice. When he’s not exploring the digital landscape, he likes to explore the world. Currently trying to find a way to do both those things at the same time. Sponsor Commonwealth Bank (https://www.commbank.com.au/) Massive thanks to CBA for not only letting us use their fabulous space, but also for providing all the finger food and drinks. Make sure you say a big thanks to them on the night!

    22
  • SydCSS August

    Commonwealth Bank Innovation Lab (south building)

    In August, we're going to be rolling up our sleeves and delving into a couple of areas that will take your knowledge of Front-end Development to the next level. Tickets will be released on Thursday 27th July at 10am - so set your alarm! On the night, doors will open at 6:30pm, with presentations starting at 7pm. There'll be some finger food and drinks provided. CAN do Web Accessibility Cherry Chau & Kin Chui Web Accessibility is a vital part of the CBA development process. Why is Web Accessibility important to CBA and what measures and actions are taken to ensure all CBA online content is accessible to everyone Kin and Cherry are both frontend engineers for CBA and both are Web Accessibility Champions. Kin is currently working in Commsec whilst Cherry is in Netbank/Commbank. Putting things on top of other things Isabel Brison | @ijayessbe (http://twitter.com/ijayessbe) | tellthemachines.com (http://tellthemachines.com/) Stacking contexts are one of those tricky - simple at first glance, abstruse on closer inspection - features of CSS. They play a part in z-ordering, but there’s more to it than that. In this talk we are taking a deep dive into them: what they are, how they come about and, most importantly, why. Use #sydcss (https://twitter.com/hashtag/SydCSS?src=hash) on Twitter to see who's out and about on the night. Sponsor Commonwealth Bank (https://www.commbank.com.au/) Massive thanks to CBA for not only letting us use their fabulous space, but also for providing all the finger food and drinks. Make sure you say a big thanks to them on the night!

    11