Client: MARIO ART GROUP®

Description: Mario Art Group is a group of three design studios - Mario Design, Mario Design Studio and Mario Photographic Studio. Each of these firms pursues different lines of work. The project goal of marioartgroup.com is to publish the work of these three professional design studios "under one roof" in a stylish and elegant manner measurable to the studios' quality of work.

Features:
jQuery overlay gallery: In their almost two decade history, Mario Art Group studios have completed hundreds of projects which are published on the website. The projects gallery is dynamically injected into the page via AJAX and is jQuery based. To achieve a stylish effect the gallery is overlaid on top of the page without reloading it.

Multilingual: The website is offered in two languages, Bulgarian and English. All text is shown via statically set constants via PHP's define() function. All project names and some text labels are contained in the database and are all multilingual to achieve a good final result.

Resizable background: Page backgrounds (black and white in the samples) are resampled and rendered on screen based on the visitor's resolution size, or more precisely on his viewport size. An event handler is attached to the body element of the DOM making the background resize on any change in the size of the browser window. Background resampling is done using phpThumb, cache-enabled, providing for almost instantaneous background loading for the most common screen resolutions.

Client: MARIO ART GROUP®

Description: Mario Art Group is a group of three design studios - Mario Design, Mario Design Studio and Mario Photographic Studio. Each of these firms pursues different lines of work. The project goal of marioartgroup.com is to publish the work of these three professional design studios "under one roof" in a stylish and elegant manner measurable to the studios' quality of work.

Features:
jQuery overlay gallery: In their almost two decade history, Mario Art Group studios have completed hundreds of projects which are published on the website. The projects gallery is dynamically injected into the page via AJAX and is jQuery based. To achieve a stylish effect the gallery is overlaid on top of the page without reloading it.

Multilingual: The website is offered in two languages, Bulgarian and English. All text is shown via statically set constants via PHP's define() function. All project names and some text labels are contained in the database and are all multilingual to achieve a good final result.

Resizable background: Page backgrounds (black and white in the samples) are resampled and rendered on screen based on the visitor's resolution size, or more precisely on his viewport size. An event handler is attached to the body element of the DOM making the background resize on any change in the size of the browser window. Background resampling is done using phpThumb, cache-enabled, providing for almost instantaneous background loading for the most common screen resolutions.

Client: MARIO ART GROUP®

Description: Mario Art Group is a group of three design studios - Mario Design, Mario Design Studio and Mario Photographic Studio. Each of these firms pursues different lines of work. The project goal of marioartgroup.com is to publish the work of these three professional design studios "under one roof" in a stylish and elegant manner measurable to the studios' quality of work.

Features:
jQuery overlay gallery: In their almost two decade history, Mario Art Group studios have completed hundreds of projects which are published on the website. The projects gallery is dynamically injected into the page via AJAX and is jQuery based. To achieve a stylish effect the gallery is overlaid on top of the page without reloading it.

Multilingual: The website is offered in two languages, Bulgarian and English. All text is shown via statically set constants via PHP's define() function. All project names and some text labels are contained in the database and are all multilingual to achieve a good final result.

Resizable background: Page backgrounds (black and white in the samples) are resampled and rendered on screen based on the visitor's resolution size, or more precisely on his viewport size. An event handler is attached to the body element of the DOM making the background resize on any change in the size of the browser window. Background resampling is done using phpThumb, cache-enabled, providing for almost instantaneous background loading for the most common screen resolutions.