₦airaland Forum

3

2

Inspired by this thread , I decided to try my hands out at redesigning Nairaland's Desktop interface. It isn't news that some of us don' like the way nairaland looks on desktop (I'm cool with the mobile version) and here's what I came up with.

A few things to note

** I didn't put much effort into this, just had fun with it.

** This was just an experiment and a way to show that Nairaland's desktop interface can be better.

I've attached screen shots

4

3

2

Inspired by this thread , I decided to try my hands out at redesigning Nairaland's Desktop interface. It isn't news that some of us don' like the way nairaland looks on desktop (I'm cool with the mobile version) and here's what I came up with.

A few things to note

** I didn't put much effort into this, just had fun with it.

** This was just an experiment and a way to show that Nairaland's desktop interface can be better.

I've attached screen shots

Number 4

Number 3

Number 2

So, as promised I decided to try my hands out at re-imagining nairaland's interface and here's what I came up with.

Didn't put much effort into it and this is only for the homepage but I do hope that it proves that Nairaland's interface can be better.

Here's goes nothing.

Number 1

Cool that you attempted this, nice initiative. I should try my hands at re-imagining nairaland's user interface as well. Let's see how it goes.

In simpler terms, Brandnew2 is simply stating that for any new web (emphasis on web) project, the basic structure to get any site up and running is HTML. When you really think about it, in the end programming languages and other declarative languages (css) only serve to amp up the markup language.

lastmessenger:
I was thinking you are that hard emotionless atheist mugu. How come you are feeling so bad for reminding you about something that you gladly shared in a public forum and felt proud of it.
You want the mods to ban me for telling who you really are. Why don't you just rationalise it and move on. After all you just an ordinary mixture of atoms who came into existence by chance.silly mugu.

Would it be so hard as to to quote the particular comment and post it here, preferably with a link to the thread where said comment was made. Shouldn't be so hard should it ?

jaylister:
i want to wrap html code from other text in a my new topic

Could you give me a low level description of what you are trying to achieve (in 2 paragraphs or more so that it is clearer) and as well the blogging platform on which you intend to achieve this effect? I'm still having a hard time trying to figure out what it is you want to do, if possible, use analogies to explain the question better.

PenSoftCorp:
@blueyedgeek, u sounded funny and like a web guru, actually all the errors were not there b4, but i made a mistake of updating the template i used, so all the hand coding i did all disappeared, so i had to just copy codes from localhost to it. i am assuring u that tonight, u wont see any of those errors again.
please i will like to know u better if possible mail me ur contacts at pensoftcorp@gmail.com i will like to know u better concerning web devt.

I'm not a web guru ooo, would probably classify myself as an advanced beginner. I Will shoot you a mail as requested.

jaylister:
how to embed html code in a blog post

What blogging platform are you referring to in this instance? For the most part, you can usually type out html code in a blog post by wrapping the intended html code in a <code> element and using html character escapes. Example:

<code>
&#60;div&#62; A generic division tag &#60&#47div&#62;
</code>

Like some others have mentioned, it does look like a blog and from navigating the site, I'm just going to assume that it's a blog. I'm also going to say that it needs more content before any kind of useful review can be given. But from what you've put up so far..........

Pros

** Cool colour combination (the colours really blend well)

** Clean minimal look (The focus here is on the text and so it requires very little images to spice things up).

SINS

1. Spelled 'thoughts' as 'throughts' and yet claim to use it on purpose

** Judgement: 3 hot slaps

2. Clicking on join redirects to http://localhost/dumpster/wp-login.php?action=register

** Judgement: Locked in a cell to listen to Tonto Dike's singing

3. Same redirection to a malformed url takes place when you click on 'submit a story', 'visit us' and 'what is this?'

** Judgement: Thrown into the same ring with the Big Show for a last man standing match

4. Login doesn't do a damn thing

** Judgement: Chant 'I will never add a dead link to a live site again' until such a time when pigs learn to write semantic HTML markup.

5. Used <address> tag for a heading element

** Judgement: Use frog jump to fetch water from river Niger and transfer it to river Benue

6. Mixing style with content (not dynamically generated so there is no excuse)

** Judgement: Restriction from the latest browsers for 4 weeks. Use internet explorer 6 for the next 4 weeks.

88% scanned ........... Fix the errors before scan can continue.

Your request isn't very clear. Try to rephrase the question and you'll surely get help with your request.

cheers.

Sounds like a good movie plot. I have contacts with top Hollywood producers and I'm willing to push this movie idea of yours to the big screens. What do you say big guy?

Well, I second the 'chop slap' button by yungchop.

Then we'll get to see some posts with '100 hot slaps'

100 hot slaps == 1 year ban;

I weep for what the programming section is becoming.

/*

Sorry to derail but I'm kinda happy to see Mr. @Sisqology again after his imposed (and unexplained) exile. Welcome back sir from the break. I'm kinda disappointed you couldn't address the reason for your long absence. Anyways, welcome back and I hope we'll get to see more of you. Some of us still look up to you.

*/

Just watched episode 11 and man I've got to say...... Kuvira is one crazy biatch

What I like

Nice one bro. I see you are using the unsemantic css framework for the grid based layout, cool. I like the fact that everything is on one page (It would have been odd to have not very many content and so many pages). I also like the scroll effect (when I click on the down facing arrow). The color choice is superb and the I like the look and feel of the site.

** Viewed on Firefox developer edition and Google chrome 39 using windows 7

Issues

A few things though:

* The link to 'blog' doesn't lead anywhere, I think you should consider taking it off until you have a blog to link to.

* On the section where you post your work, there isn't enough information about the projects, all I see are a bunch of images. Consider adding a bit more information to that section since it is the most important aspect of the site.

* On the footer section, you linked to your facebook profile, twitter profile and behance profile but all three links return a 404 error meaning that the links are dead and this is probably because you are using relative links when you should be using absolute links. Prefix them with a 'http://' to fix it.

Issues with the code

So I ran the code through w3c's markup validation service and a few errors were returned

** Line 15: <meta name="keyword"> is missing a 'content ' attribute

** Most images do not have an 'alt' attribute. You can set them equal to an empty string if you don't have a proper alternate text to represent the image.

I can't post them all here. You can find the w3c markup validation service Here

Try to fix the ones you can so that you can get that green pass mark . I just love it when a site gets that pass mark, it is foinn.

Although someone has mentioned that you have scripts at the bottom of the page and although best practices dictate that we move JavaScript to a separate file of it's own, the site really isn't all that big and the script really isn't all that much so no biggie.


Datz all, any further review will be given by my ogas at the top.

GodMode:
The design is cool... Just that 2 hours is too long for a bootstrap project or framework project. I guess u're customising bootstrap and making sure there are no CSS conflicts as CSS designing requires lots of thinking...

Sure thing regarding the emboldened. Regarding the 2 hours thing, rushed work is crappy work so I'll take as much time as required.

GodMode:
With bootstrap...your 2 hours work is really slow.

Cool, acknowledged, I would like you to point out ways in which I can improve on it (like I said before, it's not the finished work but just a prototype).

Chai, where have I been? see as my people full here. (starting from thread 0)

Dude, I told you that I'm working on something for you and although I'm not done, Let me post screen shots of what I've done so far (mind you, it's just 2 hours work so that is not the finished look).

You guys just conveniently skip the first thread on this board. That thread already addresses any questions a beginner should have.
Read through the thread here

Cool tutorial

@Zicjoe, @Chimanet, I won't be able to continue with this study guide for some time due to something that came up but this should't deter you from learning. Please, visit this link and follow their guide Learn Javascript

Will pickup later. Good luck guys.