CSSConf Australia
CSSConf Australia
  • 92
  • 360 744
Madalyn Parker - Uncharted territory: using aXe to forge a path
I remember attending my first JSConf in 2014 and watching Marcy Sutton talk about accessibility and the Shadow DOM. I was hooked on creating an accessible web for everyone. However, it's really hard to get accessibility prioritized when you're running as a lean startup.
Years later, my company is ready to hop on the train and now we're working to implement the first ever ADA compliant chat box used in a support and sales context. I've seen lots of talks on accessibility basics and implementing aria on static sites, but few that demonstrate what it's actually like to approach a codebase architected without accessibility in mind (especially one that will run on sites you have no control over) and add that layer in.
I'm working on this project now (with a due date of Dec 2017) so I don't have immediate outcomes to list here but I'll cover the problems I ran into and will hopefully be able to help other developers in similar situations with their code bases.
I want to show that it's okay to roll out accessibility changes bit by bit, that it doesn't have to be all or nothing, and that there are good tools out there to help you out. I think the stumbling blocks I come across (and overcome) in this project would be useful for others who find themselves in my position. Part of what made this project difficult was my inability to accurately estimate how long or how much work it would take to update our application. Hopefully, with the lessons I learn, I’ll be able to help someone else blaze their own trail at their company.
Переглядів: 925

Відео

Alexander Pope - OUTBREAK: index-sw-9a4c43b4b4778e7d1ca619eaaf5ac1db.js
Переглядів 5536 років тому
August 30, 2016, was by all accounts an average Tuesday, and release number 523 just a simple re-factor, but something went horribly wrong that day: bad code escaped from the office, and it quickly spread to infect tens of thousands, giving rise to a hoard of zombie ServiceWorkers! This is a disaster about a typo. This is a thriller about technology out of control. This is a tragedy about waste...
Brittany Storoz - A year of other’s bugs: the sad state of error handling
Переглядів 4,4 тис.6 років тому
As an instructor of front-end software engineering, I’ve seen first-hand how difficult it is for new developers to navigate call stacks and decrypt error messages. We have built a culture that considers effective error handling a secondary priority, which has a significant impact on those who are just learning to code. Debugging is a huge part of the development process, and the less time we ha...
Nikolay Matvienko - Node js applications diagnostics under the hood
Переглядів 1 тис.6 років тому
Based on my experience in diagnosing and troubleshooting highload e-commerce Node.js app in production, I’ve identified three stages in the Node.js diagnostic history. I’d like to briefly tell this path and show where we are now and tell in details "How to debug and tracing Node.js apps on different levels, and how to track performance problems and memory leaks inside Node.js apps in 2018": Pro...
Tim Holman - Generative Art Speedrun
Переглядів 107 тис.6 років тому
For so many of us, myself included, the art world is the entry point into the coding world. Here we will explore ins and outs of generative art, and experience the joy of creating art with code. Generative art can be as simple or complex as you like, at the end of the day, everyone will have the mindset and processes down to create their own unique pieces of joy. This talk begins with the basic...
Malte Ubl - Designing very large JavaScript applications
Переглядів 24 тис.6 років тому
Over the last years a modular approach to programming in JS gained a huge following and with the advent of virtual DOM building isomorphic JavaScript application for the web became dramatically more approachable; yet, we are still largely deploying monolithic application blobs that know how to render the settings page of our single page apps before accepting user input on the homepage. My talk ...
Madlaina Kalunder - Building a raytracing engine with JavaScript
Переглядів 1,9 тис.6 років тому
In this talk we will build a 3D ray tracer with Javascript. We learn about the basics of real time 3D graphics and what we need in order to produce realistic looking 3D graphics in the browser. It’s fun to learn about 3D and graphics, plus seeing how a seemingly complex concept such as ray tracing can be broken down to simpler concepts is inspiring. I enjoyed the artistic aspect of using maths ...
Caleb Sotelo - Taming the World’s Largest Trojan Horse
Переглядів 3376 років тому
In 2017, companies globally spent $80B on digital advertising-web pages and mobile apps-delivering ads to billions of users, trillions of times. The majority of these ads were rendered in JavaScript environments. Technically, the challenge for JS developers is to instantaneously find the perfect match between an advertiser and a user, regardless of the website, app, or user profile. This is fun...
Craig Spence - Fantastic ASTs and where to find them
Переглядів 1,2 тис.6 років тому
Oh no! Harry Potter, the hero from the J K Rowling’s wizarding universe, has been cursed by the super-villain, Lord Voldemort, and now he is trapped inside the Internet! Harry knows Parseltongue, which means that he can talk to snakes. Incredibly, Parseltongue also happens to be a Turing complete programming language! In order for Harry to escape from the Internet, we need to transpile Parselto...
Suz Hinton - I'm afraid your browser has been talking to the robots again a gentle intro to WebUSB
Переглядів 3,4 тис.6 років тому
The browser’s capibilities have snuck up on us over the years, and it’s turned into a full blown operating system! "But wait," I hear you protest, "it’s not like the browser can talk to stuff I have plugged in to my USB ports!". Ah! But it can! The new WebUSB spec has arrived, and is already supported in at least one browser today. The previous hacks of connecting browsers to robots and other h...
Irina Shestak - HTTP2, one frame at a time
Переглядів 1,4 тис.6 років тому
Node Files. Take #1337. ~ * Action! * ~ INT. JSCONF AU CONFERENCE VENUE The camera zooms in on an intense discussion between Scully and Mulder. Both are huddled around a terminal, both are uncertain about the next steps. Ghosts of old TCP connections wail in the background. Scully is frantically typing. The left hand side shows a new session starting. Soon a new stream created. Multiple request...
Vigneshwer Dhinakaran - Pumping up Node js modules with Rust!
Переглядів 1,4 тис.6 років тому
If you’ve spent much time writing and debugging node module code for performance in a Js app, you’ve probably had a hard time managing memory and native code integration. In this talk, we venture deep into the belly of the Rust Language to uncover the secret incantations for building high performance and memory safe node modules using Neon, which helps you to write native node js modules and it...
Mathias Bynens - V8 internals for JavaScript developers
Переглядів 21 тис.6 років тому
This presentation demonstrates how learning just a little bit about JavaScript engine internals can help you improve the run-time performance of your JavaScript code - not just in V8 specifically, but across all JavaScript engines! I’ll start by explaining how V8 handles arrays behind the scenes, and especially how it can optimize operations on them. I can do all of this with my “JS developer” ...
Amy Nguyen - Using Chrome Developer Tools to hack your way into concerts
Переглядів 26 тис.6 років тому
Chrome Developer Tools is magical. It lets you record network traffic, step through code, modify the DOM, and more! To learn when we would use each of these features, I'll walk you through my adventures trying to trick Taylor Swift’s website into giving me concert tickets. Instead of reading through all of the JS files in her site and scrolling through hundreds of useless network activity logs,...
Patricia Realini - Is A Hot Dog A Sandwich And Other Analogies Not To Trifle With
Переглядів 5296 років тому
Metaphors are an essential means of communication and method of teaching for developers. Without them and Lin Clark, it would be much more difficult for teams to adopt Redux. But learning by association has its limits. When we only discuss the things we can relate to we reinforce existing stereotypes that box us in. Instead of thinking outside the box, we will discuss how thinking about the box...
Jessica Norris & Ben Taylor - How to keep your server alive AND teach JS to kids
Переглядів 1806 років тому
Jessica Norris & Ben Taylor - How to keep your server alive AND teach JS to kids
Juliet Brown - Intersection between art and technology
Переглядів 1976 років тому
Juliet Brown - Intersection between art and technology
Kylie Long - Practical tools for happier, more seamless collaboration
Переглядів 686 років тому
Kylie Long - Practical tools for happier, more seamless collaboration
Jason O'Neil - 50,000 lines of spaghetti code and how to unravel it
Переглядів 3,8 тис.6 років тому
Jason O'Neil - 50,000 lines of spaghetti code and how to unravel it
Maz Hermon - How is a UI component library the 'Mise en place' of the modern Web-Chef’s kitchen?
Переглядів 1476 років тому
Maz Hermon - How is a UI component library the 'Mise en place' of the modern Web-Chef’s kitchen?
Rob Crowley - Crafting compelling real-time web experiences with GraphQL
Переглядів 1076 років тому
Rob Crowley - Crafting compelling real-time web experiences with GraphQL
Jess Champion - A unit test walks into a bar
Переглядів 2836 років тому
Jess Champion - A unit test walks into a bar
Jeremy Nagel - Attack of the mutants using mutation testing to improve your test suite
Переглядів 3456 років тому
Jeremy Nagel - Attack of the mutants using mutation testing to improve your test suite
Brenda Storer - How to use CSS grid today in the real world
Переглядів 3,3 тис.6 років тому
Brenda Storer - How to use CSS grid today in the real world
Julie Grundy - Can you see that OK? CSS tips for low-vision accessibility
Переглядів 1,2 тис.6 років тому
Julie Grundy - Can you see that OK? CSS tips for low-vision accessibility
Ivana McConnell - Journeys: What makes a developer, really?
Переглядів 2996 років тому
Ivana McConnell - Journeys: What makes a developer, really?
Diana Mounter - Interaction of color systems
Переглядів 1,7 тис.6 років тому
Diana Mounter - Interaction of color systems
Sam Richard - Magic tricks with Houdini
Переглядів 1,1 тис.6 років тому
Sam Richard - Magic tricks with Houdini
Jeremy Wagner - Faster fonts for speed fanatics
Переглядів 6686 років тому
Jeremy Wagner - Faster fonts for speed fanatics
Theresa Ma - Effective design and engineering collaboration
Переглядів 7636 років тому
Theresa Ma - Effective design and engineering collaboration

КОМЕНТАРІ

  • @laughingvampire7555
    @laughingvampire7555 3 місяці тому

    This old macos interfaces can be remade in an e-paper display

  • @DataJager
    @DataJager 4 місяці тому

    I think this is quite possibly the saddest talk I have ever watched. What could have been is so different from what has occurred.

  • @rodrigotellom
    @rodrigotellom 4 місяці тому

    Is he trying to pull off a Bret Victor with the "back in time" thing?

  • @radicalraccoon
    @radicalraccoon Рік тому

    This was a great presentation. I'm going to try my hand at creating something akin to a modern Hypercard. There are a few (seemingly) abandoned open source projects that I've seen which I may be able to continue, but we shall see. Either way, it seems like a fun project. Might start small with some implementations of the idea that are task specific.

    • @swapanjain892
      @swapanjain892 Рік тому

      What are you working on..I am interested as well.

    • @swapanjain892
      @swapanjain892 Рік тому

      Would like to collaborate on this.

  • @justinchan9657
    @justinchan9657 2 роки тому

    Would imagine a scenario whereby web browsers have similar visual programming tools.

  • @greenbristol
    @greenbristol 4 роки тому

    Julian Jaynes' book is intriguing too!

  • @stephanpetersen3600
    @stephanpetersen3600 5 років тому

    magnificent introduction

  • @cytuber
    @cytuber 5 років тому

    Great overview. Thanks

  • @Bonpu
    @Bonpu 5 років тому

    I would kill to have something like this on my iPhone - instead of paying for shabby flashcard- and to-do apps. How a pocket computer that you cannot program yourself is considered a "smart" phone is beyond me.

  • @realist8774
    @realist8774 5 років тому

    Ok, where can I find a complete css-code containing the fluid shizzle for font-size AND the fluid modular stuff for the Headings?

  • @ABDULSALAMAYINLA
    @ABDULSALAMAYINLA 5 років тому

    Nicely done

  • @pojntfxlegacy611
    @pojntfxlegacy611 6 років тому

    Really, really great talk!

  • @DequeSystemsInc
    @DequeSystemsInc 6 років тому

    Excellent talk and awesome a11y work Madalyn! Thanks for the aXe love.

  • @jsphpndr
    @jsphpndr 6 років тому

    This is supremely excellent.

  • @chrisf2777
    @chrisf2777 6 років тому

    19:06 Alexander Pope OUTBREAK: index-sw-9a4c43b4b4778e7d1ca619eaaf5ac1db.js 46:32 Madlaina Kalunder Building a raytracing engine with JavaScript 2:01:42 Malte Ubl Designing very large JavaScript applications 2:31:18 Tim Holman Generative Art Speedrun 4:38:49 Nikolay Matvienko Node.js applications diagnostics under the hood 4:59:40 Brittany Storoz A year of other’s bugs: the sad state of error handling 6:02:29 Madalyn Parker Uncharted territory: using aXe to forge a path 6:34:43 Patricia Realini "Is A Hot Dog A Sandwich?" And Other Analogies Not To Trifle With

  • @steffstefferson
    @steffstefferson 6 років тому

    Mathias Bynens: $JAVASCRIPT_ENGINE internals 1:34:56 Irina Shestak: HTTP2, one frame at a time 3:03:40 Suz Hinton: I'm afraid your browser has been talking to the robots again - a gentle intro to WebUSB 5:22:16 Craig Spence: Fantastic ASTs and Where to Find Them 5:54:37 Caleb Sotelo: Taming the World’s Largest Trojan Horse 6:53:24

  • @marble_wraith
    @marble_wraith 6 років тому

    Timestamps - Edited 37:38 - David Khourshid - Behind the illusions : impossibly high-perf layout animations 1:05:30 - Brenda Storer - How to use CSS Grid today in the real world 2:04:26 - Jeremy Wagner - Faster fonts for speed fanatics 2:36:01 - Julie Grundy - Can you see that OK? CSS tips for low-vision accessibility 5:03:20 - Diana Mounter - Interaction of color systems 5:36:24 - Sam Richard - Magic tricks with houdini 6:41:32 - Theresa Ma - Effective design & engineering 7:11:14 - Ivana McConnell - Journeys : What makes a developer, really?

    • @livingitliveaus
      @livingitliveaus 6 років тому

      Hi, all talks have been recorded and will be cut into individual talks at a later date. For some reason UA-cam has cut the stream to 4 hours only.

  • @ConcernedNetizen
    @ConcernedNetizen 6 років тому

    I came for the witty title and left greatly inspired. Very good talk! Thank you Justin!

    • @Diachron
      @Diachron 4 роки тому

      The clever title caught my eye as well.

  • @DeclassifiedMusic
    @DeclassifiedMusic 7 років тому

    Very nice explanation, don't know what the other person here is referring to!

  • @AntonKastritskiy
    @AntonKastritskiy 7 років тому

    Brilliant talk

  • @Omar-xo7pm
    @Omar-xo7pm 7 років тому

    fuck man, get to the point lol. You lost my attention at around 8-9 minutes.

  • @angw8913
    @angw8913 7 років тому

    link for w3 discussion mentioned: github.com/w3c/csswg-drafts/issues/581

  • @hariesta
    @hariesta 7 років тому

    To save myself from trouble, skipping those idle screen time. 57:12 2:37:54 4:55:32 6:29:26 7:57:37

    • @anhtdoan
      @anhtdoan 7 років тому

      Thanks for the timestamp, I've added some details. 57:12 Ally Long-Human Compatibility Error: How novice tech users in West Africa respond to your fancy CSS 1:32:36 Ally Palanzi-Accessibility matters. Let’s do something about it 2:37:54 Michael Rog-Getting 'Up To Speed' with Accelerated Mobile Pages 3:10:16 Josh Johnston-At Least 6 Ways to Win with CSS Modules 4:55:32 Nadieh Bremer-SVGs beyond mere shapes 5:26:08 Barak Chamo-Hey presto, CSS! 6:29:30 José M. Pérez-Progressive image rendering 6:55:00 Serena Chen-The Ideal Styling Language: a gedankenexperiment 7:57:37 Petra Gulicher-Building a style guide for all Australians