Archive for July, 2009

How to order by most recently updated in Rails

This is a simple one but sometimes hard to figure out for beginners in Rails. There are a number of ways to do it but this is one of the most simple. It includes actually doing a sql query inside your find method.

@posts = Post.find(:all, :o rder => 'updated_at DESC')

That’s it. I’m ordering by the updated_at column in the Posts table.

  • Share/Bookmark

No Comments

Tracking What’s Hot with Ruby Toolbox

Knowing what software is popular, current and updated regularly is a crucial aspect to developing successful websites. All developers benefit from being knowledgeable about what software is kept up to date but for Ruby on Rails developers this is doubly true. Enter Ruby Toolbox, a website tracking Rails plugin popularity on Github. Read the rest of this entry »

  • Share/Bookmark

, ,

No Comments

Website Checklist

As a web developer, whenever you take on new projects you’ll often find yourself doing the same tasks, over and over. I find it convenient to keep a checklist as a template that I use for new projects. Read the rest of this entry »

  • Share/Bookmark

No Comments

Setting Up a Windows Vista Development Environment

I recently purchased a new computer and was faced with the task of setting up a fresh installation of Windows Vista with all of the web development goodies I’ve come to know and love.

Here’s a walkthrough for what I did to get set up, starting from square one. This is literally everything I did and installed from when I was first able to access the desktop after a fresh install.

Read the rest of this entry »

  • Share/Bookmark

, ,

No Comments

jQuery normal text to seo urls in real time

This is a way to mindlessly type in text to receive it an url in seo-friendly format.

It is also a good lesson on how jQuery can instantly return text and the use of simple regex.

demo: Read the rest of this entry »

  • Share/Bookmark

No Comments

Making IE have more than one background per element

Thanks to IE being a crappy browser we can hack it to do actually some interesting things. One being more than one background per element. For instance, to a single unique <div> you can give it more than one background. We can do this by utilizing IE’s filters.
Here’s an example, You can see two pictures if you have IE: Read the rest of this entry »
  • Share/Bookmark

No Comments

Calling Any JS Lightbox from Flash using jQuery


Thanks to Flash’s ExternalInferface’s API you can call JavaScript or receive a callback from JavaScript using Flash. In this example I will show you how to call any Lightbox that is in JavaScript from Flash.
Because almost all prebuilt lightboxes get all the info they need from the <a> anchor we will dynamically create an <a> tag with all the necessary information.
Flash:
import flash.external.ExternalInterface;
button.addEventListener(MouseEvent.CLICK, external, false, 0, true);
function external(evt:MouseEvent):void {
 ExternalInterface.call("external", "lightbox/photos/image1.jpg");
}
JavaScript:
function external(path) { // pass in the correct path to the function so we only need one  for infinite amount of calls from  flash
// if the lightbox does not exist we will make it
 if ($('a#lightbox').length == 0) {
  $("body").append("");
  $('a#lightbox').lightBox();
// if it already exists but the path is different we will set the new path
 } else if ($('a#lightbox').attr("href") != path) {
  $('a#lightbox').attr("href", path);
 }
// now we will simulate the click here.
 $('a#lightbox').trigger("click");
}
View demo Here
  • Share/Bookmark

1 Comment

CSS Naming Convention Best Practices

When building components, it is important to follow a set of guidelines when naming your IDs and classes. This article will explore best practices in choosing CSS names.

Read the rest of this entry »

  • Share/Bookmark

, , ,

No Comments

Adding Share on Facebook Links

You know those Facebook links that allow you to post directly on Facebook? They are both highly useful and easy to add to a site. And, they are incredibly easy to add! Read the rest of this entry »

  • Share/Bookmark

No Comments

Stripping out HTML Tags in jQuery

One of the useful features most JavaScript libraries offer is the ability to strip out HTML tags from strings, leaving only the text. This is useful because you may have user input that you need to &quot;sanitize&quot; by removing potentially malicious HTML.<br /><br />
Luckily this is quite easy to do in jQuery. According to the docs, you should be able to call the .text() method on any jQuery-wrapped string. Consider the following:
<pre name=”code”>
var html = “this string has &lt;i&gt;html&lt;/i&gt; code i want to &lt;b&gt;remove&lt;/b&gt;”;
$(html).text(); // should return “this string has html code i want to remove” but doesn’t
</pre>
In my experience, although it should theoretically be this simple, it isn’t. I noticed that this only works correctly (at least, for me, with jQuery 1.3) if the string starts with an HTML tag. So, it will work fine as long as there is a wrapping tag around the whole thing. Otherwise, I will end up with only a fragment of the HTML. In the above example, I’d end up with only the word “html” since it is the fragment inside the first HTML tag.
<br /><br />
Let’s try this instead:
<pre name=”code”>
var html = “this string has &lt;i&gt;html&lt;/i&gt; code i want to &lt;b&gt;remove&lt;/b&gt;”;
$(html).text(); // returns “html”
// This is the workaround to return the whole string, sans any markup
$(‘&lt;div&gt;’ + html ‘&lt;/div&gt;’).text(); // returns “this string has html code i want to remove”
</pre>
By wrapping the string in addition markup to ensure it has an outermost element wrapping the entirety of the text content, we reach the goal of having a relatively straightforward way to sanitize text.
<br /><br />
For a bonus, one could turn it into a helper function and add it to a utility file:
<pre name=”code”>
function stripHTML(html) {
return $(‘&lt;div&gt;’ + html ‘&lt;/div&gt;’).text();
}
var html = “this string has &lt;i&gt;html&lt;/i&gt; code i want to &lt;b&gt;remove&lt;/b&gt;”;
stripHtml(html); // returns “this string has html code i want to remove”
</pre>
If you really wanted to go the extra mile, you could turn it into a plugin. Perhaps that will be the topic of another article.

One of the useful features most JavaScript libraries offer is the ability to strip out HTML tags from strings, leaving only the text. This is useful because you may have user input that you need to &quot;sanitize&quot; by removing potentially malicious HTML. Read the rest of this entry »

  • Share/Bookmark

1 Comment