Show DevBest IntactDev: Coming Soon

[IntactDev]

Here is just one of the first little templates I've ever made, with the help from a few members. Can you make suggestions, and rate it please? Thanks.

Check it out here:

You must be registered for see links

CREDITS:

IntactDev --> 80% [Coding & Designing]

You must be registered for see links

--> 10% [Critiquing the design]

You must be registered for see links

--> 10% [Critiquing the design]

 

[Sysode]

I like the background and the design as a whole.

How about adding some effects when hovering over the social icons and "notify" button? Also, maybe some jQuery when you focus on the input field for the url?

 

[Markshall]

I like it, it's pretty nice.

But you could've saved yourself a few lines of code in your CSS. At the minute you have:

.social-facebook {
	background: url(../images/social/facebook.png) no-repeat;
	width: 64px;
	height: 64px;
	float: left;

	padding-right: 150px;
}

.social-twitter {
	background: url(../images/social/twitter.png) no-repeat;
	width: 64px;
	height: 64px;
	float: left;

	padding-right: 150px;
}

.social-youtube {
	background: url(../images/social/youtube.png) no-repeat;
	width: 64px;
	height: 64px;
	float: right;
}

What you could do is:

.social-icon {
    width: 64px;
    height: 64px;
    float: left;
    padding-right: 150px;
}

.social-icon:last-child {
    padding-right: 0;
}

.social-facebook {
    background: url(../images/social/facebook.png) no-repeat;
}

.social-twitter {
    background: url(../images/social/twitter.png) no-repeat;
}

.social-youtube {
    background: url(../images/social/youtube.png) no-repeat;
}

And then in your HTML, do this:

<div class="social-icons">
    <a href="http://twitter.com/IntactDev">
        <div class="social-icon social-twitter"></div>
    </a>
    <a href="http://facebook.com/IntactDev">
        <div class="social-icon social-facebook"></div>
    </a>
    <a href="http://youtube.com/IntactDev">
        <div class="social-icon social-youtube"></div>
    </a>
</div>

It's more professional and saves code in your CSS. Hope it helps, if you decide to go with it.

 

[Mee]

Bring the social icons closer together, they're too far split. Otherwise it looks nice

 

[Alam]

May I ask what 'IntactDev' is going to be?

 

[IntactDev]

May I ask what 'IntactDev' is going to be?

A simple portfolio for myself.

 

[Predict]

I don't like the domain, sounds like some paki made it, .nu
You need to cross-browser your CSS

 

[IntactDev]

You must be registered for see links

the domain is temporary, and it works on every browser except IE... which is the least of my priorities, imo.

 

[Markshall]

This is how it looks in IE 10. You should do a default

background: #hex;

so browsers that don't support linear-gradient can at-least have a background.

 

[Brought]

Looks great!
And also glad to see that people took advantage of the free .nu domains while they could!

 

[IntactDev]

You must be registered for see links

I did it, does it work better now?

 

[Markshall]

You must be registered for see links

I did it, does it work better now?

Sure does, good work.

 

[griimnak]

I like the font you used. What's the name of it?

 

[RastaLulz]

Personally not a fan, way too much green - hurts my eyes.

I'd recommend going with a more neutral color, like blue. I'd also recommend making the social network icons the same width as the email input bar to add some symmetry.

 

[Bleep]

Ah, I like the font. Quite similar to the one

You must be registered for see links

uses? What font is it?

I think the site's pretty good.

 

[Markshall]

Ah, I like the font. Quite similar to the one

You must be registered for see links

uses? What font is it?

They are called "Lobster" and "Zwodrei", you can check by viewing his CSS code.

 

[BR4DLEY]

Looking very Nice, Good work!