Archive for tag Site
May 23, 2008 at 09:03 PM · Posted under design, site
My old theme was fun and all, but if was pretty hackish and didn’t play nicely with the iPod Touch. While designing a new theme in Mephisto is pretty straightforward I don’t really have a solid chunk of time in which to do it, what with the preparations for baby and all. But I do have enough bits of time to switch to a new theme. So I did, and it’s awesome.
I’m using Qwlim, which has most recently been written by Matt Skorina. As you can see (unless you are in a feed reader) it has a great color scheme, nice layout, and check it what happens when you resize your browser window.
No really, go ahead.
Awesome yeah? The various site boxes nicely reposition themselves depending on the available space. It’s a great technique, I will have to steal it.
You may notice that the article tags don’t really factor into this page. They are still around of course, just not utilized. I may bring in a tag cloud into one of the boxes (or a new tag cloud box) when I have the time, but I really dig the layout as is.
In place of tags, this theme more heavily uses the article categories. Up to now I really only lightly used the categories, but I’ll probably try using them more in the future.
Some bits of the theme aren’t up and running yet (e.g. the theme expects a /contact page), but they should be coming up soon. I’ll also be modifying that rss icon on the left to link to the feed of the current category, not just a hard link to the main blog feed.
Comments Off (2)
May 18, 2008 at 09:57 AM · Posted under site
Here’s a feed for all comments submitted to the site. My spam protection is holding up quite well, so this should have a very high signal to noise ratio.1
- As long as you consider comments signal.
Comments Feed
Comment
May 17, 2008 at 10:53 AM · Posted under site
I’ve gotten
RSS feeds working for my different sections:
Comment
March 07, 2008 at 10:57 PM · Posted under design, site
Now you see where all my blogging time has been going. Yes, it was time to work on design instead of content. I really like this new color scheme, but I’m not totally sold on this crowded three column layout. I was really hitting the limits of what I could cram into one sidebar.
Comments Off (7)
January 03, 2008 at 12:37 PM · Posted under design, site
Comments comments everywhere! You can now add a comment to any of my recent events (books read, videogames played, etc.) or any of the quicklinks. The quicklinks page doesn’t display comments in any manner, and the quicklink individual pages aren’t customized, and the events page isn’t customized, and the events individual pages aren’t customized…but soon!
Comments Off
December 27, 2007 at 07:27 PM · Posted under books, design, recently
Review: 4/5
A great book on the theory of design for webpages. The book covers key design principles for layout, color choice, textures, typography, and imagery.
Comments Off
November 27, 2007 at 10:53 PM · Posted under design, site
If you haven’t noticed, I’ve been tweaking the site a bit. Why don’t you look around and see what you can find. … Done? Good.
I’ve gotten what seems to be a good solution for a ‘quicklinks’ list (over there on the right, under ‘quicklinks’). It’s a sub-section blog that until tonight actually used the same layout as the main blog. If you move your mouse over and click that More… button after the quicklinks shortlist then you’ll see the new link oriented design I’ve quickly whipped up. For now you’ll still see the “full” article for a quicklink while you’re browsing through tags but that’s on the list to fix. For the small list on the main page I simply tell my layout to grab the six most recent articles in that section and display the body text for each. If you see a new tag in the cloud without a blog post to go with it then it’s almost certainly coming from a qucklink.
I also added a ‘Recently’ category to keep a running list of things that I’ve done recently. I’m not doing as good a job of keeping up with that one but I like it. It gives me a space to do quick reviews and talk about movies, videogames, books, etc. without devoting a full blog post to them. I haven’t created a custom layout for this section yet, but that’s coming as well.
I’ve also tweaked the tagcloud yet more. I squashed a couple bugs and think I’ve got it about to where I like it.
Lastly, I fixed a glaring error in the CSS that prevented the site from rendering properly at small widths. Now Wii compatible!
Comments Off
October 21, 2007 at 02:03 PM · Posted under design, site
Ok! I’ve modified the tag cloud plugin to up the size of more recently used tags and drop the size of less recently used tags. If a tag is little used and hasn’t been used a while it’s dropped off the cloud altogether.
Have I mentioned how much I love Ruby?
Comments (2)
October 20, 2007 at 11:38 PM · Posted under design
FYI, the embedded links that youtube provides aren’t valid xhtml.
Youtube:
<object width="425" height="350"><param name="movie"
value="http://www.youtube.com/v/QpdCi5XpCsE">
</param><param name="wmode" value="transparent">
</param><embed src="http://www.youtube.com/v/QpdCi5XpCsE"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="350"></embed></object>
Valid:
<object type="application/x-shockwave-flash" width="425" height="350"
data="http://www.youtube.com/v/QpdCi5XpCsE"><param name="movie"
value="http://www.youtube.com/v/QpdCi5XpCsE" /></object>
Thanks to hwa2u.com for posting the valid code.
Comment
October 20, 2007 at 07:48 PM · Posted under design, programming, site
Unless your browser’s cache doesn’t know when to quit, you should notice a nice new look for my site. Now including one of my favorite web interfaces, the tag cloud.
Developing a theme using liquid markup was surprisingly quick and easy. Rather than being horrified as when I first examined the code behind a Wordpress theme I was pleasantly surprised at the logical nature of the system. As an example, let’s look at how the web browser title is generated:
<title>{{ site.title }} - {% if article %} {{ article.title }} {% else %} {{ site.subtitle }} {% endif %}</title>
Pretty straightforward. But let’s start at the basics. The browser title is required to be surrounded by <title></title>, so that’s written out. But now, rather than writing out the title of my site I simply tell the site to put in the title that I’ve given it with {{ site.title }}. Further, I can apply a bit of display logic and tell the site that, “If the web site vistor is currently reading a specific article, then put that article’s title in the browser title; otherwise put in the site’s subtitle.” Nice.
How about this:
<div id="tagcloud">
{% for tag in site.tags %}
{{ tag | yatagcloud }}
{% endfor %}
</div>
Oh yeah, that’s all the code that generates the tag cloud. The site knows that each article has tags, and it keeps a running list of all of them. In the above code chunk I tell the site to iterate over every tag that it knows about and refer it to ‘yatagcloud’. ‘yatagcloud’ is the method installed by the ‘yet another tag cloud’ plugin and it handles all the messy business of getting the number of articles using the tag and applying the proper styling, etc.
I followed the recent clockwork object’s guide to creating a Mephisto theme using liquid and didn’t really have any troubles. If it weren’t for the guide this theme wouldn’t exist. I read it, decided that it looked like too much fun to pass up, and decided to design a theme for my site. Since I started with my previous theme, the whole process took a couple days of off and on coding.
I still have some tweaking and modification that I’d like to do. Specifically I want to modify the tag cloud so that it modifies the tags as a function of time in addition to use. Tags used more recently will be bumped up a level or two. Tags that haven’t been used in a while will be dropped a level or two. This way the cloud really will be a floating list of the things that I’ve been thinking (or at least blogging) about.
Comments (2)
August 27, 2007 at 01:00 PM
Hello there! Expect nothing to stay the same, because I’m
- testing this software (Mephisto)
- configuring this software while testing
- doing it all live
Comments (1)
