Smarty Debug with Firebug
Posted on | April 16, 2009 | 8 Comments
I use Smarty, a template engine, at work. One of the most awesome things about it is the debug window, where it can list all the templates being used and variables that are available.
Mike Horn shared with me how a user, named Hipska, created a Smarty debug template file that works with Firebug. I thought it was so awesome and decided to share it with you too, but with a slight tweak of my own. Read more
Sly, New Selector Engine & How to Use in MooTools
Posted on | March 26, 2009 | 1 Comment
You’ve heard of selector engines right? The engine that parses the HTML to match a string argument to return matching HTML elements? How about Sizzle and Peppy (two fast selector engines) that was released? Or how a couple JS frameworks were implementing Sizzle and the MooTools dev team decided not to follow suit?
Now, have you heard of Sly, the new selector engine on the block? No? That’s because Harald Kirschner just released it yesterday, 03/25/09, and I can’t tell you how awesome it is.. or can I?
I’ll start you off with a brief description… and graphs! Read more
SitePoint’s Andrew Tetlaw on Styling html and body tags
Posted on | February 13, 2009 | 3 Comments
If a page has a background different from it’s content’s background, like most people, I usually begin building a page by styling the body tag with one background and a div container where the content would go with another background. SitePoint’s Andrew Tetlaw wrote up a pretty awesome article on making use of the html tag along with the body tag so I won’t have to add redundant tags for backgrounds. Read more
MooTools ContextMenu Class by David Walsh
Posted on | January 29, 2009 | No Comments
Do you need to write some custom code or plug-in together for a context menu? I’m talking about the menu that comes up when you use your right mouse click. Well, now you don’t because David Walsh has release a pretty wicked and flexible ContextMenu class for MooTools. Read more
CSS Best Practice #4: Understand Selector Specificity for Better Speed and Easier Override
Posted on | January 10, 2009 | 1 Comment
Understanding the specificity of CSS selectors is important because it makes overriding your previous styles easier. The fastest to slowest selectors also corresponds to how easy it will be to override the cascaded and/or inherited style rules. Read more
IE7 CSS Pseudo Selector Slowdown?
Posted on | December 27, 2008 | 1 Comment
Have you ever experienced major slowdown using IE7? It may NOT be memory related. I came across this issue while working on a bug for GameSpot. Users were complaining that the user experience was lagging. It’s more noticeable with the forums, where the users would drag the scroll bar in long threads, but the page wouldn’t scroll for a few seconds. RockMFR had the solution, which I shall share with you. Read more
Aaron Newton’s Event Delegation for MooTools
Posted on | December 24, 2008 | 6 Comments
I just learned of Aaron Newton’s Event.Delegate.js and think it is amazing. Why is it amazing?
Event delegation is a common practice where by you attach an event listener to a parent object to monitor its children rather than attach events to all the children. It’s far more efficient when you have numerous items on a page that you want to interact with.
The examples below should give you a better idea how awesome it is.
Read more
MooTools: No Sizzle
Posted on | December 24, 2008 | 1 Comment
This is a little late.. I had forgotten to post this up on Dec. 7, 2008.
Haven’t heard? Valerio Proietti of MooTools posted on their blog that Sizzle will not be implemented/adopted and reasons why MooTools, and other frameworks besides Dojo and jQuery, should not.
Qualified Selectors in MooTools
Posted on | December 24, 2008 | 1 Comment
My friend Mike Horn asked me to come up with a solution for a pseudo selector in MooTools that John Resig wrote about for jQuery. To sum it up, the pseudo selector basically grabs the element that “has” or contains the passed-in element. After taking a look at that I came up with something. Read more
CSS Best Practice #3: Clear Floated Containers (with Height||Width and Overflow)
Posted on | December 7, 2008 | 8 Comments
I know you’ve done it before. I think we’ve all done it. You have a container with a floated element inside. The container doesn’t wrap around everything, thus causing the element to break outside of the container. To fix this, we’d usually add a clear element at the bottom of the container so it would wrap everything within. But there is a better solution, which uses two CSS properties. For this example, I’ll place the styles inline.. please don’t hate me. Read more
« go back — keep looking »