HOME / Web Development

Algorithmia uses Algorithmic Intelligence to colorise your photos

Web app of the day: Algorithmia’s auto-colorization service allows you to colorise black and white photos. The results are interesting with varying levels of success (see an example above). Colorful Image Colorization is an algorithm originally developed by Richard Zhang, Phillip Isola, Alexei A. Efros, which takes black and white pictures, and returns the image [Continue reading]

Vega-Lite: producing complex visualisations with minimal amount of code

Here is an interesting visualisation library released just a few days ago from the University Washington Interactive Data Lab. Vega-Lite is a high-level visualization grammar. It provides a concise JSON syntax for supporting rapid generation of visualizations to support analysis. Vega-Lite can serve as a declarative format for describing and creating data visualizations. Vega-Lite specifications [Continue reading]

What is it with Dutch sites and terrible cookie consent pop-ups?

This just happened in two Dutch sites in a row. Now, the need to conform with law is one thing. However, blocking access to content, and refreshing the entire page after the user consents (e.g. more time delay), is extremely user hostile. Let’s be clear. If even showing a glimpse of your content has as [Continue reading]

Medium is a mess

Apparently, +Medium’s smart algorithms on what I should be reading next suggest that I should read my own posts. Seriously? In the screenshot, you can also witness the fresh Responses idiocy, which are supposed to be full-blown, long-text articles, but everybody (myself included) is using as an old-school comments form, disregarding the initial, actually-well-thought, feature [Continue reading]

Flybys: Strava replays an entire race

Available for some time in test mode, Flybys is a (now more prominently displayed) feature from Strava that allows you to replay multiple runs of users of the platform. It is available for all activities, even your training runs, but is more fun for full races were there are much more users matching your data. [Continue reading]

How to add authorship information for Facebook, Pinterest and Google on your blog

Authorship markup for sites used to be an exciting term back when Google was using it in the search results but has since faded back as Google decided that it’s not for everyone. Now it may make a come back as Facebook is now using it to help you get more followers and at the [Continue reading]

Seven years of Facebook in a single chart

I’m not sure I have seen any other service offer anything like that. In the screenshot you see what @SumAll has produced from my Facebook activity since the beginning of my registration, back in 2007, with numbers of posts, shares, comments per week. (I’m not sure what happened in 2012, I don’t remember not using [Continue reading]

Google’s war on URLs continues

Google announced a change it has been testing for some time: replacing the URL in search results with the breadcrumbs of the page. Ironically, Google’s announcement is titled “Better presentation of URLs in search results”. To help mobile searchers understand your website better when we show it in the mobile search results, today we’re updating [Continue reading]

VOX: Editorial design for a digital world

Here is a great example from VOX on what it’s like doing an interview for a digital world, in a way that no other medium can achieve. The basic idea? The full text of the interview is accompanied by charts, links and annotations providing more depth on the answers. But that’s just the half of [Continue reading]

Poetry in web motion

Ingredients: – a physics engine, – SVG graphics and – the Web Audio API. Bake and get something really cool (See it Chrome or Safari)  

It’s the end of an era for web design

Ryanair has redesigned it’s website. Before it looked like it was designed in 1992 (because it probably was). Now it looks like someone paid 15$ for a template. But even that is an improvement. You don’t have to prove you are a human in order to get a ticket for starters. I guess the lousy [Continue reading]

6+1 WordPress initial-setup plugins

In my most recent WordPress installations, these are the plugins I install first: 1) Acunetix WP Security: all sorts of changes in settings and file checks to increase security 2) Limit Login Attempts: Straight-forward plugin that blocks brute-force bots 3) Simple Login Log: exactly what you imagine ;) 4) Google Analyticator: adds GA tags on your [Continue reading]

Data visualisation porn

The Digital Attack Map is a live data visualization, built through a collaboration between Arbor Networks and Google Ideas, that maps “distributed denial of service” (DDoS attacks) designed to take down websites around the globe. Many websites face targeted digital attacks by people who aim to silence their speech. This tool and visualization specifically surfaces [Continue reading]

Parallax for the right reasons

I’m not a big fan of parallax web sites, mainly because it’s being overused without much point and it is usually not well implemented, resulting in slow-loading websites. Once in a while though, you get a website where the parallax effect is actually part of the concept of the website. Booking.com has an excellent new [Continue reading]

How to learn to be a coder in 180 days

Just start coding! This is what Jennifer Dewalt did. In the last 6 months she create 180 small websites, day by day learning something new, from HTML/CSS to Javascript to working with APIs and then even “lower” to Rails and Node.js. You can start today too! :) See Jeniffer’s blog and sites

How to get rid of Google Maps, create your custom maps at Mapbox

MapBox is making it easy to setup a map that will not have the “everyone has it” Google Maps look. Already used by apps and sites like Foursquare and Evernote, Mapbox utilises open sourced map data from OpenStreetMap (www.openstreetmap.org) but also provides terrain and satellite layers. But the big difference from Google Maps is that [Continue reading]

What if your “page not found” 404-error message could help find missing children?

What if your “page not found” 404-error message could help find missing children? See how, here. h/t Lee Smallwood of NOD3x who have already implemented this.

How to build a stunning photo presentation

Here’s two things in one: a) a great set of New York photos and the locations to take them from, and b) guidance to developing an awesome photo/portfolio/whatever presentation. First head over to ReadyMag’s New York Photo Guide, enjoy the photos and absorb the user-friendly experience. From clear icons to keyboard shortcuts to AJAX-powered per-slide [Continue reading]

Glyphish icon set for iOS7

Like it or not, the iOS7 style is here to stay and will most likely affect not just mobile apps but also web apps. So, if you’re looking to stay current with Apple’s style, Glyphish has a new set with 200 thin-styled icons following the iOS guidelines. Check them out at www.glyphish.com (cost: $25)

Timer “app” in Google’s search box

Another episode of the continuing series “Google prefers to give you answers rather than direct you to a site that has the answer”. Type “timer X minutes” to get a timer app with stop/reset buttons and an alarm sound in your search results. h/t +Travis Wise

SQL joins explained as Venn diagrams

A handy illustration explaining how left and right joins work in SQL, presented as Venn diagrams. For some examples with actual data, check also this article by Jeff Atwood h/t Ilya Grigorik, Data Visualization (on G+)

How to fix the new G+ layout with Stylish

// Well, “fix” is a relative term. You might like the new look and feel of Google+ so you can stop reading now. But while I’ve initially loved it, I have been mounting up some serious problems with it. So much, that while I’m not a big fan of the various solutions to customise the [Continue reading]

Free eBook for web designers

// Smashing Magazine is promoting it’s Smashing Library service and they are offering a free eBook with a collection of some of their best articles. Contents include: – Designing For The Reading Experience – Logical Breakpoints For Your Responsive Design – Sketching A New Mobile Web – Towards A Retina Web – Avoiding The Pitfalls Of [Continue reading]

OMG, it’s full of cubes!

// More three.js awesomeness: here’s how to stretch test your graphics card: a three.js, WebGL demo by Ben Adams featuring up to 600.000 rotating cubes! How many frames per second do you get? (Firefox/Chrome only) See it in full screen

No, this isn’t Flash either

// Scary (in terms of the data) / awesome (in terms of the development part behind it) example of three.js, a javascript library for creating 3D scenes. See it live here

Fillerati: Jules Verne and more instead of lorem ipsum

// If you’re tired of using a lorem ipsum text every time you want to fill up dummy text, here is a simple solution. Fillerati by Michael McMillan offers you: – choice of 6 classic authors like Verne and Wells – choice between plain text, list, title and paragraph html – choice on the amount [Continue reading]

Jazz up your web page with Spritely

// Apparently, programming, like life, is sometimes going in circles. Almost 30 years ago I was doing my first steps in programming, coding sprites on my MSX2 in some lame attempts at game development :) Today, I’m revisiting the technique for a whole different purpose. Below you can see an elegant approach to a hover [Continue reading]

This is not how HTML/CSS should be used! Part II

// Is this getting silly? I’d say probably not, we need to push the boundaries of tech, even if it means we end up in hyperspace :) Following “Tunnel Vision 3D” by Peter Westendorp, here is another  example of HTML/CSS mastery by Noah Blon. Enjoy this in full screen! http://cdpn.io/GKflw

Logstalgia: Visualising Apache logs

// Argh! The moment of anger when you find a cool weekend project but realize you don’t really have a free weekend sometime soon :) Logstalgia is a website traffic visualization that replays or streams web-server access logs as a pong-like battle between the web server and an never ending torrent of requests. Requests appear [Continue reading]