In an in-depth analysis on how Medium loads up their images, José M. Pérez explains how their “blur-up technique” works: Display a resized version of the original at the original size, with a blur filter on top to hide the artifacts. Load in the bigger one. Once the big version is loaded, replace the small …
Tag Archives: link
JSON5 – JSON for Humans
JSON isn’t the friendliest to write. Keys need to be quoted, objects and arrays can’t have trailing commas, and comments aren’t allowed — even though none of these are the case with regular JavaScript today. JSON5 is a proposed extension to JSON that allows these kinds of things. Here’s an example showcasing most of its …
Two column <dl> with CSS Grid
PHP Session Locking: How to Prevent Blocking Requests
Today I learned about “PHP Session Locking”: PHP writes its session data to a file by default. When a request is made to a PHP script that starts the session (session_start()), this session file is locked. What this means is that if your web page makes numerous requests to PHP scripts, for instance, for loading …
Continue reading “PHP Session Locking: How to Prevent Blocking Requests”
AnimojiStudio – Make Animoji Videos with Unlimited Duration
Record Animoji videos with unlimited duration with this standalone app. This app uses the private AvatarKit framework, the same one that’s used by Apple’s iMessage app. It leverages ReplayKit’s screen recording capabilities to allow for longer recordings than the standard app. As this app uses a private framework, it cannot be found in / published …
Continue reading “AnimojiStudio – Make Animoji Videos with Unlimited Duration”
Expanding Grid Item Animation
Nice implementation of a master-detail view, inspired upon the Surf Project Dribble Shot by Filip Slováček (pictured above). You can see this kind of animations – where elements are reused and moved from one viewstate to the other – in quite a few mobile apps nowadays (take the App Store App on iOS11 for example). …
The Cost Of JavaScript
Look up DNS Records online with dnsrecords.io
NativeBase – Cross-Platform UI Components for React Native
NativeBase is UI component library for React Native, which comes with a great list of Components for easy use. The Components are constructed in pure React Native platform along with some JavaScript functionality with rich set of customisable properties. These components allow you to quickly build the perfect interface. NativeBase includes components such as anatomy …
Continue reading “NativeBase – Cross-Platform UI Components for React Native”