#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

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 #mastodon #mastoart #digitalArt

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

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