TRUE/FALSE

With the festival coming up this weekend I’ve been visiting the True/False Films Sections quite frequently. I assumed that since this wasn’t a very corporate website, but rather pretty local, that there was a chance the coding was a little less complicated. That assumption wasn’t exactly true.

From my initial visit to the site I loved the tiling effect with the films. It’s a super appealing technique with a layout that is easy to read considering the large amount of content it displays. Upon inspecting the element I found that this tiling was created through JavaScript, which was disappointing especially since in class we discussed the usability and access issues that come along with JavaScript. JavaScript is still somewhat of a mystery to me, so I’m excited to learn more about what that is and how it really works as we progress through the semester. Right now JavaScript seems like the bad guy, but it is evident that it is widely used and accepted.  I’m hoping to be able to learn more about JavaScript and how to use it well but not rely on it as most sites appear to do.

Upon inspecting the element even further the graphic tile is set-up in multiple divs in the html. There is a div for the whole tiled space as well as a div for the text links to the right of the tiled space. Each film tile is set-up in the div and placed as li items. Then within each li tile there are two additional divs containing the images that make up the tile piece. This process is repeated for each tile. Some of the coding I was unfamiliar with within these divs, so it made it difficult to discern what exactly the specific elements were contributing too. Even in the element inspector, often a small highlighted box would have a overwhelming about of code with it.

As for other aspects of the design, the font choices contributes significantly. The font-family choice was ‘Roboto’ and sans-serif which gives a very modern feel to the overall site.

Advertisements

2 thoughts on “TRUE/FALSE

  1. One aspect of this website that fascinates me is the use of color. The pink and yellow are extremely bright, but I feel that this was a smart move for the organization. It provides the viewer with a glimpse of the organization’s theme and personality, and the CSS for the main logo on the website is interesting and complex. The width of the main logo is 1,800 px, which is very wide for the main logo.

    The organization is extremely precise with its border measurements and sizes. The pink border on the homepage that surrounds the “News” column and the “Endorsements” column have measurements of 64.8 px, 87.2 px, and 71.2 px.

    I agree with your statement that the font adds a modern aspect to the website. It follows the sans-serif trend that many websites are using, and the use of the Roboto font is an interesting choice. There are some instances in which I enjoy the font, and there are others were I feel the font is overwhelming for the viewer’s eyes and attention spans.

    The uppercase headlines are a different font from the main body text. The headlines have a font of Source Code Pro, and this is an odd font to use on the site. It follows the theme, but I don’t think it’s the most visually appealing font.

    The font size of the body is 14 px, and this is a well-rounded size for the font. However, I agree with you that this website is a bit confusing, and there are many instances on the site where there are too many elements on the page. The website could use some editing, but overall, it serves its purpose while still portraying the personality of the organization.

    —Natasha Brewer

    03-04-15

    Like

  2. Pretty much every really cool element I’ve seen while scouting websites for this assignment has been JavaScript. Like you mentioned, that’s a bummer based on both usability and our capabilities at this point.

    I was curious to know who designs their website each year. Do they contract a different web designer and give them a plan? Do they poll various designers for possible looks?

    The about page (http://truefalse.org/about/contact) lists different graphic designers — including my former coworker Erica Mendez Babcock — and a webmaster named Brad Griffith.

    Brad, according to the interwebs, is a web developer for a company called “Delta Systems.” His Twitter posts are basically in another language: https://twitter.com/brad_griffith

    And Delta Systems’ relationship with True False, it appears, dates back to 2010: http://deltasys.com/community-involvement/delta-helps-truefalse-festival-dawdle/.

    I’d love to know more about how all this works. Maybe a conversation with Brad Griffith can shed some light.

    -Mark

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s