Monthly Archives: February 2013

het Google WebP image formaat: klaar voor gebruik?

February 28, 2013

Vaak heeft PNG formaat mijn voorkeur bij veel operaties. Ook bij e.g. het wegschrijven van images op disk van e.g. mijn wp-favicons plugin gebruik ik bij voorkeur png. Dit komt omdat PNG een open formaat is en ergens in het verleden heb ik het ook opgepikt als de bij voorkeur te gebruiken standaard voor het web net zoals “iedereen”.  Daarentegen heeft JPG weer de voorkeur voor foto materiaal omdat JPG daarin juist weer excelleert.

Naar aanleiding van wat ik las in PC Active 267: het onderzoekje over de snelheid van verwerking van PNG (en dat het soms tot wel 50% trager rendert dan een JPG ….) (moet toch selectiever gaan zijn met mijn png versus jpg gebruik @todo) (gebruik e.g. .png NOOIT voor foto’s tenzij je houdt van performance anti-patterns) (met de note dat specifieke hardware en software dan weer optimalizaties aan boord heeft specifiek voor veelgebruikte image formats) kwam ik bij het nieuwe WebP image formaat van Google.

WebP wordt gezien als een opvolger voor het jpg formaat: (en waarchijnlijk ook png) : het ondersteunt lossy en lossless images; lossless images zijn 26% kleiner dan PNG, lossy images zijn 34% kleiner dan JPG EN het support transparancy. Het is gebaseerd op de VP8 video codec dat gebruikt wordt om te voorspellen wat de waardes zijn van pixels in een blok dat het huidige blok omgeeft (dat levert veel nullen op en daardoor kan er beter gecompressed worden), het ondersteunt animatie etc… Het is wel nog in ontwikkeling. Zie voor geheugen gebruik, performance en verkleining o.a. : https://developers.google.com/speed/webp/docs/webp_lossless_alpha_study

Dus… waarom stap ik eigenlijk nu al niet volledig over naar WebP ? En dan niet alleen voor mijn websites maar ook voor mijn complete foto collectie? (e.g. Picasa / Irfanview (MET plugin) ondersteunt het). Er is native ondersteuning in Chrome en Firefox en er zijn javascript libraries ter ondersteuning van andere browsers. Er is een plugin voor native Windows gebruik etc…?

Het belangrijkste wat me weerhoudt is dat nog zo weinig sites het gebruiken. Zelfs op de site van Google zelf wordt nog veelvoudig jpg gebruikt (voor foto’s, avatars etc…).

Waarom gebruikt nog bijna niemand dit formaat op zijn websites?

Ik ben erover aan het denken om alle images op dit blog te converteren naar webp formaat…. maar dan op een apart domein e.g. webp.leau.net. Dat zou niet meer dan 30 minuten moeten kosten omdat het een simpele copy actie is en vervolgens een auto run van de webp converterer via de *nix commandline op de server en dan simpelweg wat sql queries op de WordPress database en vervolgens een one click install van de WordPress WebP plugin. De meeste tijd bestaat dan uit wachten. Ik zou dan 2 windows kunnen vergelijken qua load. Probleem is dan alleen dat alle nieuwe posts weer gaan defaulten op png… dus ik zou datgene wat ik handmatig doe eigenlijk dan slimmer moeten schrijven zodat het gescheduled kan worden omdat dit als wp transient waarschijnlijk ten koste zal gaan van de performance zal ik dit oftewel moeten schedulen via cron oftewel via een WP Server. Maar… het idee van WP Server heb ik nog niet helemaal uitgewerkt.

Wordt ooit vervolgd.

How much does Amazon Cloud Hosting cost?

February 25, 2013

A while ago I moved the hosting for this (linux,nginx,mysql,php)(lnmp) weblog and some smaller sites to 1 reserved Amazon “server”. I wanted to give you an overview, now that some time has passed to give you an indication on how much hosting your own server in the Amazon Cloud costs so that I can more easily point someone to this blog posting in case he or she is interested in hosting some (smaller) sites themselves on Amazon.

profile: some smaller websites like a blog and some other websites e.g. a bunch of WordPress websites running on *nix

  • I ordered a reserved instance (see pricing list here: http://aws.amazon.com/ec2/pricing/#reserved) because this is cheaper : you pay a fee upfront so that your hourly rates are lower
  • I ordered the heavy utilization reserved instances because my websites are always on :)
  • I ordered within that category the “Medium Standard image” because the specs (3.75 GB Memory + 2 EC2 Units + 410GB diskspace) are what I expect to need for a couple of WordPress websites

The upfront costs for the heavy utilization reserved instance – standard medium instance Linux (m1.medium) – hosted in N. Virginia are: $ 600 ( in other words $ 16,66 per month )

Continue reading

How to terrify your guests in house with infrasound?

February 24, 2013

I wanted to test if the 18,98 Hz Frequency would strike fear into my guests at home. Your first ignorent First Test() will fail:

image

That was a stupid approach for creating InfraSound!

Sound that falls just helow the human hearing range (20Hz) at about the frequency of 18,98, strikes fear into people e.g. ghost houses have these frequences (they led to e.g. a new fan causing unhearable sounds).

So…  I will need some specific hardware (e.g. special subwoofer like http://www.rotarywoofer.com/), possibly a new sound card (did not even check yet) and  probably a specific sound .dll for coding against to experiment on my guests (see also: http://forums.makezine.com/comments.php?DiscussionID=3023 and here: https://sites.google.com/site/appliedbiophysicsresearch/sound/infrasound/infrasound-design)

To measure this I will also need some very good microphones.

This is an interesting lab experiment for the Ed-Lab, @todo

Bitcasa experiences day II

February 21, 2013

imageSo… I signed up with Bitcasa, the infinite drive, where you can store an unlimited amount of files for $99 a year. Some more experiences.

speed

I read a lot of complaints currently on the support forum of BitCasa, my upload speed varies from  about 8Mb per second to 40 kbytes/s (The speed at start might be because at the start it just buffers to the BitCasa buffer so that is a local copy…).  This was after I upgraded to the new client (1.0.0.5). I thought that it would auto update the client but apparently it does not.  I can understand that because possibly the update mechanism only updates new clients not the old beta clients. So if you are running the old client you will have manually download and install the after-beta version.

image
8mb: probably buffering to bitcasa cache
image
48 kbytes/s: the real deal

I’m not particular worried about speed. On this moment I’m just offloading backups to BitCasa which I start on one laptop and then leave it running until it is finished.

Continue reading

Are client-side trackers such as Google Analytics or WordPress SiteStats still reliable?

February 21, 2013

Long ago the we measured traffic to our site via the log files of our webserver. Pretty reliable because you can exactly measure which files are requested by whom: you woke up in the middle of the night because a certain trend in the logs made you make abrupt changes to your site.

Nowadays these logs are more or less seen as interesting for “technical issues” and not so much anymore for analysis of website traffic.

But… a couple of things happened since long ago:

  1. rise of clientside trackers – After a period of webbased “counters”, who simply insert an element in a webpage and count the number of requests along with some meta information (and which we placed on our sites just because they were cool as a graphical element), Google Analytics came on the scene and got a great following of users followed by companies using the same technology e.g. Clicky or e.g. the site stats inside every WordPress blog using JetPack. It has gotten to a point where these “counts” (page views, uniques) which were just “cool” long ago are now actually used to determine site value, marketing strategies and so on and used by a lot of folks as core metrics e.g. in Flippa they are often requested by potential buyers.
  2. rise of clientside anti tracker – However at the same time, users actively started to block these trackers. E.g. 15.527.966 users are using AdblockPlus for Firefox, 800.000 users are using Ghostery, 300.000 users are using DoNotTrackMe and there are by now zillions of products, pretty much installed by default by many users (including blocking certain hosts directly from their .hosts files) that I must conclude that the only thing client side trackers are nowadays tracking is the amount of users who are not technically enabled to install plugins or users who are actually a bot. Which Firefox users do not even have the most popular plugins installed? The Firefox users that have no clue on what a plugin is!
I estimate from my own measurements from my own traffic over sites that only 70% of the traffic nowadays is measured by client-side trackers such as Google Analytics and I expect this figure to fall.I also boldy state the this 70% of the real trafic is misleading for marketing purposes because it is the percentage of traffic of “less-computer-able-persons” or in other words: you miss the “advanced users” who install one of the countless blockers such as ghostery. And the behaviour of these type of persons is typically very different than experienced users in other words: you should definitely not base useability or hotspot pictures advices on client side tracker statistics. On top of that you won’t get any counts for persons who will leave your sites even before its completely loaded or just anyone or anything that does not load your piece of script or img.
As a counter you might argue that there is no real alternative because server-side measurements (or measurement on the DNS server such as in CloudFlare) contain a lot of false positives: bots / crawlers, all kinds of malware/threats etc…) However this is ofcourse exactly the same for clientside tracking… The main difference is that your clientside host has a list of known bots and threats that gets filtered out. This is pretty identical to what you need to do on your server-side. So this is not a real argument. The other difference is that clientside registers nothing that does trigger the client-side javascript inserts so users that only load part of your pages are also not counted and this information is also lost in the void.I therefore state that client-side measurements for analytics is now dead unless you only want to measure the 70% of traffic. You can NOT base value on these stats. You can NOT do useability analysis on these stats. You NEED the serverside information or even better, the serverside logs combined with the DNS server logs.

What is your estimate of the amount ofusers that has a client-side blocking plugin installed?

p.s. I expect a rise in statistical cloud apps that will trigger on serverside calls (so e.g. a request of my page1.aspx will trigger on the serverside a call to the statistical server of whatever cloud app for visualizing stats) versus cloud apps where you sync your webserver logs with to run analytics on a non-real-time basis (and as a note: for “the masses”). So e.g. on a Nginx based server some app that real-time monitors the ngx_http_log_module or maybe an extension on it and interfaces with a stats service on a remote server or one layer higher such as e.g. http://code.google.com/p/php-ga/ and such.

In fact … this is what I expect to be landing on my cool page somewhere soon by some hip company:

It will give me both real-time info as well as longer trail info and it will give me the technical information I need often not completely different from other essential information to understand what is going on. (I did not dive deep enough in OWA to understand if it already does the thing above).

I notice that a lot of websites from even large companies out there do not use this model since “long-tail” 404′s still exist on all kinds of places. 404′s might be a good measurement for ‘fail’: main pages on a domain might have some fancy 404 page but long forgotten sub domains that no longer exist often are deserted places. But also places that might never exist but may be interesting e.g. when I type http://forum.apple.com I would expect another reply (of course it gives server does not exist) but what if 1000 users would type this in their browsers. Would it ever get noticed by yourself on your domains?

Investeer in een 3d Scanner

February 19, 2013

Met de aankoop van een 3d printer is het natuurlijk ook handig om een 3d Scanner te hebben, je kunt dan echt een copy shop beginnen van ongeveer alle objecten die je kunt bedenken.

Op Kickstarter kun je nu investeren in de ontwikkeling van de desktop versie 3d Scanner door CadScan, en dus ook van de eerste zijn die hem in handen krijgt.

 

Als je 750 euro investeert krijg je een limited model (white). Voor 930 euro krijg je een piano black versie en voor pakweg 1000 euro eentje in elke kleur die je leuk vindt.

Oneindige opslag voor $49 per jaar bij Bitcasa doen of niet doen?

February 18, 2013

imageIk blogde al eerder over Bitcasa, waar je oneindige schijfruimte krijgt voor $99 per jaar. (en een special price: $49 voor eerste gebruikers voor het eerste jaar). Ik ben nu aan het twijfelen of ik gebruik ga maken van deze aanbieding:

  1. De software werkt goed. Ik heb deze nu de afgelopen tijd gebruikt en ik moet zeggen: al mijn gigabytes blijven netjes bewaard, sterker nog, ik kan ook nog eens oudere versies terughalen. Dus qua file opslag is het ideaal en het werkt vrij ok en snel. In tegenstelling tot sommige berichten op het net heb ik zelf geen last van traagheid.
  2. In tegenstelling tot Dropbox zijn de infinite folders ideaal: je pleurt er alles in en de storage is niet je lokale schijf maar  ergens in de cloud. Je moet dus wel altijd connectie hebben, maar thuis heb ik dat ook vrijwel altijd. Onderweg kan ik altijd een paar copietjes maken.
  3. De send to optie is ook ideaal, gelijk aan you-send-it kan ik grote bestanden doormailen of per twitter of facebook sharen.
  4. Het zou betekenen dat alles wat ik op de NAS heb staan wat puur “files” zijn (en dus niet mijn within-household web applicaties) naar Bitcasa kan sturen en het betekent dat ik me nooit meer zorgen hoef te maken over storage problemen. In tien jaar tijd is $99 * 10  = $ 1000 dollar dat is pakweg 750 euro. Gelet op het feit dat ik ook lokaal in RAID moet draaien en schijven moet backuppen is dat absoluut goedkoop. goedkoper dan een volledige NAS met schijven (maar let op het gaat over file storage niet over applicaties runnen op een server) (daar is een NAS wel handig voor).

Continue reading

Mijn HD in mijn Synology NAS is gecrashed – RAID 1 recovery

February 17, 2013

Ik krijg nogal eens vragen over het gebruiken en inzetten van een NAS binnen mature households / kleine bedrijfjes. Wat me vandaag overkwam (zie onder) is een goed voorbeeld om uit te leggen ‘hoe het dan werkt’ als een van de schijven in de NAS defect is (of om later naar te verwijzen) (bedoeld voor de lezer in die categorie die nieuw is rondom het begrip NAS).

Een NAS is een network attached storage, wat zoveel betekent dat je een stukje opslag in de vorm van een aantal harde schijven in een doosje aan je interne netwerk koppelt. Je kunt dan vanuit elke computer in je club die aangesloten is op het netwerk bij dezelfde bestanden.

Waar je wel rekening mee moet houden is dat de NAS zelf en ook de harde schijven een bepaalde levensduur hebben. Vaak levert een fabrikant een “gemiddelde tijd tussen falen” (MTBF) waarde mee in de beschrijving waarmee je betrouwbaarheid kunt berekenen (dit geldt overigens voor vrijwel alle apparaten).

Continue reading

How to style the WordPress Jetpack Twitter Widget

February 16, 2013

On millions of WordPress sites running the latest twentytwelve theme and automattic’s Jetpack the Twitter widget looks extremely crappy, just surf around:

image

… because nobody wants to spend the 5 minutes it takes to style it … so … I took 5 minutes for the widget in my sidebar because it irritated me:

image

I do realize that it needs a lot more finishing and that the UTF8 symbols are not supported on a lot of devices … but … for the 1 visitor a day on my blog… do I care enough to spend more time?

Here is the CSS code, if you have some time to style this better, please add the link to your improvements in the comments :)

.widget_twitter {-moz-border-radius:10px;border-radius:10px;border: solid 2px #ccc;padding:4px;background-color:#00acee;color:#fff;}
.widget_twitter ul.tweets li,  .widget_twitter ul.tweets li a {border-bottom:dashed 1px #fff;font-size:12px;margin-bottom:0px;color:#fff;text-decoration:none;}
.widget_twitter h3,.widget_twitter h3 a
  {font-size:13px;text-decoration:none;color:#00acee!important;background-color:#fff;-moz-border-radius:5px;border-radius:5px;padding-left:5px;letter-spacing:3px;}
.widget_twitter h3 a:before {content: url('http://www.google.com/s2/favicons?domain=www.twitter.com');}
.widget_twitter h3 a:after {content:' \2669 \266A \266B \266C';}

12