Page 1 of 1
					
				Beautiful jquery ajax responsive website
				Posted: Thu Mar 21, 2013 1:32 pm
				by reintrichter
				http://www.grandcafepublic.nl
CMSMS 10.3
Products module for their 'diner menu' 
CGCalendar for their upcoming events
I'll check later for versions and other installed modules / udt's and post m here.
This site wouldn't be possible without cmsms. It surely demonstrates the massive flexibility. Compatible with iPad and iPhone, each device has his own display feature.
Kind regards,
Reint
RichterReclame
 
			 
			
					
				Re: Beautiful jquery ajax responsive website
				Posted: Fri Mar 22, 2013 12:29 am
				by paulbaker
				Not my cup of tea design-wise.  But a truly amazing piece of work.  Like you say, really shows off the power of CMSMS.  Must have taken many hours.  I have no idea how you managed to slant the form fields at an angle.
Great work!
			 
			
					
				Re: Beautiful jquery ajax responsive website
				Posted: Fri Mar 22, 2013 9:12 am
				by reintrichter
				Hi Paul, thanks for your comment!
Yeah, the jquery animation stuff really took some time. The 3D rotation effect of both the form fields and cylinder are done using (many, many) div blocks with all the same background image. but every div block has the background image at a slightly different position, but all have the same class. Then using jquery you can move all the backgrounds like 100 pixels to left or right. 
And with a no-repeat in the css you can easily hide the background by simply moving it out of its div block.
Anyway, as promised, here's the list with all the installed modules:
SEOTools2		1.0.5
CGExtensions		1.28.1
CGCalendar		1.9.4
FormBuilder		0.7.2
Gallery		1.5.3
TruetypeText		2.2.1
CGSimpleSmarty		1.5
Products		2.17
CGSmartImage		1.8.1
CMSForms		0.1.7
Twitter		1.10
 
			 
			
					
				Re: Beautiful jquery ajax responsive website
				Posted: Mon Mar 25, 2013 10:56 am
				by psy
				Wow, oh Wow! (would have only been one "Wow" but message minimum was 10 characters!  

 LOL)
 
			 
			
					
				Re: Beautiful jquery ajax responsive website
				Posted: Mon Mar 25, 2013 11:57 am
				by zharlize
				I just love it!!! Really awesome! I love the design, and how things slide and so on. I wish I could do something like that! 

 
			 
			
					
				Re: Beautiful jquery ajax responsive website
				Posted: Sat Apr 13, 2013 8:56 pm
				by Dr.CSS
				
			 
			
					
				Re: Beautiful jquery ajax responsive website
				Posted: Wed Apr 17, 2013 8:52 am
				by faglork
				Holy sh*t!!!
This is great work. Formerly, this would have only been possible with FLASH.
Most errors are "following errors". I think it should be possible to clean this up.
paulbaker wrote:I have no idea how you managed to slant the form fields at an angle.
Firebug 
element.style {
    transform: rotate(-2deg);
}
Cheers,
Alex
 
			 
			
					
				Re: Beautiful jquery ajax responsive website
				Posted: Thu May 09, 2013 10:30 am
				by SanderBroek
				Very well done! Knap werk!