Show DevBest Speed Coding #2

[Kristo]

 

[Markshall]

Nice. Are the designs original or are they designs that you've found and decided to code up?

A few pointers, where you've done

.timer .days-wrapper,
.timer .hours-wrapper,
.timer .minutes-wrapper,
.timer .seconds-wrapper { /*styles here*/ }

You can cheat and do it like this

.timer [class$="-wrapper"] { /*styles here*/ }

This will select any element whose class ends in "-wrapper" within the timer div. You can even specify which types of elements too

.timer div[class$="-wrapper"] { /*styles here*/ }

So if you've got multiple types of elements (div, span, img, etc) whose class may end in "-wrapper", this will only select the divs that end in "-wrapper"
After seeing that, it probably won't surprise you to learn that you can apply pseudo classes to them

.timer div[class$="-wrapper"]:hover { /*styles here*/ }

Another thing, I noticed you were using vendor-prefixes for box-shadow, border-radius and transition. This is no longer required. These CSS features are now supported by all major browsers.

You must be registered for see links

You must be registered for see links

You must be registered for see links

It would have been nice to get a finished preview at the end though, I feel cheated

 

[Kristo]

These designs are my own

 

[Markshall]

These designs are my own

Ah right. Do you showcase them on your website?

 

[RastaLulz]

You should look into using something like

You must be registered for see links

or

You must be registered for see links

. This'll allow you to use things like

You must be registered for see links

, and

You must be registered for see links

, which will make your life much easier.

 

[Kristo]

Ah right. Do you showcase them on your website?

I will be once I have finished the coding on my website. I have not yet completed the design of my main website.