#viewport — Public Fediverse posts

#Development #Guides
Baseline typography · Responsive and fluid typography with Baseline CSS https://ilo.im/169pb2

_____
#ModernCSS #Baseline #Typography #Viewport #WebDesign #FluidDesign #ResponsiveDesign #WebDev #Frontend #CSS

https://www.europesays.com/ie/234243/ The American Society of Cinematographers #access #artists #available #chaos #delegate #Éire #houdini #hydra #IE #Ireland #license #Maya #need #S #Technology #Update #VRay #vantage #viewport

How to Optimize Viewport for Mobile for Faster Interactions, by @debugbear.com:

https://www.debugbear.com/blog/optimize-viewport-for-mobile

#howtos #viewport #mobile #performance #optimization #html

@Mastodon Where can I post feature requests?

I feel like the most left column in advanced web interface is kinda wasted space. While I cannot change the columns' width I wish to use the most available space for content instead for white space.

Every click on a user name moves my columns left, to expand in the most right column outside my viewport. To post a toot I have to scroll back left to the first column. Kinda inconvenient.

#mastodon #webui #columns #whitespace #viewport #width

#Development #Cheatsheets
Animation ranges for scroll-driven animations · A visual breakdown of all ‘animation-range’ values https://ilo.im/165a0s

_____
#ModernCSS #Scrolling #Animations #Timeline #Viewport #WebDev #Frontend #CSS

Garage
Project i did 4 years ago.
Created in Blender 2.92 with Cycles rendering engine.
Post processing in Gimp.

Artstation: https://www.artstation.com/nishant_neeraj

#art #artist #car #garage #wheels #hotwheels #3d #3dart #b3d #blender #porsche #view #viewport #cgforce #lighting #interior

Bathroom Interior done in blender 2.79b with cycles rendering engine.
2nd Shot.

Project also got featured on CGCookie: https://cgcookie.com/projects/interior-bathroom-f15396f851a57925

Artstation: https://www.artstation.com/nishant_neeraj

#art #archviz #architecture #environment #b3d #blender #3d #3darchitecture #viewport #bathware #render #blenderrender #cgi #digitalArt @cgcookie

Bathroom Interior done in blender 2.79b with cycles rendering engine.
2nd Shot.

Project also got featured on CGCookie: https://cgcookie.com/projects/interior-bathroom-f15396f851a57925

Artstation: https://www.artstation.com/nishant_neeraj

#art #archviz #architecture #environment #b3d #blender #3d #3darchitecture #viewport #bathware #render #blenderrender #cgi #digitalArt @cgcookie

Bathroom Interior done in blender 2.79b with cycles rendering engine.
2nd Shot.

Project also got featured on CGCookie: https://cgcookie.com/projects/interior-bathroom-f15396f851a57925

Artstation: https://www.artstation.com/nishant_neeraj

#art #archviz #architecture #environment #b3d #blender #3d #3darchitecture #viewport #bathware #render #blenderrender #cgi #digitalArt @cgcookie

Bathroom Interior done in blender 2.79b with cycles rendering engine.
2nd Shot.

Project also got featured on CGCookie: https://cgcookie.com/projects/interior-bathroom-f15396f851a57925

Artstation: https://www.artstation.com/nishant_neeraj

#art #archviz #architecture #environment #b3d #blender #3d #3darchitecture #viewport #bathware #render #blenderrender #cgi #digitalArt @cgcookie

Bathroom Interior done in blender 2.79b with cycles rendering engine.
2nd Shot.

Project also got featured on CGCookie: https://cgcookie.com/projects/interior-bathroom-f15396f851a57925

Artstation: https://www.artstation.com/nishant_neeraj

#art #archviz #architecture #environment #b3d #blender #3d #3darchitecture #viewport #bathware #render #blenderrender #cgi #digitalArt @cgcookie

The Landing Zone, by @adactio:

https://adactio.com/journal/21923

#concepts #viewport

#Development #Techniques
Full-width containers in CSS · Ways to expand a box to the entire screen width https://ilo.im/163paj

_____
#Layout #ViewPort #Screen #Scrollbar #Browser #WebDev #Frontend #CSS #TailwindCSS #JavaScript

#Development #Techniques
Full-width containers in CSS · Ways to expand a box to the entire screen width https://ilo.im/163paj

_____
#Layout #ViewPort #Screen #Scrollbar #Browser #WebDev #Frontend #CSS #TailwindCSS #JavaScript

Styling an HTML dialog modal to take the full height of the viewport

https://til.simonwillison.net/css/dialog-full-height

#HackerNews #Styling #HTML #dialog #modal #viewport #CSS #full-height

#Congratulations to #Wikipedia for breaking their interface with whatever update they've just deployed.

In Firefox, the layout for tables goes wider than the viewport, but there is no way to scroll horizontally, so half the content is impossible to see.

#scroll #viewport #Firefox #UI #fail

This is EEVEE next quality, made with blender
#ScreenshotSaturday #blender #eevee #b3d #render #realtime #CGI #viewport

#Design #Guides
New devices, new opportunities · Designing for the foldable smartphone wave https://ilo.im/161sq6

_____
#Mobile #Devices #Screen #Viewport #ResponsiveDesign #ProductDesign #UiDesign #UxDesign #WebDesign #Trends

#Development #Approaches
Detecting browser zoom changes · How to identify a browser/pinch zoom with JavaScript https://ilo.im/161ocb

_____
#Zoom #Detection #Gesture #JavaScript #Viewport #Browser #WebDev #Frontend #HTML

#Development #Techniques
Solved by modern CSS: feature image · Feature image with container queries and :has() https://ilo.im/161bsv

_____
#ModernCSS #Image #ContainerQueries #CssHas #Viewport #Browser #WebDev #Frontend #HTML. #CSS

Il existe un moyen de dire à un navigateur mobile comment il doit gérer l'apparition du clavier virtuel avec `interactive-widget`.

https://htmhell.dev/adventcalendar/2024/4/

#html #viewport #mobile #navigateur

#Development #Techniques
Viewport resize behavior on mobile · How to control it with ‘interactive-widget’ https://ilo.im/1617vp

_____
#Viewport #VirtualKeyboard #Browser #WebDev #Frontend #HTML

#Development #Techniques
Viewport resize behavior on mobile · How to control it with ‘interactive-widget’ https://ilo.im/1617vp

_____
#Viewport #VirtualKeyboard #Browser #WebDev #Frontend #HTML

#Development #Techniques
Viewport resize behavior on mobile · How to control it with ‘interactive-widget’ https://ilo.im/1617vp

_____
#Viewport #VirtualKeyboard #Browser #WebDev #Frontend #HTML

#Development #Techniques
Viewport resize behavior on mobile · How to control it with ‘interactive-widget’ https://ilo.im/1617vp

_____
#Viewport #VirtualKeyboard #Browser #WebDev #Frontend #HTML

That's Amjad Masad, the person behind
Repl.it @amasad

if you're into #foresight and #viewpoint

( and #viewport ? )

https://open.spotify.com/episode/35dcmLOy3uA5Kh5TnZbdLv?si=30a4b1bf32ed46a9

Tout sur les différents types de zooms dans un navigateur et les techniques #CSS associées. #Accessibilité #Viewport via @Oddbird
https://www.oddbird.net/2024/07/09/zoomies/

#Development #Explorations
Zoom, zoom, and zoom · The three types of browser (and CSS!) magnification https://ilo.im/15zg8t

_____
#Layout #Magnification #Zoom #Webpage #Browser #Viewport #Pixel #WebDev #Frontend #CSS

#Development #Guides
CSS length units · Element sizing by dimensions, space, time, and sound https://ilo.im/15z35a

______
#CssUnit #Viewport #Container #Resolution #Frequency #Font #WebDev #Frontend #CSS

Viewport #5, June 1 2024

Latest news and happening with our weekly video blog, the Viewport (part of our efforts to establish TableTopTube), is now posted and available. Check in with our group weekly, on r

https://www.halfling13.com/2024/06/viewport-5-june-1-2024/

#AxisAllies #ComputerEfforts #Gaming #Pathfinder #Ramblings #Rolemaster #RPG #Shadowrun #StarWarsLegion #Tabletop #Traveller #WarhammerFRP #Legion #Pathfinder2e #schedule #TableTopTube #Traveller #Viewport #WarhammerFRP

Viewport #5, June 1 2024

Latest news and happening with our weekly video blog, the Viewport (part of our efforts to establish TableTopTube), is now posted and available. Check in with our group weekly, on r

https://www.halfling13.com/2024/06/viewport-5-june-1-2024/

#AxisAllies #ComputerEfforts #Gaming #Pathfinder #Ramblings #Rolemaster #RPG #Shadowrun #StarWarsLegion #Tabletop #Traveller #WarhammerFRP #Legion #Pathfinder2e #schedule #TableTopTube #Traveller #Viewport #WarhammerFRP

Viewport #5, June 1 2024

Latest news and happening with our weekly video blog, the Viewport (part of our efforts to establish TableTopTube), is now posted and available. Check in with our group weekly, on r

https://www.halfling13.com/2024/06/viewport-5-june-1-2024/

#AxisAllies #ComputerEfforts #Gaming #Pathfinder #Ramblings #Rolemaster #RPG #Shadowrun #StarWarsLegion #Tabletop #Traveller #WarhammerFRP #Legion #Pathfinder2e #schedule #TableTopTube #Traveller #Viewport #WarhammerFRP

Viewport #5, June 1 2024

Latest news and happening with our weekly video blog, the Viewport (part of our efforts to establish TableTopTube), is now posted and available. Check in with our group weekly, on r

https://www.halfling13.com/2024/06/viewport-5-june-1-2024/

#AxisAllies #ComputerEfforts #Gaming #Pathfinder #Ramblings #Rolemaster #RPG #Shadowrun #StarWarsLegion #Tabletop #Traveller #WarhammerFRP #Legion #Pathfinder2e #schedule #TableTopTube #Traveller #Viewport #WarhammerFRP

Viewport #5, June 1 2024

Latest news and happening with our weekly video blog, the Viewport (part of our efforts to establish TableTopTube), is now posted and available. Check in with our group weekly, on r

https://www.halfling13.com/2024/06/viewport-5-june-1-2024/

#AxisAllies #ComputerEfforts #Gaming #Pathfinder #Ramblings #Rolemaster #RPG #Shadowrun #StarWarsLegion #Tabletop #Traveller #WarhammerFRP #Legion #Pathfinder2e #schedule #TableTopTube #Traveller #Viewport #WarhammerFRP

Oh and another #tip, this time for #Godot (which generally super good for me, because it uses a lot of #Blender #shortcuts):

If you want to #focus / #center the 3d #viewport on the selected #object (it's not numpad-. like in Blender but):

F

Makes sense! ^__^ (I feel like it's the same in #Unity3d?)

#FOSS #FediTips #GameDev #3d

Second Viewport

The second episode of my new Viewport series (part of #TabletopTube) is posted now, and I am rather enjoying this series. I can certainly see the attraction for many youtubers as far as content - the production cycle is far faster/easier than much of the other formats. I collect notes and comments thru the week, record a session over 30 minu

https://www.halfling13.com/2024/05/second-viewport/

#Podcast #VideoContent #schedule #TableTopTube #VBlog #Viewport #youtube

I guess you know that the new range syntax allows media queries to be more concise. But IMO this isn’t even the best part. Let me explain:
https://cssence.com/2024/superior-range-syntax/

Also, if you ever wanted to do music selection based on viewport size 🤨, this article is for you.

#CSS #Viewport #MediaQueries

Since the mobile web era began, web pages have included this #HTML boilerplate to indicate they've accounted for smartphone screens, so phones shouldn't zoom the #viewport weirdly:

<meta name="viewport" content="width=device-width, initial-scale=1">

Is this whole incantation still necessary on every web page? MDN says the `initial-scale` attribute has "Default: 1": https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#initial-scale

Does that mean we can skip that attribute? Paging @j9t

Stackoverflow fail: https://stackoverflow.com/questions/74384622/is-initial-scale-1-necessary-to-be-included-in-meta-viewport-tag

#viewport #scalable #CSS #variable
```
--subtitle: calc(1.1rem + 1vw);
```

For anyone wondering why in Beelzebub's name use an #SVG #filter instead of a `drop-shadow()`...🤷‍♀️

Well, a plain `drop-shadow()` can't create a gradient or outline shadow, a strictly inner shadow, can't apply blending & compositing between shadow layers, can't restrict them to a certain area or tile them. It's about being able to have more control in order to be ale to do more and cooler things.

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #webDev #webDevelopment

For anyone wondering why in Beelzebub's name use an #SVG #filter instead of a `drop-shadow()`...🤷‍♀️

Well, a plain `drop-shadow()` can't create a gradient or outline shadow, a strictly inner shadow, can't apply blending & compositing between shadow layers, can't restrict them to a certain area or tile them. It's about being able to have more control in order to be ale to do more and cooler things.

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #webDev #webDevelopment

For anyone wondering why in Beelzebub's name use an #SVG #filter instead of a `drop-shadow()`...🤷‍♀️

Well, a plain `drop-shadow()` can't create a gradient or outline shadow, a strictly inner shadow, can't apply blending & compositing between shadow layers, can't restrict them to a certain area or tile them. It's about being able to have more control in order to be ale to do more and cooler things.

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #webDev #webDevelopment

For anyone wondering why in Beelzebub's name use an #SVG #filter instead of a `drop-shadow()`...🤷‍♀️

Well, a plain `drop-shadow()` can't create a gradient or outline shadow, a strictly inner shadow, can't apply blending & compositing between shadow layers, can't restrict them to a certain area or tile them. It's about being able to have more control in order to be ale to do more and cooler things.

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #webDev #webDevelopment

For anyone wondering why in Beelzebub's name use an #SVG #filter instead of a `drop-shadow()`...🤷‍♀️

Well, a plain `drop-shadow()` can't create a gradient or outline shadow, a strictly inner shadow, can't apply blending & compositing between shadow layers, can't restrict them to a certain area or tile them. It's about being able to have more control in order to be ale to do more and cooler things.

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #webDev #webDevelopment

#SVG got left behind.💔

I'm not talking just about the many, many bugs or about all the annoying browser inconsistencies.

I'm also talking about the fact that I can't do some of the stuff that's basic in CSS, like specifying a shadow's offsets/ blur *relative to `font-size`*.😭

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #svgFilter #webDev #webDevelopment #graphical #effect

#SVG got left behind.💔

I'm not talking just about the many, many bugs or about all the annoying browser inconsistencies.

I'm also talking about the fact that I can't do some of the stuff that's basic in CSS, like specifying a shadow's offsets/ blur *relative to `font-size`*.😭

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #svgFilter #webDev #webDevelopment #graphical #effect

#SVG got left behind.💔

I'm not talking just about the many, many bugs or about all the annoying browser inconsistencies.

I'm also talking about the fact that I can't do some of the stuff that's basic in CSS, like specifying a shadow's offsets/ blur *relative to `font-size`*.😭

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #svgFilter #webDev #webDevelopment #graphical #effect

#SVG got left behind.💔

I'm not talking just about the many, many bugs or about all the annoying browser inconsistencies.

I'm also talking about the fact that I can't do some of the stuff that's basic in CSS, like specifying a shadow's offsets/ blur *relative to `font-size`*.😭

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #svgFilter #webDev #webDevelopment #graphical #effect

#SVG got left behind.💔

I'm not talking just about the many, many bugs or about all the annoying browser inconsistencies.

I'm also talking about the fact that I can't do some of the stuff that's basic in CSS, like specifying a shadow's offsets/ blur *relative to `font-size`*.😭

#css #svgWish #responsive #responsivity #viewport #code #coding #frontend #svgFilter #webDev #webDevelopment #graphical #effect

#extra #small #viewport #optimization (#xs = 220px wide) #css
https://iamdtms.hu