Hybrid Designer https://uxplanet.org/are-ux-developers-a-thing-why-hybrid-designers-are-so-in-demand-right-now-9956716598cf https://medium.com/@katherinemartinez/the-unicorn-hybrid-designer-developer-5e89607d5fe0 https://uxdesign.cc/being-a-designer-developer-hybrid-in-2019-3e389d58fe7 https://wpengine.com/resources/hybrid-web-designer-developer/ Frontend Designer https://selleo.com/blog/who-is-a-front-end-designer

Chromium based browser screenshot F12 » Ctrl/Cmd + Shift + P » <page>.png Convert .png to .jpg On Windows WSL / Linux sudo apt install jp2a cd /mnt/c/Users/<user>/Downloads cp <page>.jpg /home/<user>/ cd /home/<user> jp2a <page>.jpg — size=WxH WMWMMWWWWWMWMWWMWWMMMMKK MWWMWMMWMWWMWWWWWMWWWM0K MWMWMWMWWWMXNWWWWWWWWMWW WWWWWWWWWWWccWWWWWWWWWWM WWWMWWWMWKOddKXWWWWWMWWM WMWWWMWWWx:clxKWWWWWWWMW MWWMWWWWWx:clxKWWWWWWMWW WWWMWWWWWKkOO0KWWWWMWWWW WWWMMWWWMWWWWWWWWWMWMWWW MMMMMMWWMWMWMWMMMMWWMXKN

Preview Intro With the Chromium Extension we can add CSS & JS loader: “User JavaScript and CSS” https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld Option Important option available:

In fact, if I could use in the native Mastodon app: tag filter feature, what Fedilab Android app implements well! variable column width (in desktop viewport) — some line of CSS @media screen and (min-width: 631px) { .column, .drawer { flex: auto; } } https://userstyles.org/styles/256290/mastodon-web-variable-column-width light/dark theme toggle working with OS status …that would be the best social app UI ever! Come on!

Thoughts — with personal tone — of topics I’m interested in. Smaller and larger scales as far as the eye can see and beyond… — From sub-atomic particles to the existence of galaxies — the lid is rooted in physics, in terms of connections of the different levels/layers. A system of similar patterns — We can observe how the properties above behave…

Intro The aspect-ratio CSS property is responsible for the selected HTML element proper sizes. Luckily nowadays it have wide range of browser support. Foundations aspect-ratio: inherit; /* inheritable like other CSS values…*/ aspect-ratio: unset; /* setting the property not to contain a value… */ aspect-ratio: 1; /* block-size equals inline-size ratio */ aspect-ratio: 1 / 1; /* equal: 1 */ aspect-ratio: 16 / 9; /* inline-size and block-size ratio equal 16:9 */

Ooh I can hear our new vibration Can you feel it all over the world? We come together in these places And we dance and we live and we learn I can hear a new vibration Can you feel it all over the world? …

Excuse me, can we talk? (Can we talk?) No swearing, no insults (no insults) Look at all the mess we made To get to where the both of us say These big words, “I am sorry” ’Cause right now we got barricades, wall to wall We used to live and love…

Intro A thought experiment from the perspective of many years. Earlier times, “cross-browser compatibility” was a super rhyme for agencies developing application. In 2000s. Since @supports (2019) static method been, and container queries (2022) placed, CSS logic started transforming irreversible. Cross-browser The browser support of style definitions been querying by @supports rules easily: https://caniuse.com/css-supports-api