• Top Members
    Reps
    Posts
  • 834 Replies
    2585 Replies
  • 716 Replies
    2026 Replies
  • 331 Replies
    1928 Replies

Happy Code (stop being sad)

User avatar
Codex
Coding God
Posts: 2026

Happy Code (stop being sad)

Sat Sep 27, 2014 4:30 pm

Hey,

So I've been really bored of my school related work, so I decided I wanted to refresh my thoughts and make a quick design for a future project I'm working on. I made this in like 1-2 hours (it didn't take me 2 hours to code it, but 2 hours including the distraction xD)

Preview:
Image
(Make sure to view in full size)

Hover effect on the boxes
Image


So what are your thoughts on the design ?
I won't really describe what the project is, that is left for you to figure out ;) Think of this as a teaser. I am hoping with all the (not) free time I have, I will be able to finish it by December-January (hopefully).

- Codex
We shall let the revolution begin.. the revolution for freedom, freedom against censorship. We shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender

User avatar
CodenStuff
Site Admin
Posts: 4387

Re: Happy Code (stop being sad)

Sun Sep 28, 2014 11:06 am

Some type of banner maker type thing? :?

Looks good cooll;
Welcome to CodenStuff.com Learn Code, Love Code. Thank you for being a member of the community.

User avatar
clanc789
Coding Guru
Posts: 786

Re: Happy Code (stop being sad)

Sun Sep 28, 2014 12:14 pm

Looks good :D So far I like it. Though I wonder the same as Cody currently :P
Practice makes perfect!

VIP since: 6-10-2011

User avatar
Codex
Coding God
Posts: 2026

Re: Happy Code (stop being sad)

Sun Sep 28, 2014 6:17 pm

Those banner headlines were examples only. The point wasn't to be creative, it was basically Lorem Ipsum. So it's not a banner maker

Thanks for the feedback #CodenStuff and #clanc789
We shall let the revolution begin.. the revolution for freedom, freedom against censorship. We shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender

User avatar
CodenStuff
Site Admin
Posts: 4387

Re: Happy Code (stop being sad)

Mon Sep 29, 2014 12:28 pm

Who is Lorem Ipsum? :lol:
Welcome to CodenStuff.com Learn Code, Love Code. Thank you for being a member of the community.

User avatar
Codex
Coding God
Posts: 2026

Re: Happy Code (stop being sad)

Mon Sep 29, 2014 6:29 pm

CodenStuff wrote:Who is Lorem Ipsum? :lol:
Oh well, uncle Lorem Ipsum sends his regards.
Reliable Person wrote:In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content that could be distracting with placeholder text may allow viewers to focus on graphic aspects such as font, typography, and page layout.
We shall let the revolution begin.. the revolution for freedom, freedom against censorship. We shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender

User avatar
Codex
Coding God
Posts: 2026

Re: Happy Code (stop being sad)

Sun Nov 02, 2014 4:59 pm

Here is a small bumb update, I have added a second page, which links to the boxes. You can view it here (thanks to #comathi for hosting it): http://codex.comathi.com/comicomicomicomicomi/
I have used this bounce for the bouncing effect.

Any feedback ?
We shall let the revolution begin.. the revolution for freedom, freedom against censorship. We shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender

User avatar
SumCode
Dedicated Member
Posts: 57

Re: Happy Code (stop being sad)

Sun Nov 02, 2014 7:25 pm

I actually really like the new update. It reminds me a little of Stories for Your Screen Although I would suggest when you click the down button that it scrolls down instead of abruptly moving down

User avatar
Codex
Coding God
Posts: 2026

Re: Happy Code (stop being sad)

Sun Nov 02, 2014 9:24 pm

SumCode wrote:I actually really like the new update. It reminds me a little of Stories for Your Screen Although I would suggest when you click the down button that it scrolls down instead of abruptly moving down
While I initially got the inspiration from medium.com, Stores for your screen looks really nice. Thanks for the feedback #SumCode. I wanted to implement the scroll effect so it's smoother, just didn't have time xD, it wasn't part of my procrastination.

Edit: Apparently I had an extra bracket which caused my css to not show correctly (the content div was not centered with margin), however I have fixed it now.
We shall let the revolution begin.. the revolution for freedom, freedom against censorship. We shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender

Post Reply

Return to “Work in Progress”