#henrik http://bihe.posterous.com development and technology stuff posterous.com Sun, 15 Apr 2012 01:15:00 -0700 DerbyJS, a Node MVC Framework http://bihe.posterous.com/derbyjs-a-node-mvc-framework http://bihe.posterous.com/derbyjs-a-node-mvc-framework

For me Node is difficult to start behause it takes time to assemble all the necessary modules, ... I always wanted a full stack framework. Ok, there is Geddy, but it feels not right for me. But looking at DerbyJS - fantastic. Finally Node and fun.

Quite the same approach but not so node-standard ist Metor.

For now I will give DerbyJS a try

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Mon, 02 Apr 2012 00:19:20 -0700 Javascript lib for lazy image loading http://bihe.posterous.com/javascript-lib-for-lazy-image-loading http://bihe.posterous.com/javascript-lib-for-lazy-image-loading

To increase the speed of the page it helps to lazily load image resources. A standalone javascript library for this task can be found here.
Github fasterize/lazyload 

To use it just add the script and change the images to this format.

<img data-src="real/image/src.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) />

 

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Mon, 06 Feb 2012 23:54:00 -0800 Javascript UI Dialogs http://bihe.posterous.com/javascript-ui-dialogs http://bihe.posterous.com/javascript-ui-dialogs

Nice one > UIKit. Might be an addition to my basic template of choice.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Mon, 06 Feb 2012 22:37:00 -0800 Flashless page-flip http://bihe.posterous.com/flashless-page-flip http://bihe.posterous.com/flashless-page-flip

Some time ago this could only be done with Flash. Now it works if you have a decent browser installed (chrome, ff10, ...). Se it in action >> turnjs.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Wed, 25 Jan 2012 22:33:00 -0800 Inline edit http://bihe.posterous.com/inline-edit http://bihe.posterous.com/inline-edit

This one could be quite useful for inline editing >> Jeditable

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Sun, 18 Dec 2011 02:42:00 -0800 Using Twitter-Bootstrap with DataTables http://bihe.posterous.com/using-twitter-bootstrap-with-datatables http://bihe.posterous.com/using-twitter-bootstrap-with-datatables

To display tabular data I rely on the DataTales jQuery Plugin. Really nice UI and easy backend integration. For a new mini project I wanted to style the UI of DataTables the same as Bootstrap. I was quite lucky because someone already did this for me.

There is a blog entry on the DataTables blog giving an overview of how to achive this.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Wed, 07 Dec 2011 02:14:00 -0800 Suggest Textbox http://bihe.posterous.com/suggest-textbox http://bihe.posterous.com/suggest-textbox

Nice suggest effect with jQuery.suggest.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Mon, 05 Dec 2011 22:47:00 -0800 Automatically save forms http://bihe.posterous.com/automatically-save-forms http://bihe.posterous.com/automatically-save-forms

Save form input automatically to local storage aka autosave sisyphus.js

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Tue, 15 Nov 2011 22:48:00 -0800 HTML5 UI http://bihe.posterous.com/html5-ui http://bihe.posterous.com/html5-ui

For my next fun-project I will try out this combination.

HTML 5 UI framework
Template bootstrap (already used, is perfect)
Backend implementation (already like this one) 

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Sun, 30 Oct 2011 23:50:00 -0700 Simplify dynamic JS applications http://bihe.posterous.com/simplify-dynamic-js-applications http://bihe.posterous.com/simplify-dynamic-js-applications

Just found this nice pice of Javascript. Knockout.js helps to build highly dynamic and maintainable Javascript applications by means of a MVVM approach.

Will try it out on my guesthouse reservation logic and give more info. >> Knockout

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Wed, 12 Oct 2011 22:27:00 -0700 Notifications http://bihe.posterous.com/notifications http://bihe.posterous.com/notifications

Nifty notifictions using JQuery/JQueryUI.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Tue, 11 Oct 2011 23:18:00 -0700 Lookup data with JQuery UI Dialogs http://bihe.posterous.com/lookup-data-with-jquery-ui-dialogs http://bihe.posterous.com/lookup-data-with-jquery-ui-dialogs

Peter Hilton showed a nice example how to do play-based JQuery UI lookup dialogs to select data. This approach is really neat, I would have done more javascript client code and HTML stuff instead. See the original post.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Sun, 04 Sep 2011 23:25:00 -0700 Tooltips http://bihe.posterous.com/tooltips http://bihe.posterous.com/tooltips

Colortooltips using JQuery again.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Tue, 30 Aug 2011 03:48:00 -0700 JQuery API documentation http://bihe.posterous.com/jquery-api-documentation http://bihe.posterous.com/jquery-api-documentation

Nice way to display the jquery api doc including fast search.

>> jQAPI

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Sun, 28 Aug 2011 22:40:00 -0700 Display data aka real datagrids http://bihe.posterous.com/display-data-aka-real-datagrids http://bihe.posterous.com/display-data-aka-real-datagrids

From now on I will always use datatables for this task - using the remote method.

Remote datasource

JSON return format

 

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Sun, 28 Aug 2011 22:36:00 -0700 Enhance select boxes http://bihe.posterous.com/enhance-select-boxes http://bihe.posterous.com/enhance-select-boxes

World class select boxes using Chosen.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl Thu, 18 Aug 2011 23:23:00 -0700 Pure CSS3 Spinner http://bihe.posterous.com/pure-css3-spinner http://bihe.posterous.com/pure-css3-spinner

Use this excellent JS based spinner >> spin.js

Found at webappers.

Permalink | Leave a comment  »

]]> http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/hdKYLhujzUJSO Henrik Binggl henrik Henrik Binggl