A Sneak Peak At The Upcoming Divspace Redesign
Well, I’ve run into a couple of setbacks with the redesign. All of them have to do with the backend. The frontend of things is pretty much set. There’s some minor things I want to add, like some images and some hidden features that aren’t available in this screenshot.
To be honest, I don’t think a blog is the best setup for divspace. It’s doing the job for now, but in the near future I’ll be writing my own backend to handle the needs of the site and to turn my vision into a reality.
So, without further ado, here’s a screenshot from three days ago of where I’m at:
I’m very pleased with it actually. It’s open, has nice whitespace, is extremely easy to read the articles, and I took an interesting twist on how I’m going to display the articles. It’s kind of like WordPress meets Digg, in that popular articles are going to be listed on the front page, while you’ll still be able to see articles from the current day, previous day, current week, month, and year.
I’ve implemented a rating system on the articles themselves, a simple “thumbs up, thumbs down” system. The reason for this is, I thought about basing the popularity of an article on how many unique views it received, but it made more sense to rely on user input.
The logo obviously went through a change. I hate to say it, but I’m not a logo guy. I’m a CSS purist. I like clean lines, open space, big, easy to read fonts, and simplicity. Of course, there are other things I have done, but you’ll just have to way until the redesign to check ‘em all out!
So keep your eyes open for the unveiling, and I hope you guys like it! I’ll be sure to keep an eye out for your comments and suggestions as well. Enjoy!
Related Articles
- No related posts
November 19th, 2006 at 03:18 am
Nice and clear. I like the top navigation of popular, today, yesterday… links it is a good idea of organising the site. I’m looking forward! :)
November 23rd, 2006 at 09:51 am
Looks nice and clean–easy to read.
Looking forward to the launch.
November 23rd, 2006 at 09:40 pm
Thanks, David. I’ve been a little slow releasing this unfortunately. I had to finish up a feed manager script, which I’ll definately be releasing, and, of course, Thanksgiving kept me busy with all the cooking. I’m amped to get the launch going, I’ve been neglecting articles because of it so I’ll be happy to get it out finally!
November 27th, 2006 at 02:46 pm
[…] Original post by Kyle and software by Elliott Back Filed under Web Design by searchmb Permalink • Print • Email • Comment […]
November 28th, 2006 at 09:59 am
@ Divspace
This is a random question not having to do with this post, but are you using the “social bookmarks” plugin for wordpress? and if you are how do you adjust the positioning of it? when i activate it it automatically shows up about my comments template in single posts and i don’t know which file to edit to put it underneath my titles like on your site.
November 28th, 2006 at 10:22 am
Josh,
Not using any plugin, I prefer not to use the WordPress plugins and just develop my own. The main reason why I avoided any social bookmarking plugins is because most of them relied on JavaScript to pull the document URL and title, and it’s really slow. Instead, I just put the code straight into the template and used some PHP to pull the titles and URLs. Here’s the code:
<?php
// Grab post title and sanitize
$social_title = urlencode($post->post_title);
// Grab post URL and sanitize it
$social_url = urlencode($post->guid);
?>
<p class="social">
<a href="http://digg.com/submit?phase=2&url=<?=$social_url? rel="nofollow" rel="nofollow">" rel="nofollow" target="_blank" title="Digg This!"><img src="/images/social/digg.png" alt="Digg This!" height="16" width="16" /></a>
<a href="http://www.stumbleupon.com/submit?url=<?=$social_url? rel="nofollow" rel="nofollow">&title=<?=$social_title?>" rel="nofollow" target="_blank" title="Stumble It!"><img src="/images/social/stumble.png" alt="Stumble It!" height="16" width="16" /></a>
<a href="http://myweb.yahoo.com/myresults/bookmarklet?t=<?=$social_title? rel="nofollow" rel="nofollow">&u=<?=$social_url?>&ei=UTF" rel="nofollow" target="_blank" title="Add to Yahoo! My Web"><img src="/images/social/yahoo.png" alt="Add to Yahoo! My Web" height="16" width="16" /></a>
<a href="http://technorati.com/faves?add=<?=$social_url? rel="nofollow" rel="nofollow">" rel="nofollow" target="_blank" title="Add to Technorati"><img src="/images/social/technorati.png" alt="Add to Technorati" height="16" width="16" /></a>
<a href="http://del.icio.us/post?url=<?=$social_url? rel="nofollow" rel="nofollow">&title=<?=$social_title?>" rel="nofollow" target="_blank" title="Bookmark to Del.icio.us"><img src="/images/social/delicious.png" alt="Bookmark to Del.icio.us" height="16" width="16" /></a>
<a href="http://www.furl.net/storeIt.jsp?u=<?=$social_url? rel="nofollow" rel="nofollow">&t=<?=$social_title?>" rel="nofollow" target="_blank" title="Bookmark to Furl"><img src="/images/social/furl.png" alt="Bookmark to Furl" height="16" width="16" /></a>
<a href="http://www.spurl.net/spurl.php?url=<?=$social_url? rel="nofollow" rel="nofollow">&title=<?=$social_title?>" rel="nofollow" target="_blank" title="Spurl This!"><img src="/images/social/spurl.png" alt="Spurl This!" height="16" width="16" /></a>
<a href="http://reddit.com/submit?url=<?=$social_url? rel="nofollow" rel="nofollow">&title=<?=$social_title?>" rel="nofollow" target="_blank" title="Add to Reddit"><img src="/images/social/reddit.png" alt="Add to Reddit" height="16" width="16" /></a>
<a href="http://www.newsvine.com/_tools/seed&save?u=<?=$social_url? rel="nofollow" rel="nofollow">&h=<?=$social_title?>" rel="nofollow" target="_blank" title="Bookmark to Newsvine"><img src="/images/social/newsvine.png" alt="Bookmark to Newsvine" height="16" width="16" /></a>
</p>
As for where you would put this, you need to add this to your
single.phptemplate, just after the<h2>tags where the title goes. You can also edit theindex.phptemplate and do the same thing, right after the title. Hope this helps.November 29th, 2006 at 08:35 am
Looking good Kyle. Easy to read is the way forward so nice choice of white space usage.
Thumbs up.
December 30th, 2006 at 02:18 pm
Very cool. It should look really nice.