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 | 7 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
CSS Best Practice #2: Shorthand Properties
Posted on | December 5, 2008 | 1 Comment
Write your CSS rules with shorthand properties. It keeps things simple and clean.
1 2 3 4 5 6 7 8 9 10 | .example { /* long */ padding-top:1px; padding-right:2px; padding-bottom:3px; padding-left:4px; /* short */ padding:1px 2px 3px 4px; } |
To help you with the shorthand, Dustin Diaz took the time to put together a CSS shorthand guide. Way to go Dustin! Check the guide for in-depth descriptions, examples, and Dustins “quirky facts” (such as shorthand defaults).
SitePoint CSS Reference is another source for shorthand properties, or any property in general, you should/could/would use.
Implement Other Selector Engines (e.g. Sizzle or Peppy) into MooTools?
Posted on | December 4, 2008 | 10 Comments
Not too long ago announcements of two new selector engines came on the scene, Peppy by James Donaghue and Sizzle by John Resig. At the time I had a fleeting thought of how cool it would be if MooTools was as fast or faster than Peppy and Sizzle.
Yesterday, Ajaxian tells us that the Dojo Community will vote on whether they implement the Sizzle selector engine instead of using their own.
Just after reading that I thought whether MooTools would benefit from implementing a selector engine instead of using their own. Apparently I was not alone in this thought as Aaron Newton has posted his thoughts and pros/cons. Here’s my two cents. Read more
« go back — keep looking »