@osvaldas Profile picture

Osvaldas Valutis

@osvaldas

Web developer.

Similar User
Paul Irish photo

@paul_irish

Dr Lea Verou photo

@LeaVerou

SdK - Die Anlegergemeinschaft photo

@die_sdk

Louis Lazaris photo

@LouisLazaris

Hongkiat Lim photo

@hongkiat

Jon C. Phillips photo

@joncphillips

K.Jayaprakash (जयप्रकाश ) photo

@itskJayaprakash

@dbushell@fosstodon.org photo

@dbushell

Nicole Sullivan 🩵 photo

@stubbornella

Kitty Giraudel photo

@KittyGiraudel

Callum Chapman photo

@callumchapman

K. Ali photo

@WebAloo

임태훈 photo

@Taehoon_Lim

Niraj Bhusal photo

@n7r9j

Andreas Morawietz photo

@andreas_trier

Fix default text centering on date/time input for iOS Safari:

Tweet Image 1

Osvaldas Valutis Reposted

“iOS 17.4 introduces new capabilities that let iOS apps use alternative browser engines — browser engines other than WebKit — for dedicated browser apps and apps providing in-app browsing experiences in the EU.” 🤩 developer.apple.com/support/altern…


Osvaldas Valutis Reposted

Safari 17.4 beta is out ! So much in it, including: - @​scope - align-content on blocks - vertical form controls - <hr> inside <select> - <input type="checkbox" switch> - VP8/VP9 & WebM on iOS & iPadOS - Vorbis audio codec on iOS - Fullscreen API on iOS developer.apple.com/documentation/…


Osvaldas Valutis Reposted

Who’s gonna read your personal blog because it has an RSS feed? I’m gonna read your personal blog because it has an RSS feed.


Osvaldas Valutis Reposted

Lazy-loading iframes and images is now supported in all modern browsers! Try <iframe loading=lazy> and <img loading=lazy> for faster initial page loads ⚡️

<iframe loading=lazy> has landed. Lazily loaded iframes are only loaded when visible, speeding up initial page load. See bugzilla.mozilla.org/1860729



Osvaldas Valutis Reposted

If you are implementing dark mode, make sure to add color-scheme: dark to the html element to ensure the native browser controls also respect dark mode preference. This way you don't get a light colored scrollbar in dark mode like Twitter currently is.


Osvaldas Valutis Reposted

Browsers do a lot of genuinely intelligent comp sci wizardry to optimise things as much as they can, but developers need to meet them in the middle.


Osvaldas Valutis Reposted

Everyone’s favourite CSS framework’s homepage. That’s 125ms for one selector across 6455 DOM nodes 😬

Tweet Image 1

Osvaldas Valutis Reposted

<🧵> CSS Selector Performance. It’s something that most people tell you not to worry about. But sufficiently bad selectors on a sufficiently large DOM can have a real impact on the user experience, and even on INP.


✪ Redesigned! This also symbolically marks the date when I got my first paid gig of coding a website 20 years ago at the age of 15. osvaldas.info A few thoughts on the redesign at my blog: The Great Gatsby Redesign osvaldas.info/the-great-gats…

Tweet Image 1

Web forms that doesn't get submitted on Enter press? Well, most likely they're just the forms visually, not technically. Use <form>s or polyfill their functionality.


Osvaldas Valutis Reposted

This is golden! Chrome 107 (currently in beta) comes with a new `renderBlockingStatus` field on ResourceTiming entries. 👏 Wanna find and monitor all the render blocking resources in a page? Here you go!

Tweet Image 1

Osvaldas Valutis Reposted

Developers nowadays 🤦‍♂️ This is a box with one logo, title, label and field. The label doesn't even have a FOR attribute. I'm tired of training programs, universities, and all that Bootcamp bullshit incapable of teaching proper HTML. 🤢

Tweet Image 1

Osvaldas Valutis Reposted

A little #accessibility/#CSS tip: Using :has() to show a warning if the page is disabling the zoom. #a11y

Tweet Image 1

Hey you frontend dev, yes you. We'd love to hear from you!

#Frontend Developers, we have oddities and jobs for you! 🛠 #reactjs #jamstack #rubyonrails #Nextjs 🌍 100% remote ⏰ Full-time 👾 Projects range from gaming to finance, sports, legal, health, NGO:s… and more oddcamp.com/job-frontend-d…



Osvaldas Valutis Reposted

Performance tip: make your page load feel more instant by using priority hints to help the browser prioritize the most critical resources More you can do with priority hints in 🧵:

Tweet Image 1

Osvaldas Valutis Reposted

Modern CSS can make a lot of impossible things possible, but it also simplifies some things as well. One use case that I have on pretty much every project these days is setting up a container/wrapper width with min() and margin-inline.

Tweet Image 1

Osvaldas Valutis Reposted

Did you know that there's a property you can use to tell the browser how to decode an image? <img decoding="async"/> You can use it to defer the decoding of any low-priority image to improve page performance. Supported in all major browsers! caniuse.com/mdn-html_eleme…

Tweet Image 1

Loading...

Something went wrong.


Something went wrong.