Labs
Currently Viewing: Websites
Mootools wrapInner
Today I worked on a project which was using jQuery and have encountered a nifty little function called wrapInnner. What it does is wraps the html contents of the element calling it with the element that is being passed to the function. Here’s a very simple jQuery example:
<div id="user">My name is Pedro</div>
$('user').wrapInner($("<span class='red'></span>"));
will produce:
<div id="user"><span class="red">My name is Pedro</span></div>
I’ve tried doing the same in mootools using Element.wraps but it doesn’t accept html, it only accepts the id of an element or an element itself. There was no other Element method that could accomplish this task so I decided to write one. And here goes the implementation of wrapInner for Mootools:
Element.implement({
wrapInner:function(e){
this.clone(false,true).adopt(
$(e).set('html',this.get('html'))
).replaces(this);
}
});
and the same example using mootools wrapInner:
<div id="user">My name is Pedro</div>
$('t').wrapInner(new Element('span',{'class':'red'}));
will produce:
<div id="user"><span class="red">My name is Pedro</span></div>
The above implementation is very simple, it does not accept function as a parameter but it does accept an id or element.
BattleBlasters for the iPhone
Instead of writing an in-depth review, let me just say that along with Zenonia and Inotia this is my new favorite iPhone game. Super addictive, and super fun. Here’s a video preview.
Get it on iTunes, http://itunes.apple.com/us/app/battle-blasters/id344610797?mt=8
Website design. Great resource for choosing the right company.
We have been introduced to a rather interesting website a few weeks ago. Haystack (http://haystack.com) developed by the guys from 37signals (http://37signals.com) is a directory of website designers and website design firms, showcasing their best work as well as the budgets they work within. To a potential client, this can be a great tool in choosing their next website design company, based on both their skill as well as their prices. Check us out on Haystack, at http://haystack.com/company/2309-3magine-inc
Diamond Chooser - Custom Flash App with a little help from Maya
One of my recent challenges was to create an application for one of my clients that will enable the end user to be able to choose custom diamond band. Project requirements were pretty straight forward, such as choosing diamond shape, carat size and band color. I had few ideas before I finished reading specs to use vector graphics in flash to manipulate different shapes of diamonds and sizes as well as band colors. However in the end of spec sheet it stated that the entire application should look as much realistic as possible. › Continue reading
New “Clean” Wordpress Theme - Free Download
We have designed our very first Wordpress theme. The idea was to keep it very simple and clean, and we hope you like the results. If you have any suggestions on improving this theme or on any future themes, please leave a comment.
Mackie Group soft launch
We just soft launched a brand new website for Mackie Group, based off Wordpress as a CMS. Mackie is a premier single-source logistics solutions provider in Canada. Check out their new website at http://www.mackiegroup.com and let us know what you think.
NorthStarMortage.ca launches
We’re happy to announce that we’ve just launched a brand new website for NorthStarMortgage (www.northstarmortgage.ca), Canadian mortgage brokers offering the best mortgage rates from over 75 Canadian mortgage lenders.
If real life were like dealing with a bad client.
Pretty funny video. This happens in the web design and development world way too often. Enjoy.
Updated Flash Intro for BmwClient.com
We’ve just updated the flash intro on http://www.bmwclient.com with some pretty cool effects, and the brand new bmw m3.
Optimize your websites for speed and performance.
Read our article on speeding up and optimizing your websites at Optimizing Websites for High Performance