NUB website redesign

Northern University Bangladesh (NUB) has contacted LoooGo to redesign their university website, and Looogo team has designed as their new look and feel.

NUB New look and feel

NUB - Before

Posted in New project launch | Tagged , , | Leave a comment

New website – E-commerce webshop for Diamond Jewelry

New website – E-commerce webshop for Diamond Jewelry called Daras Diaamond has been uploaded.

there is a special funtionality  of this is dynamic ajax based filtering. have a look at http://www.darasdiamonds.com/rings/soiltaire-rings

Posted in New project launch | Tagged , , | Leave a comment

New Web directory in PHP/CakePhp uploaded

LoooGo has successfully delivered new web directory for a USA client, this will be used for “virtual trainers | virtual coaches | video chat on xbox kinect  ”

we have used cakephp/mysql to build the website.

check it out here

 

Posted in New project launch | Tagged , , , | Leave a comment

Combining Modalbox & CakePHP

I’m pretty sure this can be implemented more elegantly, but I’ll describe my attempt to unite Modalbox with CakePHP 1.2.

First example – a modal box view
This example shows the steps I’ve taken to flavour a freshly baked cake app with modalbox. The starting point is a customer model, a controller and some basic index, view and edit views.
Showing a cakephp view in a modalbox, is just a few snippets away. Just make sure you include prototype, scriptaculous and the modalbox javascript and the modalbox css file in the default layout…

1
2
3
4
5
/app/views/layouts/default.ctp:
echo $html->css('modalbox');
echo $javascript->link('prototype');
echo $javascript->link('scriptaculous.js?load=effects');
echo $javascript->link('modalbox');

Then create the appropiate link to the view you want to load inside the modalbox. For example, if you want to show customer details from the customers/index.ctp view:

1
2
# ...somewhere in the loop that lists customers:
echo $html->link('View', array('action' => 'view', $customer['Customer']['id']), array('title' => 'Customer details', 'onclick' => "Modalbox.show(this.href, {title: this.title, width: 400}); return false;"));

Make sure you use the RequestHandler component so that the customer view is displayed in the ajax.ctp instead of the default.ctp layout. You can do this by making sure the following line is in /app/app_controller.php:

1
var $components = array('RequestHandler');

And… there you go! When you click the view link, the modalbox slides in, while the rest of the page dims to gray. When you hit the escape button, click the little ‘X’ or click anywhere in the gray area, the modal box slides back where it came from.

Ok, now forms!

This is where the example pages don’t seem to apply anymore. Or… this is where my concept of AJAX, CakePHP, Modalbox, etc. is fundamentally wrong… you tell me!

By calling an ‘edit’ view instead of the ‘view’ view, you’ve got yourselves a form inside the modalbox! Also very nice!
After submitting the edit form, you’ll get redirected to the index page again. That’s when the form validates.
Wait until you omit a required field. Instead of the index page, you get redirected to the edit form itself rendered in the ajax layout. There’s no single line of code yet that makes sure that the form will end up in the same modalbox.

To solve this, you need to replace the $form->create call in the edit view by $ajax->form. The form, starting with the tag generated by the Ajax helper, will submit using XMLHttpRequest instead of a normal HTTP request. In this way, the modalbox stays open and will be filled with whatever the form returns!

This was the form-helper call:

1
echo $form->create('Customer');

…and the ajax-helper equivalent:

1
2
3
4
5
echo $ajax->form('edit', 'post', array(
'model' => 'Customer',
'url' => array( 'controller' => 'customers', 'action' => 'edit'),
'update' => 'MB_content'
));

In order to make the Ajax helper available in the view, make sure you have included it in the controller:

1
var $helpers = array('Html','Javascript', 'Ajax');

I’m still wondering why the calls aren’t a little bit more alike…

This brings us one step closer…. or one step too far??
All content will be rendered inside the modalbox. We need to tell modalbox when it’s not needed anymore. For example, when the form validated.

This can be done with a small javascript function that we define in the Default.ctp layout:

1
2
3
4
5
6
7
8
9
10
11
12
13
function closeModalbox()
{
if ($('closeModalbox')) {
// hide the modal box
Modalbox.hide();
// refresh the current page
location.reload(true);
} else {
// resize to content (in case of validation error messages)
Modalbox.resizeToContent()
}
return true;
}

The function checks if there’s a div element with id=”closeModalbox”. If that is the case, it will close the modalbox and refresh the current page. Which, in itself is not so Ajax….(but it works great!)
If it can’t find the div element, it will resize the modalbox to it’s fresh content. To make sure the function is called, we can hook it into the Ajax form by adding the following line to the options array:

1
'complete' => 'closeModalbox()'

In the edit view, we need to make sure that the closeModalbox-div is echoed conditionally:

1
if (isset($closeModalbox) && $closeModalbox) echo "<div id='closeModalbox'></div>";

The $closeModalbox variable is, in his turn set from the controller after the data is successfully saved.

Last, but not least…. it’s relatively simple to be able to fall back to a non-ajax form.

Code
And since you probably allready lost the overview, here’s the complete source code

i hope this can be implemented if yo want any form on pop-up box..

 



Posted in php/mysql/cakephp | Tagged , , , , , | Leave a comment

Design text logo in 5 easy steps by using Adobe Illustrator

It’s really very easy to design a simple text logo by using adobe illustrator.

So, We gonna create something like this :

Step 1: Outline your text :

Here is the text outlined.

Step 2: Offset your path:

Go to Object > Path >Offset Path

Enter a negative value in order to make the offset “inside” the original.

Click OK and there Illustrator does all the work for you.

Step 3: Fill your new path with white

Your new offset path should still be selected after you clicked OK, so now is the perfect time to make your fill. I used white, generally the universal “glossy” color.

Step 4:  Make your cut

With the rectangle tool, make a white rectangle that covers the part of the reflection you would like to remain visible.

Now, this is why I used a “white” rectangle. with the square still selected, go to Select>Same>Fill Color, and you will have selected everything you need for the cut.

Hit the “Crop” button in the Pathfinder window to get rid of all the paths that are outside of the rectangle. (Window>Pathfinder)

Our new look has now been made.

Step 5: Adjust the opacity

Lastly you will get something like this at the final stage.

Posted in Uncategorized | Leave a comment

New e-commerce project launch

After few weeks of hard work.. we finally delivered an e-commerce website, called Sari closet.  http://www.saricloset.com/

this ecommerce website was built in opensource shopping cart opencart and cms (content management system) wordpress,

 

Thanks to Looogo team for their hard work !

 

Posted in New project launch | Tagged , , , | Leave a comment

10 World famous restaurants website

The restaurant business is one of the largest categories of business in the world. Though taste is generally the central focus, design and look are just as important when it comes to showcasing products, restaurants and recipe websites. Restaurant websites are a enormous place to find inspiring designs and also to check out some nice ways of displaying photographs within a design.

In this article i will represent some beautiful examples of restaurant presenting websites. These restaurant websites are both enjoyable design themes and usability in navigation. The following websites belong to world famous restaurants. They provide much information and at the same time give a friendly, pleasurable feel to the visitors. People may browse and download menus, book a table or order the home delivery of the food.

1.  lavistanz

Looogo2.marinosrestaurant

3. hoddows-gastwerk

Looogo4. zazoulounge

5. nuevo-aurich

6. jakesrh

Looogo7.Guy Savoy

8. Culinaria

9. sottosotto

10. lamaisonbisson

Author: web design company in Bangladesh


Posted in Web design company in Bangladesh | Tagged , , | Leave a comment

LoooGo new website

Finally we are there!.. LoooGo is going to launch their new website .. stay tune ..

Posted in New project launch, Uncategorized | Tagged , , | Leave a comment