I forgot about this hidden gem: Internet Explorer and Fade-In pitfalls
jQuery’s fadeIn() method is a wonderful thing. It’s a great way to bring things in and out of the UI without a sudden jolt, visually. The downside to this, however, is Internet Explorer and the way it handles filters for transparency. When an element is faded in, and it contains fonts, IE does not remove the filter by default. This prevents the fonts from smoothing like they should. Internet Explorer post standard jQuery fadeIn() method In searching for a solution, I stumbled across a rather simple removeFilter() method someone...
read moreInline Images With Data URLs
This particular trick comes in very handy for the mobile platforms. Instead of linking to your CSS and your images, you can use this method to embed the images inline within the CSS. This keeps the browser from having to make multiple calls, thus speeding up the load time of your application. You can also use this method within an IMG tag as well. /* *********************************************************** * START ::: * 64bit encodes images for CSS embedding * Alternatively, if you are not using PNGs, you can specify the...
read moreMake print_r() Pretty
This is literally print_r() dressed up. I normally run this within my general $app object so to call it, I would use $app->debug($var). As with print_r(), it loops indefinitely using lists to format a readable layout in HTML. This helps the developer avoid having to view source and scroll…and scroll…and scroll to find the output of an array or object. class System_Application { /* *********************************************************** * START ::: * Used for writing variables and arrays to screen * for debugging. If...
read moreError Handling
In the world of the Internet, as a developer, we need to protect ourselves from prying eyes. One of the easiest ways a hacker can crack your code is if you tell them what they did wrong. For that reason, it’s important to suppress errors from the public. But, this doesn’t mean we should eliminate the knowledge when an error occurs and what triggered it. For that reason, I have written a fairly simple class that will allow for error suppression, error debugging and error reporting. When in debug mode, the error is displayed on...
read moreTabs & Lists With Selectability
I’ve recently come up with a need to allow users to view a list of options from which to choose. Do to screen restraints and readability, I opted to use the tabbing functionality I wrote about previously. In the process, however, I wrote some javascript that allows me to add the ‘pick and choose’ functionality to any pair of lists, or single list, I choose. Single List Mode: This is real simple. The user has a list of items to select from. When the select the item, the ‘selected’ class is added to that item. When...
read morejQuery Tabs With Ease
As usual, I always need something special in jQuery. I’m always able to find plugins out there, but they never everything I want, the way I want it done. Each always falls short somewhere. It either limits my design flexibility, is buggy or is just flat-out bloated with way more code than is necessary. I’ve written a tabs script for jQuery that is short and to the point while still allowing for design flexibility and ease. There’s nothing to it. Simply establish the tabs settings with your appropriate IDs and classes and...
read more