toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

214
active users

#viewport

0 posts0 participants0 posts today
Nishant Neeraj Agnihotri<p>Bathroom Interior done in blender 2.79b with cycles rendering engine.<br>2nd Shot.</p><p>Project also got featured on CGCookie: <a href="https://cgcookie.com/projects/interior-bathroom-f15396f851a57925" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cgcookie.com/projects/interior</span><span class="invisible">-bathroom-f15396f851a57925</span></a></p><p>Artstation: <a href="https://www.artstation.com/nishant_neeraj" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">artstation.com/nishant_neeraj</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/archviz" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>archviz</span></a> <a href="https://mastodon.social/tags/architecture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>architecture</span></a> <a href="https://mastodon.social/tags/environment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>environment</span></a> <a href="https://mastodon.social/tags/b3d" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>b3d</span></a> <a href="https://mastodon.social/tags/blender" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blender</span></a> <a href="https://mastodon.social/tags/3d" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3d</span></a> <a href="https://mastodon.social/tags/3darchitecture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3darchitecture</span></a> <a href="https://mastodon.social/tags/viewport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewport</span></a> <a href="https://mastodon.social/tags/bathware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bathware</span></a> <a href="https://mastodon.social/tags/render" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>render</span></a> <a href="https://mastodon.social/tags/blenderrender" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blenderrender</span></a> <a href="https://mastodon.social/tags/cgi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cgi</span></a> <a href="https://mastodon.social/tags/digitalArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>digitalArt</span></a> <span class="h-card" translate="no"><a href="https://mastodon.art/@cgcookie" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>cgcookie</span></a></span></p>
C.<p><a href="https://mindly.social/tags/Congratulations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Congratulations</span></a> to <a href="https://mindly.social/tags/Wikipedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Wikipedia</span></a> for breaking their interface with whatever update they've just deployed.</p><p>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.</p><p><a href="https://mindly.social/tags/scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scroll</span></a> <a href="https://mindly.social/tags/viewport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewport</span></a> <a href="https://mindly.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Firefox</span></a> <a href="https://mindly.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mindly.social/tags/fail" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fail</span></a></p>
Nelson<p>Since the mobile web era began, web pages have included this <a href="https://jawns.club/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> boilerplate to indicate they've accounted for smartphone screens, so phones shouldn't zoom the <a href="https://jawns.club/tags/viewport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewport</span></a> weirdly:</p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</p><p>Is this whole incantation still necessary on every web page? MDN says the `initial-scale` attribute has "Default: 1": <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#initial-scale" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Viewport_meta_tag#initial-scale</span></a></p><p>Does that mean we can skip that attribute? Paging <span class="h-card" translate="no"><a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>j9t</span></a></span></p><p>Stackoverflow fail: <a href="https://stackoverflow.com/questions/74384622/is-initial-scale-1-necessary-to-be-included-in-meta-viewport-tag" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">stackoverflow.com/questions/74</span><span class="invisible">384622/is-initial-scale-1-necessary-to-be-included-in-meta-viewport-tag</span></a></p>
Nicolas Hoizey<p>🔗 “The ideal viewport doesn’t exist” by <span class="h-card"><a href="https://bell.bz/@andy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>andy</span></a></span> <span class="h-card"><a href="https://mastodon.social/@leannecodes" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>leannecodes</span></a></span></p><p><a href="https://mamot.fr/tags/responsive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsive</span></a> <a href="https://mamot.fr/tags/viewport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewport</span></a> </p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2023/08/25/the-ideal-viewport-doesn-t-exist/" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2023/</span><span class="invisible">08/25/the-ideal-viewport-doesn-t-exist/</span></a></p>
pablolarah<p>🟡🔵 The ideal viewport doesn’t exist<br>By Leanne Renard <span class="h-card" translate="no"><a href="https://mastodon.social/@leannecodes" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>leannecodes</span></a></span> , Liridon Hasani liridon.dev and Andy Bell @belldotbz <span class="h-card" translate="no"><a href="https://bell.bz/@andy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>andy</span></a></span> , for Set Studios<br>@setstudiotweets<br><a href="https://mastodon.social/tags/viewport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewport</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> </p><p><a href="https://viewports.fyi/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">viewports.fyi/</span><span class="invisible"></span></a></p>
John Refior<p>What's the lowest viewport resolution you're committed to supporting?<br>--<br><a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://hachyderm.io/tags/viewport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewport</span></a></p>
John Refior<p>Ran into this problem testing on my mom's iPad. Can't rely on pure CSS for viewport height<br><a href="https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chanind.github.io/javascript/2</span><span class="invisible">019/09/28/avoid-100vh-on-mobile-web.html</span></a><br>--<br>Update: thanks for the info/correction! I'm trying out the new units (replacing 100vh)<br>--<br><a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://hachyderm.io/tags/iOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>iOS</span></a> <a href="https://hachyderm.io/tags/viewport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewport</span></a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>