{"id":1834,"date":"2025-07-31T14:14:38","date_gmt":"2025-07-31T21:14:38","guid":{"rendered":"https:\/\/us.wordcamp.org\/2025\/?post_type=wcb_session&#038;p=1834"},"modified":"2025-09-04T16:43:02","modified_gmt":"2025-09-04T23:43:02","slug":"building-resilient-interfaces-by-embracing-fluid-design","status":"publish","type":"wcb_session","link":"https:\/\/us.wordcamp.org\/2025\/session\/building-resilient-interfaces-by-embracing-fluid-design\/","title":{"rendered":"Building Resilient Interfaces by Embracing Fluid Design"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-uqjzNkdPYI?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p>Handing the keys to a shiny new site over to clients is always a nerve-wracking experience. In this technical session, we\u2019ll look at how to leverage modern CSS alongside the block editor to take the anxiety out of client handoffs by building resilient web experiences with fluid design. We\u2019ll start by reviewing fluid design concepts and examining fluid options available in the theme.json file. Then we\u2019ll move to building a real-world, fluid custom block that adapts to its surroundings &#8211; giving content editors power without the need to expose complex responsive controls. We\u2019ll close with a discussion of how embracing fluid modalities can be a win for everyone by enabling faster developer workflows, easier content management, and cleaner frontend interfaces.<\/p>\n\n\n\n<p>Attendees will leave with practical tips to deliver websites that are elegant, adaptable, and bulletproof for content management teams &#8211; all while writing less code.<\/p>\n\n\n\n<p>Bring your laptops, questions, and an open mind and let\u2019s explore building resilient websites for the future!<\/p>\n\n\n<div class=\"wp-block-wordcamp-session-speakers\"><span class=\"wp-block-wordcamp-session-speakers__byline\">Presented by<\/span><span class=\"wp-block-wordcamp-session-speakers__name\"><a href=\"https:\/\/us.wordcamp.org\/2025\/speaker\/anton-plauche\/\">Anton Plauche<\/a><\/span><\/div>","protected":false},"excerpt":{"rendered":"<p>Handing the keys to a shiny new site over to clients is always a nerve-wracking experience. In this technical session, we\u2019ll look at how to leverage modern CSS alongside the block editor to take the anxiety out of client handoffs by building resilient web experiences with fluid design. We\u2019ll start by reviewing fluid design concepts [&hellip;]<\/p>\n","protected":false},"author":20667211,"featured_media":0,"template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_wcpt_session_time":1756417500,"_wcpt_session_duration":2700,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1833],"footnotes":""},"session_track":[57],"session_category":[63],"class_list":["post-1834","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-1-mt-hood","wcb_session_category-topic-skills"],"jetpack_shortlink":"https:\/\/wp.me\/pfz0Bf-tA","jetpack_sharing_enabled":true,"session_date_time":{"date":"August 28, 2025","time":"2:45 pm"},"session_speakers":[{"id":"1833","slug":"anton-plauche","name":"Anton Plauche","link":"https:\/\/us.wordcamp.org\/2025\/speaker\/anton-plauche\/"}],"session_cats_rendered":"Honing your Skills","_links":{"self":[{"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/1834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/1834\/revisions"}],"predecessor-version":[{"id":8824,"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/1834\/revisions\/8824"}],"speakers":[{"embeddable":true,"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/speakers\/1833"}],"author":[{"embeddable":true,"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wporg\/v1\/users\/aplauche"}],"wp:attachment":[{"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/media?parent=1834"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_track?post=1834"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/us.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_category?post=1834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}