TimThumb PHP Script is a custom image-sizing script, that allows you to produce a cropped and sized version of an image. These are great to use along with a Wordpress Magazine Theme. TimThumb has recently been released as open source, and here I will walk you through adding TimThumb to your Wordpress theme. Read the rest of this entry »
Perhaps you’re the guy who still has to hit the “Print Screen” button, paste into Photoshop, and use the marquee tool to measure the pixel width of an element in a website you’re working on.
If so, here are a couple alternatives.
My first choice, is to make use of XRAY. It is just a javascript that allows you to click any block element on a page, and it gives you a list of details for that element.
Try it. Just click the XRAY button, then click anywhere on this page. It’ll highlight the block, and give you details like the element id, width, height, position, margin, padding and more.
For best use, right click the XRAY button, Select “Bookmark this link” and save it to your link toolbar. Or just drag the button to your toolbar. That way it’ll always be a handy button up top, for any page you’re viewing.
The MeasureIt Firefox Addon is handy as it allows you to click and drag to manually measure a block element.
If you aren’t using this Firefox Addon, then you really need to be. On the WebDev toolbar, click Information » Display Element Information.
Much like XRAY, this allows you to click an element and get a list of info for it. Keyboard shortcut is Control + Shift + F.
Anyone else have any suggestions for measuring page elements?
Here is a tutorial on how to add the Shadowbox modal box to your Magento powered online store. For those unfamiliar with Magento, it is the latest and greatest in open-source eCommerce software. Varian has done the online communi-tay a great service by building a shopcart the right way, from the ground up. Thanks Varian! Granted, Magento has a strong learning curve, so those unfamiliar with basic HTML, CSS, or hacking at code… beware. Read the rest of this entry »
I use Dreamwweaver CS3 for all of my code editing, and I currently have the pleasure of working with the new Magento Shopcart Software. While adding Shadowbox to the cart, I ran into the small problem of Magento template files that use the rare .phtml file extension. As Dreamweaver by default does not color code the syntax, it makes it difficult to read the php code that makes up the template file.
Here is how I added syntax highlighting to a specific file type that is not listed by default in Dreamweaver. Read the rest of this entry »
Here is a quick and easy trick to preview your site, before your domain nameserver has been updated to point at the new server. Read the rest of this entry »
