Frontpage is completed! Going on with the inner styles, I already have a little framework I did but I'm going to polish it. More details soon.
![]()
Frontpage is completed! Going on with the inner styles, I already have a little framework I did but I'm going to polish it. More details soon.
![]()
I wonder if the 12 year old players will like the layout.
I'm in love with it, if this doesn't work out you should use the layout for something different. It is a top-tier layout, the most professional sites I know don't even have such a nice style.
- - - Updated - - -
The hover shadow might be a bit too extreme, but that's all I have to say.
Who doesn't like Material Design? Besides, they're gonna see it on their phones, and soon on the web, so the kiddos have to get used to it!
Also, I don't plan this to be top-tier, I'm just practicing with the Google MD guidelines, that's why I made it for Habbo. I will do a better version for my future non-habbo projects for sure.
Began the javascript part, dynamic modals finished.
![]()
Last edited by Ray Boccino; 02-02-15 at 10:33 PM.
Beginning the registration page. Just did a nice transition. VIEW FULLSCREEN! (http://i.imgur.com/XSK1qwU.gif)
![]()
One freaking hour to do this; Material Design is exhausting dude. The input animation is CSS only, no js.
![]()
@azaidi
CSS3 keyframes
Frontpage + Registration gif of what I have so far. VIEW FULLSCREEN (http://i.imgur.com/9yMT2kZ.gif)
Too bad I didin't find a way to display the checkbox style in Mozilla, it should look like this (in Chrome)
Full screenshots (http://i.imgur.com/mK1P8PH.png, http://i.imgur.com/f2dgEAW.png)
Really cool beans.
Design-wise, MD is a good choice, I hope people will appreciate it, maybe a bit too much shadows on some hovered elements. Maybe try to let the shadow how it is on the button when it's not hovered and replace the shadow expension by a color shade variation on the button.
AFAIK the md buttons have that shadow, and not a color shade. However, I agree it may be too shadowy. I'll reduce it.
Finished registration, do the boxes look nice? Remember to view fullscreen! (http://i.gyazo.com/c2c34ad0057ef77c405daaebef673b0e.png)
![]()
Full GIF, I don't really want to do the registration ajax driven, keepin it simple.
http://i.imgur.com/MmclXWg.gif
@Wotsuba
It does have a cache system, please read the thread before posting!