Polishing the user interface is far to often categorized as "if you have time" which, from my experience is almost, always never. I am just as guilty, putting it off until crunch time. My own site is on a whole other level of "if you have time" as I am not making money from this, and quite often I am using it as a sandbox (slowly getting away from this, I'm finally using GitHub!) Today, I decided to fix the featured carousel on my homepage.
jQuery Uniform
Another developer used jQuery Uniform in a project I am building, and it has really made me a much happier person. Uniform styles "hard-to-reach" elements: Selects, Radios, Checkboxes, and File Upload Inputs, the latter being what I am most happy about. If you have every tried to style these, you will know that it is not an easy undertaking and requires blowing away the element visually and replacing it with images. Uniform does all of this for you AND gives you the .psd files to easily create your own theme. Enjoy saving lots of time and impressing your co-workers.
Drupal 7: Render Tags in a Comma Delimited List
Drupal 7 does not print taxonomy tags in a comma delimited list as it did in Drupal 6. To achieve this functionality, you should override theme_field($variables) in your template.php file. Below is an example of how it was achieved for this site:
Drupal 7 Theme Linked Image
Drupal 6 had its own quirks when trying to use ImageCache and the Drupal l() function, which after many projects, had been embedded into my brain as normal. Drupal 7 was released with a slew of new features that drastically changed common Drupal 6 theming practice.
This example of code is used in my theme's node--article.tpl.php. It is printing the preview image for the full sized image inside of a link so that it can be rendered full inside of a FancyBox overlay.
Favorite jQuery Snippet of the Week: May 29th - June 4th
$(".view-twitter-feed .tweet-body").each(function() {
$(this).html('<span class="field-content">' + ify.clean($(this).children("span").text()) + '</span>');
});LESS CSS & Drupal 7
Recently, someone showed me LESS, a dynamic stylesheet, and never having used any type of CSS framework, I decided to give it a try. To add it to your site it is as simple as adding the javascript file in your header, renaming your stylesheet with a .LESS file extension and changing the rel to rel="stylesheet/less".
Coda Quick Tip: Go to Line
As I develop a website, I use FireBug for debugging and code inspection. A typical output shows the CSS being applied to an item with the CSS file name and line number. Instead of scrolling or doing a search for the CSS selector, Coda has a shortcut for "Go to Line:"
Shift + Command + L.
I hope that you did not know of this and it saves you endless amounts of scrolling.
RSS
Subscribe to my blog feeds:
Looking for a good way to consume RSS feeds?
Google Reader + Reeder for Mac













