I love when conferences give me the opportunity to travel around the world.
I love it even more when conferences go beyond the web to find inspiration from
other fields. Beyond Tellerand (Düsseldorf, Germany) was the best possiblecombination.
Amazing talk by Miriam Suzanne at the Beyond Tellerand conference
about the benefits of using plain CSS
instead of heavy library for your grid!
Very useful and inspiring.Thanks!
Right from the start, Beyond Tellerand was unlike other conferences.
Rather than hearing familiar talks about familiar technology, the first
day took us on a journey through web annotations, intricate
illustrations, design for non-designers, robots with personality,
stop-motion tinkering, and programatically-generatedart.
I spoke on day two, followed by “bleeding edge” accessibility,
large-scale projection-mapping, the women who built the internet, and a
lesson on ethics in tech. How could I even begin to match the
inspirational scope of these other presenters, while talking aboutlayout?
I couldn’t – but I did have some fun. Inspired by the generated art from
Jared Tarbell and the Levitated Toy Factory, I picked one of his art
pieces to recreate with CSS variables (aka custom properties) and CSS
gridlayouts.
I spent that evening studying his image, and translating it into HTML
and CSS. My first draft relied heavily on :nth-child() selectors,
leading to an absurd 3MBCSS file. By adding custom properties in the
HTML, I was able to streamline things dramatically. This second draft
relies on HAML to generate the required HTML for a static (but
responsive)result.
That went over well at the conference, but I decided to improve it after
the conference was over. By moving the component logic into Vue, I
could interact with the controls dynamically – and animate the changes:
shuffling, resizing, and more. Finally, I pulled in an
Asteroids-inspired browser snippet so you can destroy your creation.
Enjoy theinvasion!
Learn how to leverage Web Platform Tests to ensure your polyfills are implementing upcoming browser features correctly, including how to generate a comprehensive report of failing/passing tests on each change.
OddBird sponsored Python Web Conference 2023 and sent me to attend. In this article I showcase my favorite talks and activities from this excellent online event, including a list of useful resources for web application security, introductions to new PaaS providers, and a comparison of the most popular Python web frameworks.