toad.social

Erik L. Midtsveen🏳️‍⚧️🏳️‍🌈I'm bored, so working on this, yes I'm <a href="https://social.linux.pizza/tags/Autistic" class="mention hashtag" rel="nofollow noopener" target="_blank">#Autistic</a>!<a href="https://social.linux.pizza/tags/Autism" class="mention hashtag" rel="nofollow noopener" target="_blank">#Autism</a> <a href="https://social.linux.pizza/tags/ActuallyAutistic" class="mention hashtag" rel="nofollow noopener" target="_blank">#ActuallyAutistic</a> <a href="https://social.linux.pizza/tags/Autistic" class="mention hashtag" rel="nofollow noopener" target="_blank">#Autistic</a> <a href="https://social.linux.pizza/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://social.linux.pizza/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://social.linux.pizza/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://social.linux.pizza/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://social.linux.pizza/tags/Codeberg" class="mention hashtag" rel="nofollow noopener" target="_blank">#Codeberg</a>

Sampsa Kiianmaa<a href="https://blogi.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#smallweb</a> kutkuttaa 🤗 <a href="https://nocss.club/" rel="nofollow noopener" translate="no" target="_blank">https://nocss.club/</a> <a href="https://no-html.club/index.txt" rel="nofollow noopener" translate="no" target="_blank">https://no-html.club/index.txt</a>ja tietenkin nohttp-club <a href="gemini://geminiprotocol.net/" rel="nofollow noopener" translate="no" target="_blank">gemini://geminiprotocol.net/</a><a href="https://blogi.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://blogi.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a>

Raven (she/her) 🏳️‍⚧️it's been quite a while, so lemme write a new <a href="https://infosec.exchange/tags/intro" class="mention hashtag" rel="nofollow noopener" target="_blank">#intro</a><a href="https://infosec.exchange/tags/introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#introduction</a> <a href="https://infosec.exchange/tags/introductions" class="mention hashtag" rel="nofollow noopener" target="_blank">#introductions</a> i'm raven, a silly <a href="https://infosec.exchange/tags/transgirl" class="mention hashtag" rel="nofollow noopener" target="_blank">#transgirl</a> on the internet who likes to <a href="https://ravenwinters.org/posts" rel="nofollow noopener" target="_blank">write</a>, and create <a href="https://ravenwinters.org/photos" rel="nofollow noopener" target="_blank">free-to-use #photography</a> (mostly landscapes). u can find me on <a href="https://infosec.exchange/@sparklepanic" rel="nofollow noopener" target="_blank">mastodon</a>, and see what an overview of what i’m up to on my <a href="https://ravenwinters.org/now" rel="nofollow noopener" target="_blank">now page</a>. i have so many interests and try my best to experience new things in this short life. some sort of neurospicy, tend to be overly genuine, a bit corny, over-opinionated at times🩺 <a href="https://infosec.exchange/tags/nurse" class="mention hashtag" rel="nofollow noopener" target="_blank">#nurse</a>, 📸 <a href="https://infosec.exchange/tags/photographer" class="mention hashtag" rel="nofollow noopener" target="_blank">#photographer</a>, 👩‍💻 <a href="https://infosec.exchange/tags/linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#linux</a> nerd, 🏳️‍⚧️ <a href="https://infosec.exchange/tags/trans" class="mention hashtag" rel="nofollow noopener" target="_blank">#trans</a> girl, 💞 <a href="https://infosec.exchange/tags/relationship" class="mention hashtag" rel="nofollow noopener" target="_blank">#relationship</a> anarchist, 🌱 <a href="https://infosec.exchange/tags/vegan" class="mention hashtag" rel="nofollow noopener" target="_blank">#vegan</a> for the animals, 🌹 <a href="https://infosec.exchange/tags/leftist" class="mention hashtag" rel="nofollow noopener" target="_blank">#leftist</a>, ✊ <a href="https://infosec.exchange/tags/union" class="mention hashtag" rel="nofollow noopener" target="_blank">#union</a> steward, 🧗‍♀️ <a href="https://infosec.exchange/tags/queer" class="mention hashtag" rel="nofollow noopener" target="_blank">#queer</a> outdoor girlie, 🌠 star stuff, 🚴‍♀️ bikes are cool, 😽 certified girl/boy/nb-kisser, 😝 <a href="https://infosec.exchange/tags/silly" class="mention hashtag" rel="nofollow noopener" target="_blank">#silly</a> adventureri work in the OR as a nurse and i love my joblikes: <a href="https://infosec.exchange/tags/forests" class="mention hashtag" rel="nofollow noopener" target="_blank">#forests</a>, <a href="https://infosec.exchange/tags/mountains" class="mention hashtag" rel="nofollow noopener" target="_blank">#mountains</a>, <a href="https://infosec.exchange/tags/oregon" class="mention hashtag" rel="nofollow noopener" target="_blank">#oregon</a> coast, <a href="https://infosec.exchange/tags/coffee" class="mention hashtag" rel="nofollow noopener" target="_blank">#coffee</a>, <a href="https://infosec.exchange/tags/adventures" class="mention hashtag" rel="nofollow noopener" target="_blank">#adventures</a>, <a href="https://infosec.exchange/tags/movies" class="mention hashtag" rel="nofollow noopener" target="_blank">#movies</a>, <a href="https://infosec.exchange/tags/computers" class="mention hashtag" rel="nofollow noopener" target="_blank">#computers</a>, <a href="https://infosec.exchange/tags/transit" class="mention hashtag" rel="nofollow noopener" target="_blank">#transit</a>, <a href="https://infosec.exchange/tags/bikes" class="mention hashtag" rel="nofollow noopener" target="_blank">#bikes</a>, <a href="https://infosec.exchange/tags/Portland" class="mention hashtag" rel="nofollow noopener" target="_blank">#Portland</a> OR, scrub-role in surgery, science-stuff, n95s, <a href="https://infosec.exchange/tags/sewing" class="mention hashtag" rel="nofollow noopener" target="_blank">#sewing</a>, <a href="https://infosec.exchange/tags/privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#privacy</a> and <a href="https://infosec.exchange/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#security</a> in tech, <a href="https://infosec.exchange/tags/philosophy" class="mention hashtag" rel="nofollow noopener" target="_blank">#philosophy</a>, <a href="https://infosec.exchange/tags/ceramics" class="mention hashtag" rel="nofollow noopener" target="_blank">#ceramics</a>, <a href="https://infosec.exchange/tags/sailing" class="mention hashtag" rel="nofollow noopener" target="_blank">#sailing</a>, <a href="https://infosec.exchange/tags/music" class="mention hashtag" rel="nofollow noopener" target="_blank">#music</a>, pineapple on pizza, <a href="https://infosec.exchange/tags/leftism" class="mention hashtag" rel="nofollow noopener" target="_blank">#leftism</a>, workers-rights, <a href="https://infosec.exchange/tags/silliness" class="mention hashtag" rel="nofollow noopener" target="_blank">#silliness</a>, <a href="https://infosec.exchange/tags/headpats" class="mention hashtag" rel="nofollow noopener" target="_blank">#headpats</a>, and <a href="https://infosec.exchange/tags/praise" class="mention hashtag" rel="nofollow noopener" target="_blank">#praise</a><blockquote>“chaotic af, kinda scatter brained, but smart if that makes sense”“very direct and able to be vulnerable very easily (a good thing!) and the most ethically-minded and community-focused person ive met!”“an iceberg. you’ve got a fun, flirty, smolder of a vibe when people meet you initially. then after getting to talk with you people see that you’ve got way more going on under the surface of the water”</blockquote>i upload my photography as creative commons attribution license, i don't own a car, i have a <a href="https://infosec.exchange/tags/cat" class="mention hashtag" rel="nofollow noopener" target="_blank">#cat</a> named Loki who i post about under the <a href="https://infosec.exchange/tags/catsofmastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#catsofmastodon</a> tag, i'm <a href="https://infosec.exchange/tags/divorced" class="mention hashtag" rel="nofollow noopener" target="_blank">#divorced</a> after a 14 year marriage (not the outcome i wanted, but here i am), and now happily in relationships as a relationship anarchist.i live in <a href="https://infosec.exchange/tags/pdx" class="mention hashtag" rel="nofollow noopener" target="_blank">#pdx</a> and want to make it a better place by organizing and creating <a href="https://infosec.exchange/tags/unions" class="mention hashtag" rel="nofollow noopener" target="_blank">#unions</a> and <a href="https://infosec.exchange/tags/community" class="mention hashtag" rel="nofollow noopener" target="_blank">#community</a>i do <a href="https://infosec.exchange/tags/rock" class="mention hashtag" rel="nofollow noopener" target="_blank">#rock</a>-climbing, <a href="https://infosec.exchange/tags/bjj" class="mention hashtag" rel="nofollow noopener" target="_blank">#bjj</a>, <a href="https://infosec.exchange/tags/running" class="mention hashtag" rel="nofollow noopener" target="_blank">#running</a>, <a href="https://infosec.exchange/tags/swimming" class="mention hashtag" rel="nofollow noopener" target="_blank">#swimming</a>, <a href="https://infosec.exchange/tags/sailing" class="mention hashtag" rel="nofollow noopener" target="_blank">#sailing</a>, currently recovering from injuriesi love <a href="https://infosec.exchange/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> and created a <a href="https://infosec.exchange/tags/hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#hugo</a> theme which i use for my website (on github)yes, imma <a href="https://infosec.exchange/tags/puppygirl" class="mention hashtag" rel="nofollow noopener" target="_blank">#puppygirl</a> and silly af

jleightcapif you like hand-written HTML and the simplest of page composition I can't recommend enough net.art theorist Olia Lialina's "Prof. Dr. Style" as a search term <blockquote>[What] message is delivered by classic Prof. Dr. pages, looking primitive and all the same? Independence. Inside academic circles, a page made in Prof. Dr. Style shows off distance from the institution's corporate identity and its Content or Knowledge Management systems, which is not an easy status to achieve. Outside of academia, such pages are made by people who know everything about the internet, but are too cool to mess with web design. </blockquote>see: Prof. Dr. Style, Vernacular Web 3 (2010) <a href="https://contemporary-home-computing.org/prof-dr-style/" rel="nofollow noopener" target="_blank">https://contemporary-home-computing.org/prof-dr-style/</a> on are.na: <a href="https://www.are.na/casey-gollan/prof-dr-style" rel="nofollow noopener" target="_blank">https://www.are.na/casey-gollan/prof-dr-style</a> and like <a href="https://merveilles.town/users/exquisitecorp" class="u-url mention" rel="nofollow noopener" target="_blank">@exquisitecorp@merveilles.town</a> curate your own finds: <a href="https://leetusman.com/nosebook/prof-dr-style" rel="nofollow noopener" target="_blank">https://leetusman.com/nosebook/prof-dr-style</a> <a href="https://leightcap.com?t=webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> <a href="https://leightcap.com?t=html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://leightcap.com?t=indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#indieweb</a>

flo"(...) I want to share with you my simple two-step secret to improving the performance of any website. 1. Make sure that the most important elements of the page download and render first. 2. Stop there. You don't need all that other crap. Have courage in your minimalism. (...) If you're only displaying five sentences of text, use vanilla HTML. Hell, serve a textfile! Then you won't need compression hacks, integral signs, or elaborate Gantt charts of what assets load in what order. Browsers are really, really good at rendering vanilla HTML. We have the technology. (...) Nutritionists used to be big on this concept of a food pyramid. I think we need one for the web, to remind ourselves of what a healthy site should look like. Here is what I recommend for a balanced website in 2015: - A solid base of text worth reading, formatted with a healthy dose of markup. - Some images, in moderation, to illustrate and punch up the visual design. - A dollop of CSS. - And then, very sparingly and only if you need it, JavaScript. (...) The way to keep giant companies from sterilizing the Internet is to make their sites irrelevant. If all the cool stuff happens elsewhere, people will follow. We did this with AOL and Prodigy, and we can do it again. For this to happen, it's vital that the web stay participatory. That means not just making sites small enough so the whole world can visit them, but small enough so that people can learn to build their own, by example. I don't care about bloat because it's inefficient. I care about it because it makes the web inaccessible. Keeping the Web simple keeps it awesome." Source (2015): "The Website Obesity Crisis" <a href="https://idlewords.com/talks/website_obesity.htm" rel="nofollow noopener" target="_blank">idlewords.com/talks/website_obesity.htm</a> <a href="https://iceshrimp.de/tags/Webdesign" rel="nofollow noopener" target="_blank">#Webdesign</a> <a href="https://iceshrimp.de/tags/WebsiteObesity" rel="nofollow noopener" target="_blank">#WebsiteObesity</a> <a href="https://iceshrimp.de/tags/BloatedWebsites" rel="nofollow noopener" target="_blank">#BloatedWebsites</a> <a href="https://iceshrimp.de/tags/SmallWeb" rel="nofollow noopener" target="_blank">#SmallWeb</a>

Stan CareyI made a few changes to my website – added new images, adjusted some text, changed the header, etc.It's a work in progress. I'm not very techy and am open to feedback if anything doesn't work or looks off to you: <a href="https://stancarey.com/" rel="nofollow noopener" translate="no" target="_blank">https://stancarey.com/</a><a href="https://mastodon.ie/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#website</a> <a href="https://mastodon.ie/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.ie/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#WordPress</a> <a href="https://mastodon.ie/tags/freelance" class="mention hashtag" rel="nofollow noopener" target="_blank">#freelance</a> <a href="https://mastodon.ie/tags/copyediting" class="mention hashtag" rel="nofollow noopener" target="_blank">#copyediting</a> <a href="https://mastodon.ie/tags/copyeditor" class="mention hashtag" rel="nofollow noopener" target="_blank">#copyeditor</a> <a href="https://mastodon.ie/tags/proofreading" class="mention hashtag" rel="nofollow noopener" target="_blank">#proofreading</a> <a href="https://mastodon.ie/tags/proofreader" class="mention hashtag" rel="nofollow noopener" target="_blank">#proofreader</a> <a href="https://mastodon.ie/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#writing</a>

David Todd McCartyWordpress Wizard Required: I need to hire a freelance Wordpress expert to help guide multiple projects into fruition. It’s project work, but it’s ongoing. I’m handling the overall content and design but the better your design skills, the more I’ll pay you to do. Otherwise, just fix what I break: “I want it to look like this. Can you make it work?”It’s mostly brochureware to start but will quickly need to integrate with other systems. Hospitality. Payment. US/CA Only.<a href="https://me.dm/tags/Wordpress" class="mention hashtag" rel="nofollow noopener" target="_blank">#Wordpress</a> <a href="https://me.dm/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a>

Cassidy James :ea: :gg: :fh:I’m looking for anyone in my circles who:• is a front-end web developer • has some design sense • understands the allure of buying a Linux computer • is open to paid workA Linux computer company reached out asking if I was available for paid work on their website and while I would love to, I’m just not able to find the time right now. But they’re a great company and I would love to connect them with someone!<a href="https://mastodon.blaede.family/tags/Linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#Linux</a> <a href="https://mastodon.blaede.family/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> <a href="https://mastodon.blaede.family/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.blaede.family/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Senna 🌷Was forced to use tailwind to work on someone else's project. Went from hating tailwind to loving it in about 2 weeks lol. It's a mind bender when you're really into vanilla CSS. But it streamlines design so much and you can go in and customize it when you want. It's most useful in a JavaScript framework since there is less duplication.I didn't understand the point of using tailwind over something like CSS modules or CSS-in-JS, but now I understand, it's because tailwind provides a design system that implements a lot of low-level things for you. Then you can focus on the higher-level aspects of the design.It also saves you from class naming hell I guess, but I haven't worked on any projects big enough to be affected by that. Could be a big deal for large projects though.<a href="https://mindly.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mindly.social/tags/webDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDesign</a>

Dawn AhukannaI’m about to dive into custom HTML tags/elements and web components. Any recommendations for standards, posts or articles to read before I embark on this “journey”? <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a>

Tyler StickaConfessing my affection for projects with less-than-ideal requirements ❤️ <a href="https://cloudfour.com/thinks/finding-joy-on-shaky-foundations/" rel="nofollow noopener" translate="no" target="_blank">https://cloudfour.com/thinks/finding-joy-on-shaky-foundations/</a><a href="https://social.lol/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://social.lol/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://social.lol/tags/Process" class="mention hashtag" rel="nofollow noopener" target="_blank">#Process</a>

KoosCompression made my video's color slightly different from the page it was embedded in. Pro tip: don't even try to make videos in your website's color. If it's too late for that: you can use a bit of CSS to make it seamless anyway (if you're lucky): <a href="https://www.kooslooijesteijn.net/blog/match-color-of-video-with-webpage-background" rel="nofollow noopener" translate="no" target="_blank">https://www.kooslooijesteijn.net/blog/match-color-of-video-with-webpage-background</a> <a href="https://mastodon.green/tags/video" class="mention hashtag" rel="nofollow noopener" target="_blank">#video</a> <a href="https://mastodon.green/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> <a href="https://mastodon.green/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

Thomas RigbyJust saw <a href="https://fedia.social/tags/masonry" rel="nofollow noopener" target="_blank">#masonry</a> layout rebranded as "Bento Box" and honestly, I'm not mad at it <a href="https://fedia.social/tags/ux" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://fedia.social/tags/WebDesign" rel="nofollow noopener" target="_blank">#WebDesign</a>

Laura CarlsonToday's Web Design Update: <a href="https://groups.google.com/a/d.umn.edu/g/webdev/c/VqKx7CTzjPg" rel="nofollow noopener" translate="no" target="_blank">https://groups.google.com/a/d.umn.edu/g/webdev/c/VqKx7CTzjPg</a>Featuring <a href="https://toot.io/@joedolson" class="u-url mention" rel="nofollow noopener" target="_blank">@joedolson</a>, <a href="https://mastodon.social/@deconspray" class="u-url mention" rel="nofollow noopener" target="_blank">@deconspray</a>, <a href="https://front-end.social/@a11yMel" class="u-url mention" rel="nofollow noopener" target="_blank">@a11yMel</a>, <a href="https://social.ericwbailey.website/@eric" class="u-url mention" rel="nofollow noopener" target="_blank">@eric</a>, <a href="https://a11y.social/@TetraLogical" class="u-url mention" rel="nofollow noopener" target="_blank">@TetraLogical</a>, <a href="https://mastodon.social/@mgifford" class="u-url mention" rel="nofollow noopener" target="_blank">@mgifford</a>, <a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener" target="_blank">@SteveFaulkner</a>, <a href="https://indieweb.social/@NicMakesStuff" class="u-url mention" rel="nofollow noopener" target="_blank">@NicMakesStuff</a>, <a href="https://mastodon.social/@LFLegal" class="u-url mention" rel="nofollow noopener" target="_blank">@LFLegal</a>, <a href="https://front-end.social/@chriscoyier" class="u-url mention" rel="nofollow noopener" target="_blank">@chriscoyier</a>, <a href="https://front-end.social/@kevinpowell" class="u-url mention" rel="nofollow noopener" target="_blank">@kevinpowell</a>, <a href="https://front-end.social/@css" class="u-url mention" rel="nofollow noopener" target="_blank">@css</a>, <a href="https://hachyderm.io/@deadcode" class="u-url mention" rel="nofollow noopener" target="_blank">@deadcode</a>, <a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener" target="_blank">@j9t</a>, <a href="https://front-end.social/@hdv" class="u-url mention" rel="nofollow noopener" target="_blank">@hdv</a>, <a href="https://front-end.social/@stephaniewalter" class="u-url mention" rel="nofollow noopener" target="_blank">@stephaniewalter</a>, and more.Subscribe info: <a href="https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe" rel="nofollow noopener" translate="no" target="_blank">https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe</a><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a>

Itamar MedeirosNon-linear design allows for multiple paths and interactions, letting users navigate through the site in a more organic way.Think of it as a web of possibilities, where users can hop from one place to another based on their interests, behaviors, or goals. This creates a more personalized, engaging experience, one that puts control in the hands of the user.<a href="https://webdesignerdepot.com/non-linear-web-design-unlocking-the-future-of-user-experience/" rel="nofollow noopener" translate="no" target="_blank">https://webdesignerdepot.com/non-linear-web-design-unlocking-the-future-of-user-experience/</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/UserExperiencr" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserExperiencr</a>

KoosUntil recently, I just used YouTube when I had to embed a video. There are all kinds of UX, technical and business reasons to use the native HTML video element though. A big one is responsive video!It's kind of easy to implement, but doing this the first time, I encountered all kinds of little snags. I'm sharing my solutions here with you! <a href="https://www.kooslooijesteijn.net/blog/responsive-video-easy" rel="nofollow noopener" translate="no" target="_blank">https://www.kooslooijesteijn.net/blog/responsive-video-easy</a> <a href="https://mastodon.green/tags/video" class="mention hashtag" rel="nofollow noopener" target="_blank">#video</a> <a href="https://mastodon.green/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mastodon.green/tags/responsive" class="mention hashtag" rel="nofollow noopener" target="_blank">#responsive</a> <a href="https://mastodon.green/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a>

Inautilo“Web design today is more polished than ever—but in all that polish, we’ve smoothed out a lot of the personality. We’ve traded quirks for conventions and spontaneity for systems.” — Andy Clarke_____ <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#Website</a> <a href="https://mastodon.social/tags/Conventions" class="mention hashtag" rel="nofollow noopener" target="_blank">#Conventions</a> <a href="https://mastodon.social/tags/Creativity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Creativity</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#VisualDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Quotes" class="mention hashtag" rel="nofollow noopener" target="_blank">#Quotes</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Approaches</a> Design patterns for AI interfaces · A simple approach to designing AI experiences <a href="https://ilo.im/165drm" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165drm</a> _____ <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://mastodon.social/tags/Chats" class="mention hashtag" rel="nofollow noopener" target="_blank">#Chats</a> <a href="https://mastodon.social/tags/Usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#Usability</a> <a href="https://mastodon.social/tags/DesignPatterns" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignPatterns</a> <a href="https://mastodon.social/tags/ConversationalDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ConversationalDesign</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a>

Gabriel N<a href="https://void.holdings/@christa" class="u-url mention" rel="nofollow noopener" target="_blank">@christa</a> beautiful magazine! The kerning in the titles is impecable.<a href="https://mastodon.social/tags/webDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDesign</a> <a href="https://mastodon.social/tags/branding" class="mention hashtag" rel="nofollow noopener" target="_blank">#branding</a> <a href="https://mastodon.social/tags/type" class="mention hashtag" rel="nofollow noopener" target="_blank">#type</a>

Dan KeckErect a clown website, expect a circus user experience.<a href="https://a11y.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://a11y.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#SemanticHTML</a> <a href="https://a11y.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://a11y.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://a11y.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a>

Recent searches

Search options

Administered by:

Server stats:

#webdesign