Don’t you hate it when you load a website or web app, some content displays and then some images load — causing content to shift around? That’s called content reflow and can lead to an incredibly annoying user experience for visitors. I’ve previously written about solving this with React’s Suspense, which prevents the UI from loading until the images come […]
Continue Reading
View Demo | Download source A super tiny (~ 2kb gzipped) and fully responsive image zoom Vanilla JavaScript.
Continue Reading
View Demo | Download source The Timed Dialog helps developers create customizable info/alert/confirm modal dialogs to replace the native popup boxes.
Continue ReadingI was fortunate last year to get approached by Shawn Wang (swyx) about doing some work for Temporal. The idea was to cast my creative eye over what was on the site and come up with some ideas that would give the site a little “something” extra. This was quite a neat challenge as I […]
Continue ReadingIn this tutorial, you’ll build a URL shortener with Python and FastAPI. URLs can be extremely long and not user-friendly. This is where a URL shortener can come in handy. A URL shortener reduces the number of characters in a URL, making it easier to read, remember, and share. By following this step-by-step project, you’ll […]
Continue Reading
View Demo | Download source A lightweight jQuery plugin that provides a straightforward method of creating custom, touch-enabled, progressive enhancement range sliders
Continue Reading
View Demo | Download source eModal is a jQuery modal popup plugin that makes it easy to display AJAX/iframe popup boxes and alert/confirm/prompt dialog boxes using Bootstrap 4/3 modal component.
Continue Reading
View Demo | Download source Vegas Nav is a jQuery based cross-platform navigation system to help you create a responsive, mobile-friendly, multi-level dropdown navbar for your web app.
Continue Reading
Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I have to say, I notice a bit of icon misalignment while browsing the web. Even if the icon’s alignment is correct, icons often do not respond well when typographic styles […]
Continue ReadingClass constructors are a fundamental part of object-oriented programming in Python. They allow you to create and properly initialize objects of a given class, making those objects ready to use. Class constructors internally trigger Python’s instantiation process, which runs through two main steps: instance creation and instance initialization. If you want to dive deeper into […]
Continue Reading