Birds & Monkeys | Mason Wendell Makes Websites

Canary Featured on Technically Philly!

Each week, Technically Philly posts exclusive interviews with the leaders and innovators of Philadelphia’s Technology community for their ‘Friday Q&A.’ This past Friday, Technically Philly spoke with Canary’s own Mason Wendell!

The post features Canary’s branding development work and recently launched websites, highlighting: the Rosenbach Museum & Library’s redesign, the website for Nichole Canuso Dance Company, and The Wilma Theater’s new website. Check out the article, here: http://technicallyphilly.com/2010/03/12/mason-and-megan-wendell-from-indie-record-execs-to-husband-wife-branding-and-design-drupal-team Thanks to Christopher Wink and the Technically Philly team for the coverage!

Whitehouse.gov Goes Drupal

If you haven’t already heard, whitehouse.gov recently relaunched with Drupal as its new content management system. There’s nothing jumping off the screen screaming “Drupal” when you go there*, but you may have heard the global Drupal community’s shouts of “Woo-hoo” and “w00t!” last week when it launched. You see, aside from the benefits that the White House will receive from having a great open-source CMS, this is one of the loudest endorsements of our platform we’ve had to date.

Drupaldelphia

Thanks to everyone who helped make yesterday’s DrupalCamp Philadelphia so much fun and a success. I was really feeling all kinds of Drupal love from all around. Hope so all of you an more the next time we do this.

As promised, I’m uploading my slides from my presentation.

Blueprint Grid Overlay in the Browser

In our last post on designing with grids, we created an overlay layer in Photoshop that we use while designing so we can visualize the css grid we’ll eventually code while we’re designing. Today I’ve got another flavor of that, but this time we’re in the browser, and checking our CSS against the grid as we go.

Blueprint comes with a technique for showing the grid in CSS. Just class your .container element as “.showgrid” and it will use your grid graphic as the background image.

Grid Nirvana - How to Easily Incorporate Blueprint into Photoshop

Here at Canary we’re big proponents of tools that help us get the job done. When it comes to our CSS layouts lately we’ve been using the Blueprint CSS framework in our workflow. We’ve found that despite the trade-offs (some non-semantic html), we get a lot of benefit from the system.

Theming a page by arbitrary content types

from: http://drupal.org/node/223440#comment-1101275

khonggiannet - November 10, 2008 - 12:30

You could improve above code to have the theme suggestion for all content types in your site.

<?php
function my_theme_preprocess_page(&$variables) {
  if ($variables['node']->type != "") {
    $variables['template_files'][] = "page-node-" . $variables['node']->type;
  }
}
?>

Now just make your template in form page-node-your_content_type. If it’s missing, the default page template will be used.

Google Chrome - Search Any Site from the Address Bar

Google Chrome lets you search lots of sites from the address bar in addition to Google.com by default. For example if you type “youtube” and hit tab you can limit a search to only youtube. I wanted to search drupal.org more quickly so I did a little hunting around for how to add my own list of frequently used sites to the list. Here’s the step-by-step for the mac version. I’m sure PC is very similar.

displaying location fields in a view

if your location fields are not displaying in your view, you need to add a relationship to your view for the location. then have the location fields you are trying to display use that relationship.

then it should work. you may need the dev version unless this post is old.

safari clips div when using anchor tags

on a recent site, linking to a page with an anchor (ie: link/to/site#anchor-tag) would sometimes end up clipping my main content div. the div was set to overflow: hidden. luckily in this case the overflow: hidden was not needed. so, removing this (or setting overflow: visible) on the div that was cropping the content resolved the issue this time.

string parsing code to get url from image tag

<?php
$image = YOURIMAGETAG;  //like: <img src="http://domain/sites/default/files/imagecache/Home_Feature/flexpromo/images/home-feature.jpg" alt="" title=""  width="626" height="261" />
$src_start = strpos($image, 'src="') + 5;
$src_end = strpos($image, '"', $src_start);
$src = substr($image, $src_start, $src_end - $src_start);
?>

Replace Taxonomy pages w/ Embed Views

from: http://mustardseedmedia.com/podcast/episode31

Create a ‘taxonomy_term_page.tpl.php’ file in your theme.
Create a view filtered on a taxonomy term id.
Add the following code to the tpl.php file. (adjusted to fit your view))

<?php
  $args = $tids;
  print views_embed_view('viewname', 'block_1', $tids);
?>

Taxonomy pages have a default array of term ids that will work as views arguments.

Better Method

Use the theme function on your template.php file

<?php
/**

<?php
  $args = array();
  print views_embed_view('viewname', 'block_1', $args);
?>

Twitter

@dantropic Modular Scale now uses Ruby for most of its calculations. It's MUCH faster now, but we need Compass for that. / @scottkellum

codingdesigner 32 weeks 1 day ago