Suddenly, a wild bottom navigation appears.

#Friendica #UXDesign #ResponsiveDesign

Safari 17 Beta jetzt auch für macOS Ventura und Monterey
Apple hat gestern Abend die Safari 17 Beta auch für macOS Ventura und macOS Monterey veröffentlicht. bis dahin war sie nur für macOS 14 verfügbar.

Die Beta-Version von Safari 17 steht nun auch Nutzer:innen von
https://www.apfeltalk.de/magazin/mac/safari-17-beta-jetzt-auch-fuer-macos-ventura-und-monterey/
#Mac #News #AppleBetaSoftwareProgram #FeatureFlags #macOS #Monterey #ResponsiveDesign #Safari17Beta #Ventura #Webentwickler

Hi mastodon friends 👋🏽! I made you a 2 minute primer on using auto layout min/max values in
#figma. Let me know if its helpful and what you want to see next!

Check it out in crispy 4K on YouTube, too: https://youtu.be/h9g3KUpFCOw

#autolayout #responsivedesign

Link to the respective study with the illustration "How people change their grip for specific interactions" (fig 2)

https://www.uxmatters.com/mt/archives/2017/05/design-for-fingers-touch-and-people-part-2.php

#UXDesign #Design #UX #WebDesign #ResponsiveDesign

Interesting: "People hold their mobile devices in multiple ways and change their position all the time. This has an impact on what finger(s) they use and how they interact with a mobile UI (see below). As it turns out, users prefer the center of the screen and they don’t like to click items that are too close to the edges."

source: https://www.toptal.com/designers/ux/mobile-ux-design-best-practices

#UX #UXDesign #ResponsiveDesign

Been working on a new website layout over the past couple days. So far, it's really coming along.

My goals were to make something "modern," and responsive. I think I've accomplished that pretty well. As a bonus, this design uses only HTML, and CSS. No JS at all!

Um... Never-mind the terrible debug colors. I haven't worked out a proper color scheme yet, and needed them to see what the layout is doing. It's still a WIP!

#HTML #CSS #IndieWeb #WebDesign #ResponsiveDesign #LexisDevLogs

Did you know that responsive web is not limited to text and page layout. It also allows us to define and select the image with correct size from a list of sources depending on viewport size. Best part is, all of this is part of HTML5. No JS needed.

https://kurtextrem.de/posts/modern-way-of-img

You can also compare images of different formats and sizes to see how much perceptual difference they make.
https://storage.googleapis.com/demos.webmproject.org/webp/cmp/2022_10_04/index.html

#ResponsiveDesign #IMGtag #NoJS #HTML5

It would be awesome if desktop app windows were more responsive/adaptive. I would love it if, say, my browser windows would automatically hide my bookmarks and tabs bar if the window was shrunk to a smaller size. Like, your windows could almost become widgets if you shrink them small enough.

#responsivedesign #desktopapps

Heute hat Mario wieder ein neues Video veröffentlicht. Dieses befasst sich mit dem #ResponsiveDesign und ist der 7.Teil von seiner Tutorialreihe Eine eigene Webseite mit Astro erstellen.
https://youtu.be/UJetOqnyQjI

(Nicht böse sein, das ich kein invidious url nehme, aber hab bisher kein verlässige Instanz gefunden)

Nuevas lecciones en el curso de maquetación web: Sticky, tablas y menú de navegación.
#html #css #responsivedesign

When I collect my stuff to travel to #btconf @btconf it always feels like meeting some kind of family. I had some highs and lows. When I was there I learned about #ResponsiveDesign, #AtomicDesign, #VariableFonts, #Performance, #Accessibility and a lot of other cool things, way ahead of people that are not attending thought it is cool. 🤷 A big shout out and thank you for @marcthiele to give us the opportunity to learn and grow over the years.

The galaxy brains at Github apparently decided no one would want to fork a repository from their phones.

Anyway, long story short, just hack the repository URL to add /fork to the end.

#github #responsiveDesign #fork #url #hack

@glyph you gotta go responsive i guess 😂 one of my old iterations of my homepage was comically bad on a monitor because i was "mobile first" but had nothing second! #web

#responsiveDesign #css

@larnius I'm currently learning the same stack, Can recommend you to check https://web.dev/learn/css/, clear like crystal tuto to learn #HTML, #CSS, #ResponsiveDesign

In my latest blog post I'll show you how to add responsive layouts for portrait and landscape modes to your #dotnetmaui app without writing a single line of C# code.

https://ewerspej.hashnode.dev/add-responsive-layouts-to-your-maui-app

#dotnet #mobileappdevelopment #appdevelopment #crossplatform #android #ios #responsivedesign #userexperience

#Design #Development #Explorations
On Container Queries, responsive images, and JPEG-XL · Responsive images conflict with Container Queries. Can JPEG-XL help? https://ilo.im/11dfiy

_____
#ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #ContainerQuery #ResponsiveImage #JpegXL

@dwarmstrong currently on the same stack, can recommend you "Learn #HTML" and "Learn #CSS" from https://web.dev/learn/css/, they also have a great course about #ResponsiveDesign

Wer heute noch #MouseOver-Effekte programmiert, hat immer noch nicht kapiert, dass solche #GUI nicht mit #Touch-Bedienung kompatibel ist.
#UX #styleguide #ResponsiveDesign

#MUSTREAD Responsive design isn’t about media queries. It’s about time we change our mindset and take the full potential of modern CSS https://ishadeed.com/article/responsive-design/ #html #css #responsivedesign

So, das Seiten Update ist jetzt online.

Größere vorschaubilder in den jeweiligen Fotogallerien und ein erster Schritt hin zu mehr responsive Webdesign.😀
#html #css #responsivedesign

@flq