- SydCSS July - First-time Speaker Night (Online)
It’s been 6 months since we last saw you, and we’ve missed you all heaps! We’re coming back with one of our most popular nights, First-time Speaker Night!
This is a night filled with a series of 5-minute lightning talks by people who haven’t presented at a tech meetups before.
Livestream link: https://www.youtube.com/watch?v=bJRETGarbqE
Talks start at 6:30pm.
✨ Our Speakers ✨
🎤 It’s dangerous to go alone! Try this exit intent modal.
⭐️ Peter Lynch | @thelynchpinau | peterlynch.dev | peterlunch.com
Peter is a full-stack graduate from Coder Academy Sydney, who unfortunately just moved back to grey Melbourne. He loves build things with code and use it as a creative outlet. Peter has an eagerness to learn and loves trying new things.
🎤 Push the Button
⭐️ Luke Meyrick | He/Him | @LukeMeyrick | codepen.io/lukemeyrick I raisely.com
Click me. Do this. Do that. Buttons are everywhere and they are an integral and functional part of any design system. However, this doesn’t meant that they have to be boring! With only 1 element, a bit of CSS, and some ✨ pseudo-magic ✨, we’ll spice up your buttons in no time 🌶 🔥
Being a designer-develop-hybrid, Luke spends his days getting obsessed with the small details, doing questionable things in CSS, and trying to make this world a better place for all with the team at :peace_symbol: Raisely - a free fundraising platform for ambitious organisations. CSS is his love language ❤️
🎤 Throttle and Debouncing in CSS
⭐️ Rosie Prom | https://rosalie.dev/ | twitter/github: @rosieprom
Working with event handlers in CSS can be tedious, but it shouldn't be. Using debouncing and/or throttling we are able to manage event handlers in a performant way.
Rosie is a front-end developer at x15ventures. Rosie is an avid volunteer who is currently building the Hackerspace for GovHack. She loves fishing, gaming and the great outdoors.
🎤 Creating Accessible CSS Art
⭐️ Álvaro Montoro | https://alvaromontoro.com | twitter: @alvaro_montoro | GitHub: @alvaromontoro
Creating CSS art and illustrations is a great way to learn and practice CSS, but many times the results are not accessible. We'll talk about some simple tips to make CSS drawings accessible for all.
Alvaro Montoro is a Spanish Software Engineer based in Austin, Texas. He currently works at Visa as a UI Manager, and when he is not exploring different web technologies, he enjoys reading and spending time with his family and kids.
x15 (https://www.x15ventures.com.au/) is a dynamic venture-scaler designed to bring to life the next generation of digital businesses. We partner with founders and businesses, offering them support, guidance and access to Australia’s leading financial institutions customer base and distribution networks.
- SydCSS December - Wheel of Talks
Can you believe it’s time for the final SydCSS of the year?!
In what seems to be becoming a bit of a tradition for our December meetup, we're bringing back the Wheel of Talks™. Our presenters won't know what they'll be talking about until they've spun the wheel, then they'll have 20 minutes to prepare something awesome for you.
Event starts at 7:30 pm.
Livestream on YouTube: https://www.youtube.com/watch?v=6xUl2IbgjLQ
BYO food, drink, and pets 🍔 🍹 🐶 🐱 (we love seeing pics on Twitter of y’all watching the live stream with your pets!)
Our brave speakers are:
🎤 Dominik Wilkowski
A design systems architect, tabs indenter, likes to wear a suit when it’s inappropriate to wear a suit, organiser of
@DesignSystemSyd, @codeheartdesign, he/him
🎤 Phil Nash
@philnas | https://philna.sh
Away from the keyboard, Phil listens to ska punk, enjoys discovering new beers and runs the occasional half marathon.
Tamm is a Swedish Web Sorceress who relocated to Australia in 2018 to be with her girlfriend, now the Lead Front End Developer at Squiz in Sydney. Setting off into the world of IT when she repaired the family computer at age 5, she lives and breathes tech. Her focus is on teams achieving a great User Experience, fuelled by best practices in coding, and sometimes building little cool things for fun.
Whilst we wait for them to prepare, 🎤 Matt Colman (@matt_colman) will entertain and delight us with a talk.
Speaking of constants Matt will be talking today about variables of the CSS kind in his talk "CSS Variables for Real Life".
We can’t wait to see you all there
🧡 The SydCSS Team
- SydCSS' 7th birthday
🎉 Hip hip hooray! We are turning 7 in October! What better way to celebrate than to have Ethan Marcotte joining us as a speaker, all the way from Boston! To say we're excited is an understatement 😱
The event will start at 7:30pm. BYO food and drinks 🍔🍹
Livestream link: https://www.youtube.com/watch?v=7bAETIw8lA0
The design systems between us
Ethan Marcotte | @beep | ethanmarcotte.com
In the early days, design systems promised us more consistent interfaces, more collaborative teams, and improved shipping times. While they’ve certainly delivered on some of those fronts, they’ve introduced new challenges too. Let’s talk through what’s working well—and what could be working better—as we take a closer look at the systems between us and our work.
Ethan Marcotte is a web designer, speaker, and author. He’s perhaps best known for coining the term “responsive web design”, defining a new way of designing for the ever-changing Web. In fact, Ethan has written two popular books on the topic, Responsive Web Design and Responsive Design: Patterns and Principles.
- SydCSS August - First Time Speaker Night!
It’s that time of year! We’re bringing back one of our most loved events, First Time Speaker Night 🕺 Join us online at 7.30pm, Thursday 6th August, to support our brave speakers - BYO snacks and drinks 🍻
Livestream link: https://www.youtube.com/watch?v=tWriYqlhguE
✨ Our Speakers ✨
🎤 The Art of CSS Art
⭐️ Louise Flanagan | @FlangerHanger | codepen.io/louflann | lou-flan.com
Louise will be giving us a 5 minute walk through of how she creates realistic CSS art; where to start, what properties to use and how to best structure the piece.
Louise is a full-stack graduate from Coder Academy Sydney. She loves to create with code, from pure CSS illustrations to JS animations and shares her experiments on Twitter and Codepen.
🎤 My first PostCSS plugin
⭐️ Niall O’Reilly | www.linkedin.com/in/nialloreillydev/
In this short talk Niall will walk you through the process of writing a simple PostCSS plugin and show how just a few lines of code can transform the way you reason about some concepts in CSS. Don't like how certain features of CSS work? You have the power to change them.
Yet another Irishman in Sydney, Niall is a Front End Engineer currently working on Deputy.com's Website team. With a background in multimedia, Niall's passions lie in creating delightful animation-rich digital experiences. Outside of work he enjoys long walks on the beach and longer sessions on the Guinness.
🎤 The hidden CSS pixel art feature
⭐️ Tia Freeman | @tiajfreeman
Do look at the front page of CodePen and wonder how anyone could be that good at CSS art? Level up your CSS skills with this trick for making pixel art in CSS!
Tia had an unusual path to programming, starting out as an invertebrate biologist before getting into Web Development. After teaching herself programming, she worked as a programming teacher for a year, before starting her current role as a Full Stack Developer.
🎤 Custom themes with JSS
⭐️ Dan Drory | https://www.linkedin.com/in/dan-drory-33496b95/
Nowadays most applications you use have a light and dark mode. But what if you want to allow your customers way more flexibility in their colour schemes. Let’s set it up with theming in JSS.
Dan is a "Dutch taught, Australian perfected" software engineer that has a history of game development. Naturally he likes to make things look smooth in the highest Frame-rate possible.
Dans friends describe Dan as cheap, too direct and, always, say, fifteen minutes too late.
We can’t wait to see you all there 💖 The SydCSS Team
- SydCSS April
April is here and we are excited to be hosting our first virtual meetup! This means there'll be no more waitlist and everyone (including friends outside of Sydney) will be able to join in! 🎉
Event will start at *7:30pm*. BYO food and drinks 🍔🍹
Live stream link: http://youtube.com/watch?v=rlysgxOGbwU
🎤Web accessibility: How to begin making improvements when it feels overwhelming
😀Taryn Ewens | @TarynEwens | https://www.taryn.codes
Have you ever worked in a large codebase that has never made accessibility a priority? And while you want to make the web a more inclusive place, you don't know where to begin? I was there and it was incredibly overwhelming. How do you even get started when you have a huge amount of legacy code and accessibility isn't even part of the conversation? It's a cultural change that isn't easy but this talk will share my experiences of my team getting to a point where the whole (opinionated) engineering unit agreed on web accessibility standards.
It will not cover any technical requirements of an accessible website. This talk is about making the cultural change that changes web accessibility from being a background thought to a regular conversation and part of your requirements.
An ex-Pastry Chef turned Front-End Developer, Taryn works on the Design Operations team at Finder, Australia's largest comparison website. Since starting at Finder, web accessibility has gone from being something that was rarely thought about to being a regular conversation based on her and her teams work. Her proudest achievement is getting the whole (passionate) engineering unit to agree on and commit to a set of web accessibility standards. She is passionate about inclusion, accessibility and improving user experiences for all. When she’s not coding, Taryn’s usually found hanging out with her beloved doggo, Lexi the Samoyed.
🎤Interviewing for Developers during COVID-19
😀Debbie Teakle | @debteakle
A lot has changed over the last few weeks but despite it all there are companies still hiring developers. They’ve adapted to the need for social isolation by conducting video interviews. In this talk, Debbie will give you some tips on how you can best prepare for these interviews
Debbie is a technical recruiter at Lookahead Search. Formerly a product manager & web designer. Web geek raising 4 geeklings and a Labradoodle.
=== Sponsor ===
Lookahead Search (lookahead.com.au)
Lookahead Search help top companies hire software engineers and CTOs. We are Lookahead Search - a recruiting company based in Sydney, Australia.
- SydCSS February
It's the first SydCSS of 2020. Come along and bring your new year resolutions with you. February's event will be at a brand new venue for us, finder's Sydney office.
***Tickets will be released on Thursday 6th February at 10am. ***
Doors open at 6:30pm with presentations starting at 7pm. There'll be some finger food and drinks provided.
🎤Type Safe CSS with ReasonML & bs-css
😀Ciro Nunes @cironunesdev
How can we have maintainable, beautiful CSS that we are proud of? The answer is simple: "Write type safe CSS". In this talk Ciro walks us through the pros and cons of that approach and live codes a few animated components with the help of the audience.
Ciro describes himself as a DesignOps wizard at Ansarada. He is a developer for about 12 years, mostly focused on Frontend, programming languages nerd (Elm, ReasonML, Haskell, OCaml). When he is not in the computer, he is practicing Brazilian Jiu-Jitsu, playing football or video games
🎤 One size fits one
😀Sarah Pulis @sarahtp
There is no one size fits all, there is only a one size fits one. We cannot design something that suits every single person. Instead, we should look at designing interfaces can be personalised, where a user can choose what they want to see and how they want to interaction. In this talk, Sarah will share some ways to design sites in a way that they can adapt, morph, or stretch to user needs.
Sarah is a co-founder and director of Intopia. She has worked in accessibility and inclusive design for 10 years, helping organisations create more accessible experiences. Sarah is also founder of A11y Bytes and A11Y Camp, which have grown to be Australia's largest events on digital accessibility and inclusion.
=== Sponsor ===
Global success requires a like-minded community of people working together. Our team of energetic, savvy and passionate Finders is committed to guiding our audience through complex decisions. Every day, we help people save money, get better rewards and learn something new.
Finder is equally committed to helping our team grow, thrive and remain inspired to learn.
We have expanded around the globe and our crew of 300+ is now operating in offices across Sydney, New York, London, Toronto, Manila and Wroclaw. Finder continues to forge a global presence with a vision to become the world’s go-to destination for comparing – helping people to find better.
Achieving our mission of changing the way the world makes decisions requires a diverse mix of creative, passionate and innovative people. We are committed to being an equal opportunity employer and continually striving to create a diverse and inclusive environment where all of our people feel a sense of belonging and can bring their authentic selves to work.
- SydCSS December - Wheel of Talks
It's the final SydCSS of the year and we're bringing back the Wheel of Talks™. Our brave presenters 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 November 28th 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:
🎤 Ben Buchanan (@200okpublic)
🎤 Kris Howard (@web_goddess)
🎤 Simon Vrachliotis (@simonswiss)
✨Whilst we wait for them to prepare we will hear from Jack Lo Russo (@lol_russo). ✨
Jack will be discussing 'The Dark Web' 😱
Sorry, not that kind of Dark Web — let's talk about dark mode! Is it just a gimmick, or a genuine way for us as developers to be empathetic towards our users? We will take a look at some different strategies for supporting dark mode, including the fantastic prefers-color-scheme media query, discuss some accessibility concerns, and dig into some cool tips and tricks together.
Jack is a front end developer and designer currently working on fixing superannuation in Australia at GROW Super. He is passionate about front-end architecture, design systems, performance, accessibility, and building great engineering teams. He's also a mad Pokemon fan and can cook a mean green curry.
=== Sponsor ===
🏢Domain - Providing a vast venue
Find your dream home with Domain. With over 270,240 Properties covering real estate, apartments, new developments, off the plans, school data & real estate market data.
🥛Thinkmill - Providing delicious drinks
We help teams make great software.
🍔Quantium - Providing festive food
We combine the best of human and artificial intelligence to power possibilities for individuals, organisations and society.
- SydCSS October (6th birthday!)
Oh, the places you’ll go.
It can be difficult to see a path from front end developer to technical leadership. Will my skills be recognised and valued? Will I be considered "technical enough"? Do any of the senior leaders in my organisation share my technical background? While there are hurdles to overcome, the work you do every day as front end specialist is already building crucial skills that will equip you for your first technical leadership role and beyond. Lets take a look at 10 things you are already doing that are preparing you to take the next leap in your career.
Fun times with Variable fonts and Sensors
Things you can do with CSS that used to need JS
CSS has come a long way in recent years, bringing style and interaction to the web. For example just look at all the cool things you can do now with CSS animations!
However there are some common components that people are still reaching to JS to solve when they can achieve the same thing with CSS. Things like: Modals, tooltips, mobile menus, accordions and carousels.
What if I told you that each of these can now be done with CSS alone? That way the functionality renders at the same time as the design and makes it usable by more people.
Your mind is !important
Mental health is especially important for developers because the brain is our main tool. Sometimes life gets in the way and we overlook the importance of having healthy habits, which can lead to a lack of motivation, burnout and even mental health issues like depression and anxiety. Using CSS refactoring as an analogy to our life, we can learn to identify and change bad habits, improving the quality of our life, and raising awareness of the importance of taking care of our brain and also people around us.
- SydCSS August
Nights are long and cold so why not beat the winter blues this August and pop along to SydCSS on August 1st. We're at a brand new venue, Propeller Aero's HQ in Surry Hills.
📣Tickets will be released on Thursday 25th July at 10am. 📣
Design leadership for introverts
Tim Yeo @timyeo
Do you squirm in your seat when all eyes are on you? Do you find networking awkward and embarrassing? In meetings, do you find yourself keeping quiet even though you have something to say? Does a quiet evening at home with a book sound more attractive to you than an evening socialising with people you’ve never met?
If your answer to most of these questions is yes, congratulations: you are (probably) an introvert.
Introversion is not a choice; I believe it is something you are born with. However, it should not limit you, especially your ability to lead. Yet, as an introvert, you lose energy when engaging with people rather than gain. People engagement is not optional if you want to lead. So how do you lead as an introvert?
In this talk, I share techniques I’ve used to manage my own introversion in order to lead as a designer.
Design leader. Speaker. Bookbinder. Known for saying complex things simply. Designer @SonderSafe - Your 24/7 rapid response network on a mission to have help by your side in 20 minutes (if you need it).
Formerly Head of Design at fintechs @OFX, @Prospa; startup co-founder
It looks like CSS but it’s not CSS: Writing styles for React Native
Petra Gulicher @petronbot
Writing styles for a React Native app has a lot in common with writing styles for the browser but there are some critical differences. What are the things you need to know to get started, and how do you make sure your code can grow happily? Petch has learnt the hard way so that you don’t have to.
Petra is a front-end architect with Thinkmill. She likes dogs, deleting code, coffee and lying in the park in the sunshine.
*** Sponsor ***
Propeller creates tools and software for construction companies, mines, quarries, and landfills to collect, process, and visualise accurate survey data. Some of the world’s leading heavy civil and resources operations trust Propeller to answer critical questions about their site’s progress, productivity, work quality, and safety.