#responsiveDesign

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
#webseiten #astro #programmierenmitmario

(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

Finally a sensible article on how to goose breakpoints in a more decent way than "everyone uses 365px width!" Or whatever. #css #breakpoints #responsivedesign
https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/

#Development #Evolutions
Deploying AVIF for more responsive websites · How the new image format has been adopted in the ecosystem https://ilo.im/134uwz

_____
#ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #ImageFormat #AVIF #AnimatedAVIF #Animation #BrowserSupport #Compression #CDN

#Development #Techniques
Adaptable components with CSS Style Queries · Expand your CSS design options with custom view queries https://ilo.im/1248j2

“With this new pattern in my back pocket, I’ve now got three ways to change how a component looks: based on the viewport, based on its inherent size, and based on where it lives on the site, all without JavaScript.” — Snugug

_____
#ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #Chromium #Components #ProgressiveEnhancement

Jane - one of my coworkers at Bitovi - has come up with a cool method to maintain relative font sizes in responsive design. Mind-blowing!

#css #javascript #ResponsiveDesign #tailwind #webdev #bitovi

https://github.com/bitovi/fluid-text

Just got word from my friends at @abookapart that paperback copies of my two books are 25% off! DANG

Here’re some links, if you (or someone you know) would like them:

https://abookapart.com/products/responsive-web-design

https://abookapart.com/products/responsive-design-patterns-principles

They’ve been around for a minute, but I’m still real proud of them. 💜

#books #WebDesign #ResponsiveDesign #CSS

#Development #Techniques
Rebuilding a featured news section with modern CSS · How the latest CSS features can help to build a responsive layout https://ilo.im/12ma40

_____
#ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #NewsLayout #ContainerQuery #StyleQuery #AspectRatio #TextWrap

Adaptable, resilient & responsive systems are vital in today's fast-paced digital world. Make your system thrive by applying the principles of Reactive Architecture. #ReactiveArchitecture #Scalability #Resilience #ResponsiveDesign
https://eduklein.com.br/reactive-architecture

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.

I find it kind of annoying that zooming the browser to increase font size in #Mastodon switches to a two-column display despite there being unused space at either side.

In general, I find Mastodon’s web interface quite clunky and much prefer @elk, though that also has its quirks and sadly no longer works with my preferred Mastodon instance, #fediphilosophy. 😟 #ResponsiveDesign #UXFail #noxp

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

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

From a bigger perspective:

- #pdf is like the web before modern #CSS where everything needed to be tailored to one resolution and exactly one reading experience 👎
- #epub gives me the same feeling like when #ResponsiveDesign started to be a thing 💫

#Design #Development #Techniques
Affordances · How we can offer diverse ways of consuming regular content https://ilo.im/11weln

_____
#Concept #Affordance #UiDesign #DigitalDesign #ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #HTML #JavaScript #TabSet #DisclosureMenu

@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

#Design #Development #Debates
The next generation image format for the web is not JPEG XL? · Why it seems hasty to dismiss JPEG XL as an option https://ilo.im/11j0bg

_____
#UiDesign #ResponsiveDesign #WebDesign #GraphicDesign #WebDevelopment #WebDev #WebPerformance #WebPerf #Photography #UniversalFormat #ImageFormat #ResponsiveImage #AVIF #HEIC #JpegXL #WebP

#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

#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

Learning responsive web design enables you to design and develop websites that provide an optimal viewing experience for users across a range of devices. By utilizing techniques such as fluid grids, flexible images, media queries, and responsive typography, responsive design helps ensure that your website looks great and functions seamlessly on all screen sizes, providing a beautiful and seamless user experience for all visitors.

#webdesign #ux #responsivedesign #fonts #images

#Design #Development #Evolutions
The guide to responsive design in 2023 and beyond · Responsive design isn’t about media queries anymore https://ilo.im/10tc2d

“It’s about time we change our mindset and take the full potential of modern CSS.” — Ahmad Shadeed

_____
#UiDesign #WebDesign #ResponsiveDesign #FluidDesign #Frontend #CSS #Grid #Flexbox #MediaQuery #ContainerQuery

Humans are not renowned for our abundance of patience... 👀

This week's blog post covers the "why?" and "how?" of making Shiny applications feel like they respond instantaneously to users' interactions ✨

https://www.jumpingrivers.com/blog/improving-responsiveness-shiny-applications/

#rstats #datascience #responsivedesign #blog #shiny

Sign of the times.

When re-reading my old #CSS book outline I decided to remove the (short) chapter on #responsivedesign.

I'll still treat it somewhere, but I think I'll only need a few paragraphs in the #Viewports chapter.

New year, new logo, new website, and looking for new clients!

I am back from a long break working in the studio and am now ready to build some new websites! If you or someone you know needs a new website for the new year please send them my way!

🖥 GET IN TOUCH → https://3n.design

#wordpress #webdesign #webdevelopment #customtheme #responsivedesign #website #webdev #uidesign

Ah wow, it looks like the 32" Apple Pro Display XDR uses 3008 x 1692 by default (half its native resolution 6016 x 3084)

And the 24" iMac also uses 3008 x 1692 by default (but has some weird scale factor of its native 4480 x 2520).

#Apple #iMac #ProDisplayXDR #MacOS #DisplayResolution #ResponsiveDesign #WebDesign #WebDevelopment

Look at all these aspect ratios ugh. Also so many resolutions. Responsive design has gotten so crazy. Remember when we only had to deal with 1024 x 768? Now we can't even have simple definitions of phone / tablet / desktop.

#WebDesign #WebDevelopment #ResponsiveDesign

Did you know that 60% of Google searches are now done on mobile? Make sure your website is #responsivedesign and performs well on these devices. #mobilemarketing #mobilesite #googleanalytics #usability

My advice: if you have a marketing department drafting #HTML email either give them tools that support #ResponsiveDesign and #Accessible content. Lend them a competent web designer to get templates in place, and train them in the value of responsive and accessible designs. They could even a/b test responsive and accessible designs against ones that are not to prove the value.

Some really good tips here - at least two things here I had no idea about. https://www.youtube.com/watch?v=f7kokNyRe7U #WebDevelopment #Testing #ResponsiveDesign

“Making the cover work on both cassette and LP was the original responsive design”

#WebDesign #ResponsiveDesign #GraphicDesign #VinyRecord #CompactDisc #CassetteTape

Responsively is a must-have DevTool for all Front-End developers that will make your job easier

https://responsively.app/

#ResponsiveDesign #DevEx #design #FrontEnd #apps

We #webdeveoper always be complaining about needing to make #responsive apps to work for different screen sizes. For me #mobile devices were never really an issue, but this week I found a new best to overcome…people who use their 14” #MacBooks on the lowest resolution :blobcat_glitch:

So many QA issues have come in that I couldn’t replicate cause they’re caused but the super intense scaling that #MacOS does :morty: :oh_no_bubble: :ohgno: :headdesk:

#webdevelopment #responsivedesign #design

Well hello there! I’m overdue for a fresh #introduction

I’m a partner and creative director at Cloud Four. We craft accessible, responsive and futuristic web experiences for forward-thinking organizations.

In my spare time, I’ve made a few iOS games (Ramps was a modest hit), a few web apps (Colorpeek is my favorite) and even some comics. I love to draw.

#WebDesign #WebDev #CSS #SVG #A11y #DesignSystems #ResponsiveDesign #GameDev #Artist

Hi, there! Currently a creative director, I was schooled as a graphic designer and artist. My work has revolved around (UI) design, front-end development, web accessibility, UX, responsive design, and design processes in general. I like contexts in which design/art and code meet.
#introduction #design #accessibility #FrontEnd #UX #ResponsiveDesign

Hello #Fediverse!

Can anyone share resources for finding and browsing #themes for #Wordpress which are:
#opensource / #freesoftware
#privacy friendly i.e. has no #3rdparty connections or #cookies
#mobileready #responsivedesign
#WCAG2 or #WCAG3 in their #design?

I have checked https://wordpress.org/themes/ but find the feature filter to lack appropriate filters for #dataprivacy #SchremsII and #GDPR.

Boosts appreciated!

#AskFedi #AskFediverse #AskMastodon #AskMasto #AskTheFediverse

I've recommended Priority Guides like 6 times in the last 3 weeks as a superb #UX tool. 🙌🏼 https://d3e.co/uh

Invented by @HeleenvanNues & Lennart Overkamp, #PriorityGuides map content to journeys & flows without layouts. Great for UX #discovery & #ResponsiveDesign! 👍🏼

Estoy genuinamente sorprendido del #ResponsiveDesign usado en http://ameliarueda.com - en resoluciones de escritorio, literalmente ponen la versión móvil en un recuadro a la derecha, y un padding gigantesco en el resto de la pantalla. ¿Qué necesidad había de programar eso?

@djsundog

#responsivedesign

Now Hackaday Looks Great on the Small Screen Too https://hackaday.com/2019/02/14/now-hackaday-looks-great-on-the-small-screen-too/
#CgAn
#ICC
#meta #mobile #responsivedesign

RT @diekus@twitter.com
#ResponsiveDesign is so powerful! Today I discovered that my 360 image viewer Bubble (http://bubble.pictures) works in a Gear #smartwatch. You can load images from the smartwatch's gallery and pan with your finger. Oh, did I also mention it is a #WebXR experience? Yes, it runs!