Saving a HTTP request by combining screen and print styles

Instead of defining two stylesheet links in your head tag, you can define one and for screen & print styles and divide the different styles in the one stylesheet.

@media screen {
	body { font-size:14px; }
}

@media print {
	body { font-size:10pt; }
	h1, h2, h3 { page-break-after:avoid; }
}

Read the full article at the blog of Geert De Deckere

Posted in css, frontend development | Tagged , , , | Leave a comment

The fun theory

Could it be that making something more fun to use actually make more people use it? For instance by changing a glass recycling machine into a Bottle Bank Arcade Machine? See for yourself

More videos and info about this concept can be found on: thefuntheory.com

Posted in Uncategorized | Tagged , | Leave a comment

Meet the super-light HTML prototyping toolkit

This surely is one of the coolest things I’ve seen! I’m always struggling with building prototypes ’cause I’m an HTML-kinda guy. Check out this video, and most important, the related blogpost! Big up for jibbajabba.

Posted in prototyping, usability | Leave a comment

The right solution for my server problem

When I bought my first shared hosting, I hosted a small community, some linked assets and that was about it. With the growth of the community, I had to look for a solution for our bandwidth that exceeded our maximum. So I switched hosts, went from 50MB webspace to 500MB, and instead of one domain, started hosting 3, 4 extra domains. Time went on, the little community disapeared, I started hosting more websites (part of my own, some for friends). So the problem was no longer bandwidth or available webspace, the problem became uptime and server management. Two problems that couldn’t be solved with the current provider, so a solution was needed. The uptime was a pain in the ass, as the promised 99,99% is neglected. The server management still is an issue, because using the right tools and technologies, like a UNIX server with shell access, GIT, SVN, etc… would come in handy, it would definitely get the workflow tighter, getting rid of the lost time in exporting files from a versioning system, uploading them with some kind of ftp app and all sorts of other issues that makes me loose time, valuable time…

As I started looking for solutions, the first thing that came to my mind was a virtual private server. Looking at different providers and after talking to Thijs Feryn from combell, a combell vps was a possibility. The OS of choice would be a Darwin Freebsd, the core of apple’s OSX. So I started saving some money until… something strange happened. The apple store went down and a whole new line-up of iMacs and mac mini’s were presented, and one of the mac mini’s is … a server, running the allmighty snow leopard server

1c6295bf63eopard

So I started thinking about a mac mini server, and maybe some colocation at easyhost. The problem is that is would cost me 75 euro a month. Which is more than the VPS at combell. The advantage is that I have the snow leopard server GUI. I kept looking for a solution for my problem, and I think I’ve found one! November 20, 2009 I’m planning to move. My girlfriend and I have decided to live together, and therefore, I have to look for an internet providor. So maybe I could host my mac mini server at home, with a 1TB time capsule as a back, an optional UPS, a static IP address and a high speed internet connection. The biggest issue on my plate right now is which provider would be the best choice? Telenet is blocking all ports under the 2000 range, so I guess they’re not really an option… Maybe belgacoms ADSL2 would be a good choice?

So if you have any experience in the hosting business, host your own server, work for a providor or you’re just a guy/girl willing to give his/her opinion, I would say: Fire away!

Posted in apple, snow leopard server, webserver | 2 Comments

JQTouch: Jquery plugin for mobile web development

This is some cool stuff. A jquery plugin allowing you to build solid iPhone webapps. If you have an iPhone you should definitely check out the examples.

Otherwhise, check out this screencast, it’s really neat!

Posted in frontend development, jquery, user experience | 3 Comments

Discovering magic: the ident engine

Ident engine profile search joggink

Most of us create identities across the web without much conscious thought. We fill in profiles, upload photos, videos, reviews, and bookmarks. Although this information is often public, it’s fragmented into the silos of individual websites. Wouldn’t it be a little magical if, when you signed up for a new site, the site said something like, “We notice you have a profile photo on Flickr and Twitter, would you like to use one of those or upload a new one?”

Full article

Glenn Jones has written a javascript library that collects data from different social profiles. It currently supports 70 sites and 142 endpoint mappings. Now that’s some real magic! You can download this engine for free at identengine.com.

He also did a presentation about blending social graph data and other open data sources at Twiist.be in Leuven.

Posted in frontend development, javascript, user experience | Leave a comment

Why front-end developers are so important to the future of businesses on the web

The danger can be that front-end developers, working in a user-focused area, are seen as performing a superficial function — applying a polish to the heavy lifting done by another developer, say, or that dread comment, “making things look nice”. Let’s be clear, making things look nice is the sole responsibility of the designer. When front-end developers spend much of their time deploying underlying data received from a backend database into their views, or pages, they might mistakenly be thought of as merely translators or interpreters, transferring a graphical image — the Photoshop-ed design — into markup and style rules, purveyors of what is sometimes almost mockingly referred to as a ‘black art’ of making pixels lay out correctly onscreen. While this perception is perhaps unfortunate, it is understandable. It is a particular problem where a development workflow is — some might say artificially — segregated into database infrastructure/domain modeling/server side workflows/front-end workflows. In smaller organisations a front-end developer has the opportunity, if she wishes, to input into any of these areas. In larger organisations, the increased granularity of functional areas means those opportunities are greatly reduced, and as you can see from the segregation model above, the front-end development work comes at the end of a long chain of events and decisions which essentially shape and restrict the front-end developer’s choices.

Read the entire article

A very interesting article, written by Paul Carvill.

Posted in frontend development | Leave a comment

Bumptop 3D desktop

Seems like apples multitouch gesture took interfacing to a brand new level.

Posted in usability, user experience | Leave a comment

The Science of Aesthetics by Keith Lang

Posted in usability, user experience | Leave a comment

Arial vs Helvetica

Via Information Architects, from RagBag.

Posted in typography | Leave a comment