Flipping v1: new library from @DavidKPiano to do FLIP easily!

github.com/davidkpiano/flipping #cssconfau #jsconfau

  • 0
  • 5

  1. font-display: swap - magic value to let fonts display quickly and move custom fonts when available @malchata #cssconfau #jsconfau

    • 9
    • 40

    1. Conditions with font-display: swap #cssconfau #jsconfau

      • 0
      • 2

      1. Color accessibility workflows as a good introduction to the topic #cssconfau #jsconfau

        • 0
        • 1

        1. Use a greyscale filter to quickly check for potential color only issues or to see if links are easily distinguished in designs @stringy #cssconfau #jsconfau

          • 1
          • 1

          1. text-decoration-skip-ink: auto - good not only for prettier underlines, but good for those with dyslexia too! Easier to understand letter geometry @stringy #cssconfau #jsconfau

            • 0
            • 2

            1. Add borders to everything to better support high contest mode! Overlapping elements, or were box shadows or colors are used for differentiation @stringy #cssconfau #jsconfau

              • 0
              • 0

              1. There’s a lot to learn about color 😜

                • 0
                • 1

                1. “fitting color in to a nice circle can be misleading”

                  @broccolini #cssconfau #jsconfau

                  • 0
                  • 1

                  1. Ha. Dad jeans blue @broccolini

                    #cssconfau #jsconfau

                    • 0
                    • 2

                    1. Test color systems on highly trafficked pages, important interactions and other colors, and iconic UI elements. Obligatory button side #cssconfau #jsconfau

                      • 0
                      • 3

                      1. Achievement unlocked: largest head the AV guy has had to mic up today #cssconfau #jsconfau

                        • 0
                        • 2

                        1. Thanks #cssconfau18 for listening to me talk about Houdini! Sides here, need Chrome Canary with experimental flags enabled. Alt+space to go to next side.

                          snugug.github.io/magic-tricks-with-houdini/#/0/0

                          #cssconfau #jsconfau

                          • 6
                          • 19

                          1. Also, if you have any questions please come up and say hi! I’m always happy to chat! #cssconfau #jsconfau

                            • 0
                            • 1

                            1. We not only use language to describe how the world is, but also how we want the world to be - @mapotato #cssconfau #jsconfau

                              • 0
                              • 1

                              1. Rhetoric and organizational culture. Need to get to stage 4 (from 0) to effectively collaborate. @mapotato Shifting language helps to shift culture. Be wary of not using language that others a group you collaborate with #cssconfau #jsconfau

                                • 0
                                • 2

                                1. I love the focus on language in design systems and collaboration from @mapotato ! So so important! Let’s us not talk past each other and have shared goals #cssconfau #jsconfau

                                  • 0
                                  • 1

                                  1. Action items to take back to find shared goals between design and engineering (and all collaboration need - @mapotato

                                    #cssconfau #jsconfau

                                    • 0
                                    • 2

                                    1. Language->Communication->Collaboration->Tools->Repeat

                                      Add community and you get culture.

                                      @mapotato

                                      Loved this talk.

                                      #cssconfau #jsconfau

                                      • 0
                                      • 1

                                      1. The old line between “CSS” and “development” that had been a convenient division isn’t true anymore @IvanaMcConnell #cssconfau #jsconfau

                                        • 0
                                        • 0

                                        1. CSS is not as easy as it’s accepted perception in the development community. @IvanaMcConnell #cssconfau #jsconfau

                                          • 1
                                          • 0

                                          1. We say power is based on meritocracy but it’s not; the are underlying, unspoken biases that have large sway. @IvanaMcConnell #cssconfau #jsconfau

                                            • 0
                                            • 0

                                            1. The hierarchies we use to make decisions with need to be enforceable, transparent, concrete, and able to be updated. @IvanaMcConnell #cssconfau #jsconfau

                                              • 0
                                              • 0

                                              1. ♥️ #cssconfau #jsconfau cssconfau/976049387645288448

                                                • 0
                                                • 1

                                                1. Kicking off the last @JSConfAU #cssconfau #jsconfau

                                                  • 1
                                                  • 2

                                                  1. Ha! What an amazing talk title! #cssconfau #jsconfau

                                                    • 0
                                                    • 3

                                                    1. “And you can paste in this code that I found on @StackOverflow” HAHA YES! #DEVLIFE @amyngyn #cssconfau #jsconfau

                                                      • 0
                                                      • 1

                                                      1. The questions asked and the dev tools used @amyngyn

                                                        #cssconfau #jsconfau

                                                        • 0
                                                        • 3

                                                        1. Woo! @noopkat taking us through a gentle introduction to Web USB

                                                          #cssconfau #jsconfau

                                                          • 0
                                                          • 0

                                                          1. 👻 Sooper spooky fffuuuutttuuurrreeeesssss. 👻@noopkat

                                                            🤣

                                                            #cssconfau #jsconfau

                                                            • 0
                                                            • 0

                                                            1. . @noopkat’s sides are beautifully illustrated. I love it! #cssconfau #jsconfau

                                                              • 0
                                                              • 1

                                                              1. She’s back to her hardware demos! @noopkat #cssconfau #jsconfau

                                                                • 0
                                                                • 0

                                                                1. She’s not kidding! @noopkat has live hardware demos! So cool! So cool! #cssconfau #jsconfau

                                                                  • 0
                                                                  • 0

                                                                  1. As Footprint: Chrome extension to see performance implications from ads. openx.com/resources/blog/ad-footprint-openx-labs-chrome-extension-publishers-waiting chrome.google.com/webstore/detail/ad-footprint/opiamifgedjbipmjhgdooeobfbgnlcph

                                                                    +@calebds #cssconfau #jsconfau

                                                                    • 0
                                                                    • 3

                                                                    1. “Algorithms, a word programmers use when they don’t want to explain what they did” - @twholman #cssconfau #jsconfau

                                                                      • 0
                                                                      • 1

                                                                      1. Living up to his Twitter handle, @DavidKPiano playing the terribly out of tune community piano in Victoria Market at lunch. Crowd screams for an encore, he busts out Wrecking Ball. 🎹 #cssconfau #jsconfau

                                                                        • 2
                                                                        • 9

                                                                        1. “Encountering errors should an informative learning experience, not a frustrating roadblock“ - @brittanystoroz #cssconfau #jsconfau

                                                                          • 0
                                                                          • 2

                                                                          1. Now this is my kinda conference party! Karaoke on the big projector! #cssconfau #jsconfau

                                                                            • 0
                                                                            • 2