https://dsheiko.com/categories/web-standards/ Recent content in Web Standards on Dmitry Sheiko's Web Development Blog Hugo -- gohugo.io en-us Wed, 11 Feb 2026 00:00:00 +0000 https://dsheiko.com/weblog/how-to-add-web-push-notifications-to-nextjs-app/ Wed, 11 Feb 2026 00:00:00 +0000 https://dsheiko.com/weblog/how-to-add-web-push-notifications-to-nextjs-app/ Web Push notifications have quietly become one of the most effective engagement channels on the web. They don’t require an email address. They don’t depend on social algorithms. And they work even when your website isn’t open. If you run a blog, SaaS, e-commerce store, or internal platform, Web Push can dramatically improve retention and real-time communication. Let’s walk through what Web Push actually is, how it works under the hood, and how you can implement it in a Next. https://dsheiko.com/weblog/building-real-life-applications-with-functional-elements-of-html-5-2/ Tue, 15 Aug 2017 00:00:00 +0000 https://dsheiko.com/weblog/building-real-life-applications-with-functional-elements-of-html-5-2/ What do you do when you need a widget-like functionality? At the present there is a whole generation of developers who with as a rule are googling for ready-made jQuery plugin. Can’t we do better than that? With advance of web-components we are expected to compose UIs from these building blocks. They are many. One can find one for almost any task. They are highly customizable. One can reuse the functionality, but with own original representation. https://dsheiko.com/weblog/state-of-javascript-modules-2017/ Thu, 10 Aug 2017 00:00:00 +0000 https://dsheiko.com/weblog/state-of-javascript-modules-2017/ Before modules Historically JavaScript had neither a module system, nor facilities to load sources from within the code. In order to understand what have now, let’s take a retrospective look. I remember in the past a number of libraries where the code-base was split into a separate files which were concatinating during the build process. As simply as that it didn’t help with module isolation, but improved maintainability by organizing the code in files of meaningful names. https://dsheiko.com/weblog/creating-a-web-component-with-vanillajs-x-tag-and-polymer/ Wed, 10 Sep 2014 00:00:00 +0000 https://dsheiko.com/weblog/creating-a-web-component-with-vanillajs-x-tag-and-polymer/ It seems like these days the most trending concept in the HTML5 world is web components. But what the fuss is all about? In order to make such a simple thing as a container expanding on click in past we needed to write CSS and JavaScript. Today thanks to checkbox-hack and :focus or :target pseudo-selector we go on with CSS-only. In fact by using summary/details elements we do not need any tricks with CSS to make it working, considering that browser already supports this feature. https://dsheiko.com/weblog/making-use-of-html5-form/ Wed, 27 Mar 2013 00:00:00 +0000 https://dsheiko.com/weblog/making-use-of-html5-form/ Since the very beginning of HTML there were no much of changes regarding forms until recently. Yet, there was an attempt to bring a new API with XForms, but it was never really supported by any of major browsers. Now we have a comprehensive consistent Form API which allows us to create full-fledged forms even with not help of JavaScript. Everything sounds so exciting until you try to use HTML 5 Forms on real projects. https://dsheiko.com/weblog/tuning-navigation-for-mobile-devices/ Sat, 27 Oct 2012 00:00:00 +0000 https://dsheiko.com/weblog/tuning-navigation-for-mobile-devices/ Making design responsive means not only certain representations on different screens, but also particular behavior on different devices. Usually on mobile devices mouse is not available, keyboard with navigation keys is out of reach. So we are short of controls to provide a useful navigation. Image viewer Let’s take image viewer. User taps a thumbnail and gets an overlay with the image. We don’t have much screen space on the smartphone. https://dsheiko.com/weblog/real-time-web-application-architecture/ Mon, 17 Oct 2011 00:00:00 +0000 https://dsheiko.com/weblog/real-time-web-application-architecture/ Few years ago only lazy didn’t say about bringing desktop application experience to the web ones. However in reality, it just meant that user actions didn’t always required page reload, but could change page UI dynamically. As for other application events, as a rule they were not handled dynamically. Well, now you can find more and more web applications acting really like desktop ones. For example, Facebook and G+ have widgets which update automatically. https://dsheiko.com/weblog/websockets-vs-sse-vs-long-polling/ Mon, 05 Sep 2011 00:00:00 +0000 https://dsheiko.com/weblog/websockets-vs-sse-vs-long-polling/ Apparently social networking is the banner of the nowadays web. Everybody intends bringing some features into his projects. Some of them require immediate notification. That is getting common, if you open a page with upcoming messages (status feed, notification subsystem, friends-list), you expected them being updated as soon as a new message (status, notification, friend-making action) arrives. As you well know, original web design allowed only one-way client-server communication (one requests, another one responds), though now HTML5 working group doing their best to fix it or rather to patch it. https://dsheiko.com/weblog/html5-video-on-iphone/ Tue, 17 May 2011 00:00:00 +0000 https://dsheiko.com/weblog/html5-video-on-iphone/ Enabling your videos for iPhone Safari doesn’t seem as a big deal. You know it supports HTML5 . Besides, you don’t even need to write event handlers and produce a skin by yourself, but only take a ready JS component. Apparently [videojs.com] is getting close to be the most popular one. Though, I personally like [mediaelementjs.com]. It is very simple to use any of them. The only difficulty is to get your videos converted to h. https://dsheiko.com/weblog/ecmascript-5-and-js-frameworks/ Mon, 13 Dec 2010 00:00:00 +0000 https://dsheiko.com/weblog/ecmascript-5-and-js-frameworks/ Standards are being always approved with a slow pace. Though, the features declared in drafts usually find their implementation long before the standard release. Let’s take for an instance Websockets, which were already implemented in Chrome/Safari and Firefox 4b when standard unexpectedly changed. Apparently YUI3 and jQuery have implemented for long time the features, which are only coming up with ECMAScript 5 (the implementations is called JavaScript 1.8.5) spread. YUI 3 from the very beginning introduced controllable attributes. https://dsheiko.com/weblog/html5-and-server-sent-events/ Thu, 10 Jun 2010 00:00:00 +0000 https://dsheiko.com/weblog/html5-and-server-sent-events/ Related articles: Bringing realtime to your web applications and WebSockets vs Server-Sent Events vs Long-polling Besides, already noted bidirectional communication channel, known as WebSocket, HTML5 propositions include also comet communication pattern by defining Server-Sent Events (SSE). WebSocket widely discussed by now, tons of server implementations are available and you can play already with fluent browser implementation under Chrome. However the second server-push technology of HTML5 yet stays in shadow. We are used to consider the HTTP protocol as request-response model, which means that the client sends a HTTP request and waits until the HTTP response is received. https://dsheiko.com/weblog/persistent-full-duplex-client-server-connection-via-web-socket/ Wed, 05 May 2010 00:00:00 +0000 https://dsheiko.com/weblog/persistent-full-duplex-client-server-connection-via-web-socket/ RIA is considered one of the most distinctive features of the modern Web, reflecting a trend where web applications grow to resemble desktop applications. The approach, however, has limits. The overwhelming majority of “rich” web applications are still built on the request-response model. Events on the client side can reach the server, but not vice versa. To build something as simple as a chat, you have to use tricks. These techniques for emulating bi-directional connections are collectively called Comet, a term coined by Alex Russell of Dojo. https://dsheiko.com/weblog/how-to-make-ajax-read-between-the-lines/ Fri, 24 Feb 2006 00:00:00 +0000 https://dsheiko.com/weblog/how-to-make-ajax-read-between-the-lines/ Technical sites often include terms that readers may not know. The old approach was to link each term to a definition popup, but that requires a click, a load, and another click to close. With AJAX, the definition appears the moment the cursor hovers over the term and disappears when it moves away. No extra page weight: JavaScript fetches the definition from an external source on demand. The same technique has broader uses.