Weblog

Why is my Favicon not updating or refreshing?

Posted on: January 10th, 2017 | Category: code, Design, PHP, Xhtml/Css

Recently I was asked by a friend why his new and fancy favicon wasn’t showing in his browser. Since I have struggled with this annoying (yet very easy solveable) problem in the past as well, I decided to write the solution down once and for all.

The problem with no updating or refreshing favicons is due to the fact that they are very firmly cached by the browser. Even a hard refresh doesn’t solve the problem.

You can solve this very easyily by making sure there is a unique querystring (?v=x, where x is an unique number) in url to your favicon like this:

<link rel="shortcut icon" href="path/to/favicon.ico?v=2">

Every time you update your favicon, you just add another unique ID in the querystring and the problem should be solved!

If you change your favicon a lot (e.g. during design/development process) you can also automate this. This PHP example generates a unique ID every time.

<link rel="shortcut icon" href="path/to/favicon.ico?v=<?php echo uniqid(); ?>"> 

Redesigning Cervelo.com: A design study

Posted on: March 17th, 2010 | Category: Portfolio

Disclaimer upfront: I am in no way affiliated with or employed by Cervelo.

I love endurance sports, especially running and cycling. Last year I bought a road bike (if you’re interested, I bought a Cube Peloton). Whilst researching which bike to buy, I also looked at Cervelo, because they build kick-ass gorgeous bikes. But unfortunately they don’t really make starter bikes (which is why I went with the Cube). What struck me about their site though, was that it wasn’t in line with their beautiful bikes at all. It looked like their site was designed in the 1990s or something. (Please note that Cervelo recently redesigned their site, which looks much better than the old one IMO.)

I thought I could do better. So I started out creating a new site design for Cervelo.com as a design study. You can check out the final design in my portfolio: Page 1 | 2 | 3

Design thoughts

Cervelo uses very strong colours in their marketing material and I didn’t want to change that. The black with bright red and white is very recognizable as the “Cervelo colours” in the peloton. A material Cervelo uses a lot is carbon. I wanted to use that texture as well in the main design, so the overall background of the site has a carbon texture.

I wanted to use a big header image on all pages, to really show-off Cervelo’s amazing bike design. By taking a small part of a larger image of a bike you’ll get a sort of abstract feel to the image, which was exactly what I was looking for.

The navigation on the old site was very confusing, so one of the first things I changed was the main navigation. A big navigation bar with strong colours and relatively big type. I incorporated a big dropdown to get easy access to all of Cervelo’s bikes. Also, through a carousel on the homepage it is very easy to get to all the bikes right from the homepage.

The bike detail pages were very long and cluttered with information. To streamline these pages, I opted for a short introduction about the bike, grouped together with a small image gallery. The rest of the information can be accessed through a tabs-system at the bottom of the page.

Let me know what you think!

Tags: , , ,

Automatically update the copyright on your website with PHP

Posted on: March 15th, 2010 | Category: code

This is one of those little things you always forget, probably because it’s so small and insignificant.

Did you ever have a client call or e-mail you with the question to update the copyright on the website you created for them last year? I know I have had those questions from clients (rightly so).

With this little code snippet you’ll never have to worry about it again.

Place this somewhere in your functions.php (or whatever you named it):

<?php
function printCopyright($startyear) {
	$currentyear = date(Y);
	if ($startyear == $currentyear) {
		echo 'Copyright © '. $startyear;
	}
	else {
		echo 'Copyright © '. $startyear .' - '. $currentyear;
	}
}
?>

Once that is in your functions.php you can just use this: <?php printCopyright(2010); ?> in your template where you want your copyright to be printed. It takes one parameter, the year you want your copyright to start or has started.

If the current year is also the year your copyright started, then it will return “Copyright © 2010” and if your copyright started earlier (let’s say in 2007), then it will return “Copyright © 2007 – 2010”.

Tags: ,

WordPress for Android

Posted on: February 3rd, 2010 | Category: mobile

Wordpress for AndroidAutomattic just launched WordPress for Android. If you’re reading this on a Android-powered phone, click here to install the app: WordPress for Android. If you’re following me on Twitter you’ll probably know by now that I’m a big fan of Android. I’ve got an HTC Hero, which is basically a Nexus One, but it runs Android 1.6 instead of 2.1. And I think HTC’s UI is nicer than Google’s.

The WordPress for Android App is still a bit buggy (it crashed when I switched to landscape mode for example), but it’s already very useable. Latest comments, posts and pages are all easily accessible.

Some of the options available:

  • Configure and manage multiple blogs
  • Comment moderation including the ability to reply to comments
  • Create and Edit Posts including categories, tags and photos
  • Create and Edit Pages
  • Get notified of new comments in the Android notification bar

The “Manage multiple Blogs” feature especially is very convenient. All your blogs one click away on your phone.

Android FTW!

Tags: , ,

The Redesign, a month later..

Posted on: February 3rd, 2010 | Category: Site

It’s been a little over a month since I launched the third redesign of Frish.nl and the response has been absolutely amazing (and overwhelming at times). Almost everyone seems to love the new design and it’s been picked up by some of the largest design showcases in the world. To name a couple: Site of the Week at Abduzeedo, Featured at CssMania, Textures In Web Design: Examples And Best Practices at Spyre studios, Featured at DesignFlavr, Featured at DesignSnack and the list goes on and on.

I’ve also been asked to do an interview twice. Luc Arnold interviewed me for Spicy Webdesigners and you can read the interview here: Rogier Strobbe is the man behind Frish Design Studio out of the Netherlands. And fellow dutchman Edgar Leijs interviewed me for a dutch web magazine called Heeftstijl about the state of dutch webdesign. You can read the entire interview here: Klompen, tulpen, kaas en webdesign? (if you can read dutch off course).

A lot of people wanted to know what font I used for the logo. It’s actually an adaptation of Rockwell, called Sketch Rockwell.

The pageviews went through the roof and my site skyrocketed into the Alexa top 100k (even though that doesn’t really say anything, does it?). But it’ll be interesting to see if I can keep the pageviews on the same level they’re at now. I’ve got some interesting posts coming up!

Stay tuned!

My thoughts on the iPad

Posted on: January 28th, 2010 | Category: Hardware

Call me on this day and I’ll pay attention.

Credits.

New features and functionality for Adobe Browserlabs

Posted on: January 15th, 2010 | Category: Software

Yesterday Adobe added new features and functionality to Adobe Browserlabs.

The New functionality:

  1. Save Locally: Save screenshots generated by BrowserLab in either 1-Up or 2-Up views. This lets you capture renderings of your web pages in different browsers, to save for easy reference or sharing with clients and colleagues.
  2. Dreamweaver Extension Update

I don’t use Dreamweaver, but the ability to save the screenshots is very nice.

If you don’t know what Browserlabs is: “Adobe BrowserLab is an online hosted service that lets you test the pages of your web site across a variety of web browsers and operating systems. The service works by taking screen shots of your web pages in different browsers, and then displaying them in the BrowserLab application window.”

Dropbox rox my sox off

Posted on: January 9th, 2010 | Category: Review

DropboxYeah, I know.. crappy title but hey.. it’s my blog. Anyway, I know I’m a bit late to the party, but Dropbox really changed the way I handle most of my files online. If you are mailing files to yourself on a daily basis, then Dropbox might also be for you.

Dropbox is an online cloud-based file storage system. What makes it great is that it syncs automatically both on the web and on every pc where the dropbox client is installed. I used to mail files to myself, so I could use them on my work pc, home pc and my laptop. But now they’re automagically synced between all those pc’s!

You’ll get 2 GB of space with the free plan, but if you use this spammy referral link, you’ll get 250 mb for free extra!

They also offer a Dropbox iPhone app. Now if only they would make an Android app, then my life would be complete.

Tags: , ,

Proudly presenting Frish.nl v3.9

Posted on: December 31st, 2009 | Category: Site

So here it is, the third incarnation of Frish.nl. Wow, I can’t believe I actually finished the site. I think I started working on the design like a year and a half ago, but you know how it goes, sometimes life, work and other responsibilities get in the way. Sometimes I would work on the new site for a couple of hours, followed by months where I didn’t work on it at all. But I wanted to finish it before the year’s end, and here it is! Still needs some tweaking here and there, but overall I’m pretty satisfied with the result.

I am still running WordPress, but I also moved all content from my Singapore-powered portfolio site to WordPress. After all.. it’s much easier redesigning when you only have to build templates for one CMS. My portfolio is now located at http://frish.nl/work.

I tried to keep the amount of plug-ins used to a minimum and build most of the site using standard wordpress functionality (like custom frontpage and using the built-in wp functions). The plug-ins I used: Akismet (off course), Breadcrumb NavXT, Contact Form 7, Google Analytics for WordPress, Page Sidebars and Twitter Tools.

If you find any bugs, please let me now or you can tell me how much you like the new site in the comments ;)

It’s good to be back!

Top tip: When you’re interviewing designers, look at their portfolio

Posted on: July 15th, 2009 | Category: Design

I’ve been in the “internet” industry for quite some time now and I am still amazed by the amount of managers who don’t even bother to look at the portfolio of the designers that are applying for a design-job.

All they do is look at the skillset and the companies these people used to work for. We all know most people lie on their resume, so why do most managers don’t even require an online portfolio and just go with a bunch of text?

Even more amazing is the fact that a lot of so-called webdesigners that are applying for a job don’t even have an online portfolio (and believe me, I have seen many of them).. Hey.. newsflash.. if you are a webdesigner and you don’t have an online portfolio don’t even bother to apply at the company I work for..

I doesn’t even have to be the world’s most stunning portfolio, just a quick overview of your work is enough. A quick way to get your portfolio up and running in no time is to use Indexhibit. Get’s the job done – and quick.