Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,148,649 members, 7,801,891 topics. Date: Friday, 19 April 2024 at 04:05 AM

Just Started This Last Night For A Client. Tell Me What You Think. - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Just Started This Last Night For A Client. Tell Me What You Think. (1364 Views)

Top 5 Things I Wish I Knew Before I Started Blogging / A Client Offered Him 1 Million For Three Websites. Should He Take It? / Ebook: A Client's Guide To Web Design/development Projects (2) (3) (4)

(1) (2) (Reply) (Go Down)

Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 6:25am On Jun 03, 2013
Will finish everything by weekend. Tell me what you think. Just the home page for now.
http://www.ctrlshiftstudios.com/ChurchSite
Re: Just Started This Last Night For A Client. Tell Me What You Think. by greenmouse(m): 8:09am On Jun 03, 2013
The name is confusing.

Is this a church website or ICT website.?

Or who used ICT web template and yet to edit it to church website.?
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 8:44am On Jun 03, 2013
hmmm.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by miracle4(m): 8:52am On Jun 03, 2013
Very impressive and responsive too. just love the way you play around with css ----- go ahead with the full design lets check out the final result [that's when indept review should come in ]
Re: Just Started This Last Night For A Client. Tell Me What You Think. by AFOLSNETWORKS(m): 5:30pm On Jun 03, 2013
can see the beauty on small screen. May b I will hav a diferent perception when I view on wider screen.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by Nobody: 6:20pm On Jun 03, 2013
<nav><div class="nav">
<a href="http:/www.ctrlshiftstudios.com/ChurchSite"><img src="images/logo.png"/></a>
<ul>
<li><a href="#">about</a></li>
<li><a href="#">services</a></li>
<li><a href="#">work</a></li>
<li><a href="#">team</a></li>
<li><a href="#">blog</a></li>
<li class="last"><a href="http://www.ctrlshiftstudios.com/ChurchSite/contact.php">contact</a></li>
</ul></div>
</nav>

<header><div class="header">
<h1 class="h1">By delivering creative, interactive, responsive and dynamic multimedia designs and web applications, we assist you in your mission to equip the saints and reach the world with the Word.</h1>
<div class="video" id="video"><a class="fancybox-media" href="https://vimeo.com/49468725"><img src="images/play.png"/></a></div>
<div class="clear"></div>
</div>
</header>


WHY IS YOUR NAV NOT INSIDE THE HEADER? OR AFTER grin angry cool
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 6:31pm On Jun 03, 2013
Because you are yet to learn html5.
Do you know that your header can have a footer?
And yet, there will still be the main footer.
Header doesn't mean 'the first in the page.'
Re: Just Started This Last Night For A Client. Tell Me What You Think. by onyengbu: 6:32pm On Jun 03, 2013
The div where you have your intro message by the left and the Mac on the right should have a plain or at least lightly patterned background, the lines are interfering badly with the text contents.

By the way did u get the background image from Tympanus? grin grin

One of my site has that as its background cheesy cheesy
Re: Just Started This Last Night For A Client. Tell Me What You Think. by onyengbu: 6:35pm On Jun 03, 2013
GraphicsPlus: Because you are yet to learn html5.
Do you know that your header can have a footer?
And yet, there will still be the main footer.
Header doesn't mean 'the first in the page.'

We know...
He didnt say its a must, arent you guys always keen on keeping conventions?
Re: Just Started This Last Night For A Client. Tell Me What You Think. by Nobody: 6:38pm On Jun 03, 2013
GraphicsPlus: Because you are yet to learn html5.
Do you know that your header can have a footer?
And yet, there will still be the main footer.
Header doesn't mean 'the first in the page.'

lol grin grin grin

you want to tell me this is also the right way?

<html>
<body></body>
<head></head>
</html>

your naming of span and div is poor.

<nav><div class="nav"></div></nav>

why not

<nav><div class="topnav"></div></nav>

also it is a church website why i know see BIBLE or images of a church?

abi this na TECH church grin grin grin
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 6:48pm On Jun 03, 2013
Head and Header are not the same.
The former, its position cannot be altered.
The later can be anywhere.

My naming of div is the best. topNav? Do I have bottomNav?
nav as html5, then .nav. It has a way of been uniform.

Another name I usually give it is innerNav or insideNav.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by Nobody: 6:53pm On Jun 03, 2013
GraphicsPlus: Head and Header are not the same.
The former, its position cannot be altered.
The later can be anywhere.

My naming of div is the best. topNav? Do I have bottomNav?
nav as html5, then .nav. It has a way of been uniform.

Another name I usually give it is innerNav or insideNav.

KELECHUKU CLAP 4 URSELF, WELLDONE!!! grin grin grin

see you on the next thread u open. cool cool cool
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 7:04pm On Jun 03, 2013
Still working. Check:
http://www.ctrlshiftstudios.com/ChurchSite/
http://www.ctrlshiftstudios.com/ChurchSite/contact.php
Re: Just Started This Last Night For A Client. Tell Me What You Think. by yawatide(f): 8:47pm On Jun 03, 2013
I think your code could be more semantic:

1) No need for NAV tag, then a DIV with class "tag". The UL can handle anything you want it to do by itself, without needing to be enclosed in a DIV.

2) FOOTER tag is fine but no need for a DIV of class "footer". Sure, you can have DIVs in FOOTER tag but the name of your class isn't semantic

3) HEADER makes more sense above NAV, not the other way around

4) Some of your class names in general could be named better - what's h1, h2, top, noMargin? You are probably going to say, "who cares? the user will not view source, google doesn't care, this is just a first pass, it works, etc etc". These excuses (and perhaps the one you will give, assuming my list isn't on your radar screen) are still no excuse for not writing good code.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 8:58pm On Jun 03, 2013
Thank u @Yawa. The nav and the div.nav are not same. They are serving different purpose. Same with footer and div.footer.
.h1 and .h2 is a class I normally give because I dont like having more than one h1 in each doc. Now when I want two stuff to have the same font-size with h1, i give one a class of .h1.
noMargin is usually given to be used to remove a right margin from a div a earlier given a right margin.
top is used to give top margin to certain div while avoiding giving others.

header and nav can be any where. u can have multiple nav and header. Usually, nav is normally included in a header. Like this:

<header>
<nav>
</nav>
</header>

But I chose in this work to have them separate.

Thank u for finding out time to look at the codes.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by yawatide(f): 9:12pm On Jun 03, 2013
1) For stuff like noMargin, maybe you should consider using a reset.css - again, more semantic

2) In general, sure your code works but again, it's a question of whether or not the code is semantic. Having a DIV of class NAV inside a NAV tag seems redundant. If you really need the DIV (and I don't see why you do, but it's your code), name the class something else. The whole reason, prior to HTML5, for using CLASSes or DIVs named "footer", "header", "nav" was because HTML at that time had no way of naming such structures. So we came up with this nomenclature to make it meaningful to us and those who would be touching our code in the future. With HTML5, there is no need as we actually have the tags.

Again, your call. Just pointing it out.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 9:20pm On Jun 03, 2013
Ok. naming a div.nav inside a html5 nav tag makes it uniform for me.
nav
.nav

I usually name it innerNav or insideNav.
The nav and div.nav are not same.
nav has 100% width.
.nav has 1000px width.

Again, html5 is not against div. In fact we cannot do without divs.
You can have multiple nav, header, footer and section.
Like this:

<header class="topHeader"></header>
<header class="centerHeader"></header>
<header class="bottomHeader"></header>

<article class="firstArticle"></article>
<article class="secondArticle"></article>
<article class="thirdArticle"></article>

And so on. So we can still have our html5 tags, yet what we have are div of classes.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 9:32pm On Jun 03, 2013
Again, in my case of .noMargin, reset.css has nothing to do there. reset.css typically removes margins, paddings and stuff like that from block elements, resets how block elements behave, reset ul and anchor links and so on.

Here is a picture of mine.

I have four divs that I floated left and gave them margin-right of 20px;
Now, in order to make the four divs to balance, the last one must not have margin of right since the first one does not have margin of left. So look at what i normally do:

<div class="theDiv"></div>
<div class="theDiv"></div>
<div class="theDiv"></div>
<div class="theDiv noMargin"></div>

.theDive{
float:left;
width:300px;
margin-right:20px;
}

.noMargin{
margin-right:0;
}
Re: Just Started This Last Night For A Client. Tell Me What You Think. by nollyj: 9:51pm On Jun 03, 2013
GraphicsPlus: Again, in my case of .noMargin, reset.css has nothing to do there. reset.css typically removes margins, paddings and stuff like that from block elements, resets how block elements behave, reset ul and anchor links and so on.

Here is a picture of mine.

I have four divs that I floated left and gave them margin-right of 20px;
Now, in order to make the four divs to balance, the last one must not have margin of right since the first one does not have margin of left. So look at what i normally do:

<div class="theDiv"></div>
<div class="theDiv"></div>
<div class="theDiv"></div>
<div class="theDiv noMargin"></div>

.theDive{
float:left;
width:300px;
margin-right:20px;
}

.noMargin{
margin-right:0;
}


What about using

.theDiv:last-child{ margin-right:0px;}
Re: Just Started This Last Night For A Client. Tell Me What You Think. by jacintamary: 9:54pm On Jun 03, 2013
oga graphicplus,
No offense but why cant you just admit this site is just a template you are going out of your way to edit.

That church site and IT mixup gave you out alot. Not to mention all those 'lorem ipsum' write ups. Plus that Codrops bg image being talked about.

Just my observation...
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 9:55pm On Jun 03, 2013
There are cases I have upto 12 divs.
4 divs will be in one row, which means that the 4th, 8th and 12th divs will have no right margin.
Instead of doing nth:child, first:child and last:child, while not give them a div and use one single line of css to get the work done.

.noMargin{margin-right:0}
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 10:04pm On Jun 03, 2013
@jacintamary, thank u. But pls i code from scratch. I know u are used to lorem ipsum text because u have been using free templates all ur life. Pls i use lorem ipsum when the text of my work is not ready. You can get it here: http://www.loremipsum.net

You guys must not be confused. The name of the firm is 'ChurchSite'. It's not a church website. It's an organisation that offers web services to churches only. I designed that logo.

I get some of my backgrounds from: http://www.subtlepatterns.com
You can start using them. Again, as a photoshop expert, i do some of my noise bg in ps.
The website is not even looking good to me. am thinking of overhauling it. I will be the last web master that will use free template to do a work. I should have my own website where people can download free templates and buy premium ones.

So my brother, I code my stuff. We want to make a statement in Nigeria web design business. Thank u.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by nollyj: 10:07pm On Jun 03, 2013
GraphicsPlus: There are cases I have upto 12 divs.
4 divs will be in one row, which means that the 4th, 8th and 12th divs will have no right margin.
Instead of doing nth:child, first:child and last:child, while not give them a div and use one single line of css to get the work done.

.noMargin{margin-right:0}

Your first example is just 4 divs thats while I suggested using the last-child but in this present scenario I think using noMargin is a good workaround.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 10:10pm On Jun 03, 2013
By God's grace, i handle html/css very well. am also pretty good in UI and UX.
Do you know how i design my thing?
Blank sheet of paper and a pen.
I will first think how i want this particular page to look, then i draw everything on paper with my pen.
Then i will fire up my notepad++.
I will first code the whole html while looking at the paper.
Then after that, I will sip some coffee and enter css.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 10:11pm On Jun 03, 2013
nollyj:

Your first example is just 4 divs thats while I suggested using the last-child but in this present scenario I think using noMargin is a good workaround.

Yes sir.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by jacintamary: 10:13pm On Jun 03, 2013
GraphicsPlus: @jacintamary, thank u. But pls i code from scratch. I know u are used to lorem ipsum text because u have been using free templates all ur life. Pls i use lorem ipsum when the text of my work is not ready. You can get it here: http://www.loremipsum.net

You guys must not be confused. The name of the firm is 'ChurchSite'. It's not a church website. It's an organisation that offers web services to churches only. I designed that logo.

I get some of my backgrounds from: http://www.subtlepatterns.com
You can start using them. Again, as a photoshop expert, i do some of my noise bg in ps.
The website is not even looking good to me. am thinking of overhauling it. I will be the last web master that will use free template to do a work. I should have my own website where people can download free templates and buy premium ones.

So my brother, I code my stuff. We want to make a statement in Nigeria web design business. Thank u.

ok, i now see, and i have used templates i edited heavily atimes. If that is a sin, may God forgive me.
The logo is quite ok and it surprise me why a firm which claim to make websites for churches cant make their own.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by nollyj: 10:20pm On Jun 03, 2013
jacintamary:

ok, i now see, and i have used templates i edited heavily atimes. If that is a sin, may God forgive me.
The logo is quite ok and it surprise me why a firm which claim to make websites for churches cant make their own.


Remember there are web agencies that do not do the work themselves. They outsource their jobs and take some percentage from it. The can also pay for their own website. My thinking....
Re: Just Started This Last Night For A Client. Tell Me What You Think. by jacintamary: 10:24pm On Jun 03, 2013
GraphicsPlus: By God's grace, i handle html/css very well. am also pretty good in UI and UX.
Do you know how i design my thing?
Blank sheet of paper and a pen.
I will first think how i want this particular page to look, then i draw everything on paper with my pen.
Then i will fire up my notepad++.
I will first code the whole html while looking at the paper.
Then after that, I will sip some coffee and enter css.
e
Except for the coffee part thats how I work too.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 10:24pm On Jun 03, 2013
jacintamary:

ok, i now see, and i have used templates i edited heavily atimes. If that is a sin, may God forgive me.
The logo is quite ok and it surprise me why a firm which claim to make websites for churches cant make their own.

It's not a sin to use free templates. It's for newbies. But if one dwells on using free templates, then he will never be heard in this industry. This industry is more than getting a 50k or 20k website and going ahead to do it with free templates. We are pursuing a situation where one can develop stuff and make it available at github. We want to be speaking at web design conferences in europe and america. we want to take web design to another step. i cant afford to end up cleaning up another person's shit in the name of editing a free web template. i want to have control of my thing. i rather spend two hours and craft a customized stuff than bend down for hours trying to bend one html code or css i never wrote.

You said the firm cannot design their website. Do you know that Microsoft has best web programmers in the world in their team of programmers and software developers? But their current website was designed by: http://paravelinc.com (This is a 3 man web design company).
Re: Just Started This Last Night For A Client. Tell Me What You Think. by jacintamary: 10:38pm On Jun 03, 2013
GraphicsPlus:

It's not a sin to use free templates. It's for newbies. But if one dwells on using free templates, then he will never be heard in this industry. This industry is more than getting a 50k or 20k website and going ahead to do it with free templates. We are pursuing a situation where one can develop stuff and make it available at github. We want to be speaking at web design conferences in europe and america. we want to take web design to another step. i cant afford to end up cleaning up another person's shit in the name of editing a free web template. i want to have control of my thing. i rather spend two hours and craft a customized stuff than bend down for hours trying to bend one html code or css i never wrote.

You said the firm cannot design their website. Do you know that Microsoft has best web programmers in the world in their team of programmers and software developers? But their current website was designed by: http://paravelinc.com (This is a 3 man web design company).
Lol @ newbies.
Anyways, hoping to see your work soon at github or those european conferences.
Re: Just Started This Last Night For A Client. Tell Me What You Think. by greenmouse(m): 10:42pm On Jun 03, 2013
yawa-ti-de:
I think your code could be more semantic:

1) No need for NAV tag, then a DIV with class "tag". The UL can handle anything you want it to do by itself, without needing to be enclosed in a DIV.

2) FOOTER tag is fine but no need for a DIV of class "footer". Sure, you can have DIVs in FOOTER tag but the name of your class isn't semantic

3) HEADER makes more sense above NAV, not the other way around

4) Some of your class names in general could be named better - what's h1, h2, top, noMargin? You are probably going to say, "who cares? the user will not view source, google doesn't care, this is just a first pass, it works, etc etc". These excuses (and perhaps the one you will give, assuming my list isn't on your radar screen) are still no excuse for not writing good code.

@yewatide and @activeman, pls you guys should stop reviewing the website bc its not his original work.
bc I told him the truth of not having nay portfolio, he quickly put up this template and forgot to edit the ICT website to church website.

Am happy this thread is teaching him more lesson now.
For more info on how church website looks, visit this demo I did for my client long time ago: http://www.divinegraceministriesng.org/.

Why change your content to lorem ipsum, it was IT content in the morning.

This Guy @graphicplus is Templated himself. LOL LOL LOL....
Re: Just Started This Last Night For A Client. Tell Me What You Think. by GraphicsPlus(m): 10:51pm On Jun 03, 2013
@Greenmouse, thank u for ur courage. But pls try to get this. The website is NOT a church website. It's an IT firm that offers IT services to churches only.

Dont worry, there is no need arguing whether it's a free template or not. But i cant see anything in the webpage that will make one download it in the first place and start editing.

Look, i did that thing under few hours. I actually play with html/css and UI/UX.
Let both of us continue and see what will be our future in this industry. But i still maintain that you and i and anybody for that matter must step up our game and make a statement in this industry.

(1) (2) (Reply)

I Just Go Approved By Adsense Wit Bulksms Site / Learn How To Create A Blog Like Linda Ikeji's Own [Step By Step Tutorial] / Best Way To Drive FREE Traffic To A New Blog

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 100
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.