social.coop

0 posts0 participants0 posts today

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Examples" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Examples</a> From real to digital · How UI components are inspired by real-world objects <a href="https://ilo.im/162y07" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162y07</a>_____ <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Components</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Inspiration</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guidelines</a> How to design complex data tables · Practical techniques and useful Figma toolkits <a href="https://ilo.im/16282f" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16282f</a> _____ <a href="https://mastodon.social/tags/Tables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tables</a> <a href="https://mastodon.social/tags/Data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Data</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/Functionality" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Functionality</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Keeping interactivity during a view transition · How to bypass the ::view-transition overlay clicks <a href="https://ilo.im/1623et" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1623et</a>_____ <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animations</a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Transitions</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ViewTransitions</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Opportunities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Opportunities</a> Browser adaptation · Exploring the browser as a storytelling medium <a href="https://ilo.im/161qs9" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161qs9</a>_____ <a href="https://mastodon.social/tags/Medium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Medium</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Storytelling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Storytelling</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/Personalization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Personalization</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Content</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Checklists" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Checklists</a> Checklist for accessible data visualizations · Key steps that help you create accessible charts <a href="https://ilo.im/1617bk" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1617bk</a>_____ <a href="https://mastodon.social/tags/Charts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Charts</a> <a href="https://mastodon.social/tags/DataViz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataViz</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Content</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/AltText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AltText</a> <a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.social/tags/Keyboard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Keyboard</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Stamen DesignNew on our blog: "Using interactivity and animation to bring data-driven mocks to life" by Caroline Carter and Kelsey Taylor<a href="https://stamen.com/using-interactivity-and-animation-to-bring-data-driven-mocks-to-life/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://stamen.com/using-interactivity-and-animation-to-bring-data-driven-mocks-to-life/</a><a href="https://vis.social/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a> <a href="https://vis.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://vis.social/tags/dataviz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataviz</a> <a href="https://vis.social/tags/DataVisualization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataVisualization</a> <a href="https://vis.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Fun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fun</a> Every webpage deserves to be a place · What happens when blog users’ cursors meet online? <a href="https://ilo.im/1600ns" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1600ns</a>_____ <a href="https://mastodon.social/tags/Cursor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cursor</a> <a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mastodon.social/tags/Creativity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Creativity</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Theriac<a href="https://mastodon.online/@Susan_Larson_TN" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Susan_Larson_TN@mastodon.online</a> can I just say unlike other social media platforms <a href="https://plasmatrap.com/tags/making" rel="nofollow noopener noreferrer" target="_blank">#making</a> <a href="https://plasmatrap.com/tags/every" rel="nofollow noopener noreferrer" target="_blank">#every</a> <a href="https://plasmatrap.com/tags/word" rel="nofollow noopener noreferrer" target="_blank">#word</a> <a href="https://plasmatrap.com/tags/in" rel="nofollow noopener noreferrer" target="_blank">#in</a> <a href="https://plasmatrap.com/tags/a" rel="nofollow noopener noreferrer" target="_blank">#a</a> <a href="https://plasmatrap.com/tags/post" rel="nofollow noopener noreferrer" target="_blank">#post</a> <a href="https://plasmatrap.com/tags/a" rel="nofollow noopener noreferrer" target="_blank">#a</a> <a href="https://plasmatrap.com/tags/hastag" rel="nofollow noopener noreferrer" target="_blank">#hastag</a> <a href="https://plasmatrap.com/tags/lowers" rel="nofollow noopener noreferrer" target="_blank">#lowers</a> <a href="https://plasmatrap.com/tags/the" rel="nofollow noopener noreferrer" target="_blank">#the</a> <a href="https://plasmatrap.com/tags/possibility" rel="nofollow noopener noreferrer" target="_blank">#possibility</a> <a href="https://plasmatrap.com/tags/of" rel="nofollow noopener noreferrer" target="_blank">#of</a> <a href="https://plasmatrap.com/tags/interactivity" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a>.

Jevko 🌲Been working some more on the <a href="https://layer8.space/tags/document" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#document</a> <a href="https://layer8.space/tags/format" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#format</a>. Added <a href="https://layer8.space/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a>. Now it's possible to use <a href="https://layer8.space/tags/JDAML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JDAML</a> in <a href="https://layer8.space/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> also for runtime, not just build time.I took all the problems described in this paper <a href="https://arxiv.org/abs/2310.04368" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://arxiv.org/abs/2310.04368</a> as challenges and implemented enough <a href="https://layer8.space/tags/features" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#features</a> that they could be solved.Also added some more <a href="https://layer8.space/tags/syntax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#syntax</a> <a href="https://layer8.space/tags/sugar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sugar</a> -- paragraph inference and [=expr] syntax for substitution, to cut down on the nested brackets. I think it's looking good already.What do you think?

CodropsAre you ready for these 🔥 super hot UI interactions and animations? 😎Those bento grid animations are absolutely killing it!Get inspired: <a href="https://tympanus.net/codrops/2023/09/21/ui-interactions-animations-roundup-36/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tympanus.net/codrops/2023/09/21/ui-interactions-animations-roundup-36/</a><a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiondesign</a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uidesign</a> <a href="https://mastodon.social/tags/motion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#motion</a> <a href="https://mastodon.social/tags/inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#inspiration</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mastodon.social/tags/interaction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interaction</a> <a href="https://mastodon.social/tags/interactiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactiondesign</a> <a href="https://mastodon.social/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a> <a href="https://mastodon.social/tags/webdesignideas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesignideas</a> <a href="https://mastodon.social/tags/mobiledesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mobiledesign</a> <a href="https://mastodon.social/tags/appdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#appdesign</a>

Stamen DesignNew post: "Data Hierarchy Best Practices to Elevate Your Data Visualizations" by Stamen visual designer Caroline Carter. "Information hierarchy determines how data is grouped and aggregated. In design, and especially in data visualization, all aspects of a dataset cannot be equally emphasized. In order for any element to stand out, others must fade into the background." <a href="https://stamen.com/data-hierarchy-best-practices-to-elevate-your-data-visualizations/" rel="nofollow noopener noreferrer" target="_blank">https://stamen.com/data-hierarchy-best-practices-to-elevate-your-data-visualizations/</a><a href="https://vis.social/tags/dataviz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataviz</a> <a href="https://vis.social/tags/visualization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualization</a> <a href="https://vis.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://vis.social/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a>

Fran 🇦🇷New year, old project. I'm doing some work on this old project I called Opos, which was sleeping for years in a box waiting for its <a href="https://mastodon.online/tags/microcontroller" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microcontroller</a>. I'm not sure of the final shape of the project yet, but the idea right now is to make them look like eyes watching you in the dark with a bit of light from behind to delineate the contours. I got a somewhat credible "eye blinking" working, and I'm thinking about adding some <a href="https://mastodon.online/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a>. <a href="https://mastodon.online/tags/AVR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AVR</a> <a href="https://mastodon.online/tags/electronics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#electronics</a> <a href="https://mastodon.online/tags/ceramics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ceramics</a> <a href="https://mastodon.online/tags/LED" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LED</a> <a href="https://mastodon.online/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> <a href="https://mastodon.online/tags/maker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#maker</a> <a href="https://mastodon.online/tags/Opos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Opos</a> 🧵

frankiezafejust finished a basic prototype to receive <a href="https://mastodon.xyz/tags/lidar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lidar</a> data into <a href="https://mastodon.xyz/tags/godotengine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#godotengine</a> : it's mainly about decompressing <a href="https://mastodon.xyz/tags/udp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#udp</a> packet :) fyi: pavo lidar are the least expensive sensors available on the market <a href="https://mastodon.xyz/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.xyz/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a> <a href="https://mastodon.xyz/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gamedev</a>

pas un réseau socialsocial media <a href="https://toot.cat/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a>people saying some things to remote listeners as imagined(tech (no) comms) ⚠️

wiobyrneHere's your weekly dose of expertise in technology, education, & literacy - TL;DR #135 - Generosity between strangers - <a href="https://scholar.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://scholar.social/tags/twitter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#twitter</a> <a href="https://scholar.social/tags/data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#data</a> <a href="https://scholar.social/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interactivity</a> <a href="http://bit.ly/2DWG6yR" rel="nofollow noopener noreferrer" target="_blank">http://bit.ly/2DWG6yR</a>

Recent searches

Search options

Administered by:

Server stats:

#interactivity