Osvaldas Valutis blog

Unconditional behavior: smooth use in scrollIntoView or scrollIntoViewIfNeeded is your website’s accessibility failure for people who prefer reduced motion.

The deal with modals is you usually want them to live on the first floor inside <body>.

Usually beforeunload is pretty straightforward: function formHasChanged() { window.addEventListener(`beforeunload`, (e) => { e.preventDefault() }) } Now just call formHasChanged once form field values have changed.

I was about to invent a wheel with some JavaScript, but just in case I thought I’d take a look at <details> specs.

I prefer using hexadecimal color formats.

Loading libraries from CDN’s used to be a performance feature (kind of*): <script src="https://cdn.example.com/jquery-3.6.0.min.js"></script> A browser would load a resource from cache even if it was included on multiple websites, because the cache key wo…

As an example for the use case, have you every ran into API’s which proudly feed you with week day based data, but ordered not in a way you expected, typically starting the week with Sunday, not Monday, or the other way around?

Reading my previous redesign post from 2014 I cannot believe how significantly the industry has evolved since then: no more Modernizr, loadCSS, custom responsive image implementation; IE out of image for good, Edge and Opera adapting Blink, Jamstack and t…

Or the priority navigation pattern, or progressively collapsing navigation menu.

Actually I did that right before entering the year of 2017 and my official start was on January 1st.

Middleman is a Ruby based static site generator which we use heavily both for prototyping (checkout our Middleman boilerplate) and production sites.

Service Worker has already been here for a while: since 2015–09 it has been fully supported in Chrome/Opera and if compared to what we have today it has gone a promising way of improvements, bug fixes, became more easily debuggable and is supported much w…

Lately, I've been obsessed with optimizing performance through lazy-loading.

My session driver of choice for CodeIgniter is database.

You've been hard at work optimizing your site.

It’s common to present dates on the Web in a format such as "Published on September 12th, 2015", or "09/12/2015 09:41:23".

When working on Readerrr , I wanted to enrich the experience of uploading an OPML file for importing feeds from other readers.

And so it happened that I published the latest post of mine on Codrops, not here this time.

What I meant was scanning the DOM of a page for text equivalents and showing the actual parts of the page, as well as hiding the irrelevant ones.

Detecting the end of CSS animation and transition could be useful if you want to back up some of your JavaScript behavior on CSS.

I use input placeholders in two ways: (1) as labels in simple forms that have just a few input fields and (2) as tips or suggestions in complex forms: <input type="email" name="email" placeholder="Your email address" /> The problem with placeholders is th…

I have recently sent a newsletter to the users of Readerrr , announcing a new feature (feed import).

There are two ways of using SVG in HTML via <use>: with external source and without it.

Auto-hide sticky header is a shot that shoots down two rabbits: makes site navigation easily accessible anywhere on the page and saves content space at the same.

I would call this year a year of web performance.

Turns out currentColor has been here for quite some time now, but I heard about it only a few months ago when I read Dudley Storey’s post.

After almost three years I have finally arrived at the point where I had to redesign my personal website.

After I’ve published the post on how I had implemented responsive equal height blocks into Readerrr , I received some useful feedback from the community.

Update: after publishing this post I received some useful feedback from the community and wrote a new post with much smarter solution to the problem.

Subtle, minimalist and intuitive UI is what I like most about web design, having the visual part of it in mind.

Computers have multiple input devices for easier usage.

I love RSS.

As for the image lightboxes, I have always lacked simplicity for them.

Dealing with CSS browser compatibility and solving technical issues is probably the real charm (I mean it) of front-end development.

What if you need a multi-level navigation?

A couple of months ago I built a jQuery plugin that replaces <audio> element with a little of custom HTML code.

…or Pinterest-style layout. jQuery Masonry is a jQuery-based plugin for a dynamic grid layout built by David DeSandro.

The book Design Is A Job is not the first book from that wonderful A Book Apart collection I have read.

I'm not quite sure, but it was probably 2006 (correct me if I'm wrong) when with the birth of jQuery the very first non-Flash slideshows/sliders appeared on Web.

As our industry grows up, many of us seem to forget the human side of digital.

Business cards, for me personally, for a long time were like a phenomenon from prehistoric times.

I have always been interested in elegant yet helpful techniques that in some way extend or rewrite native browser functionality and therefore help making websites a bit more better than they could be.

CodeIgniter is simple yet elegant, open source PHP framework developed by EllisLab.

Tooltip is a splendid invention.

Have you ever wanted or needed to do something like this?

Hey!