Entries Tagged as “Code”
Mango Blog Comment Form Replacement
Mango Blog uses the same default code for it's comment form as wordpress. Although I have seen worse offenders, the current form does pose a few accessibility chalenges that I would prefer to fix. So this evening I set out to rework the comment form and try to make it more accessible and customizable. This is an early prtotype of a new form that I hope would become the new standard for mango blogs comment forms. Let me explain the challenges that I have identified with the current format, and why I have chosen the form design that I did. If anyone has suggestions for improvement please let me know.
→ Respond NowTags: Accessibility · Code · ColdFusion · Mango Blog · usability
Share This! A Social Bookmarking Tag For Mango Blog
Share This 1.0 is a free social bookmarking tag for mango blog that adds links for some of the most popular social sites.
Installation
1. To install "Share This" copy the shareThis.cfm file and the sharethisicons folder to your /tags/custom folder.
2. Be sure to include this line at the top of your template page.
<cfimport prefix="custom" taglib="../../tags/custom">
3. To use the tag, all you need to do is include it in your template someplace between the opening and closing <mango:post> tags.
<custom:shareThis>
Download the ShareThis Tag for Mango Blog
→ Respond NowTags: Code · ColdFusion · Mango Blog
Customizing Dreamweaver
I love Dreamweaver, it's my code editor of choice, but sometimes the default settings totally stink. I couldn't help but feel that space was being wasted, and that there were features missing from a seasoned application like Dreamweaver. I have picked up a few things to tweak Dreamweaver to my liking. Some things are simple, while others require a bit more wrenching under the hood. Now, anytime you go messing with core application files I highly recommend you make a copy of them first and store them in a safe location. Making a mistake could cause Dreamweaver to stop working. Though these tweaks are pretty easy, consider yourself warned.
→ Respond NowTags: Code · General · Inspiration · Software
iPhone Detection Scripts
With iPhones being all the rage these days, I am wondering if mobile versions of your pages might be useful. Viewing a site on an iPhone looks exactly as it does on your desktop. This is all well and good, but sometimes pages can be bloated with images, javascript libraries, and other markup that is not as important to your visitors. I am also a bit upset that the iPhone ignores the css media type of handheld. I wish there were an option to force Safari to render handheld styles as default, but I could not find any option for it. So I set out on a quest to find some alternatives for my iPhone experience.
Coldfusion – I was sure there was a way to get something from the cgi.http_user_agent but not sure if it would just read the agent as webkit. I didn't want to kill Safari desktop users, that would be bad. The Awesome Coldfusion Jedi Ray Camden already had a solution so here it is: (Sorry for the comments around the actual code. Seams that MangoBlog wants to parse the code and run it causing an error. So remove the comments from the cfif statement to make it work. I hope to get a fix for this soon)
<!--- detect iphone --->
<!---
<cfif findNoCase("iphone", cgi.http_user_agent)>
<cflocation url="iphone.html" addToken="false">
</cfif>
--->
Javascript, PHP, and MVC – I ran across a site called iPhone Toolbox that has a ton-o-info on developing for the iphone. (I will be spending some time here for sure.) There is a set of scripts linked up there dealing with how to detect an iPhone users that pretty much covers the rest of the developers. Here is that code
Client-side (javascript):
if (navigator.userAgent.indexOf('iPhone') != -1) {
/* iPhone user */
}
Server-side (example is PHP):
if (stristr($_SERVER['HTTP_USER_AGENT'],'iPhone')) {
/* iPhone user */
}
For sites that use an MVC coding pattern where the programming logic code is separate from the template, the following example is useful:
if (stristr($_SERVER['HTTP_USER_AGENT'],'iPhone')) {
$template = 'home/iphone.html';
}
else {
$template = 'home/index.html';
}
If you have any other cool resources, I would love to hear about them. I did run into another site with some code to detect iPhone's and iPod's, but I couldn't make it work, so I have no idea if you have to detect them separately or not. It does speak to the reason why Apple should have an option in the settings pane to make an iPhone or iPod use a handheld stylesheet. But for now at least there is a work around.
→ Respond NowTags: Code · ColdFusion · CSS · General
Text Selection Color
CSS3 brings some cool new features to the web. Some features are highly discussed like rounded corners, borders, and layout control. I am really looking forward to these items becoming standard in the near future. However, I am happy that my two favorite browsers Firefox and Safari already support many of the CSS3 specs. This gives me the ability to use some lesser known items without killing my design for IE. I enjoy some of the simpler things, like the ability to change the text color and background color when text is selected on the page. IE does not currently support this but thats ok… I don't care that much for IE anyway.
Want to add this effect to your site? It's simple. Add this code to your css stylesheet.
*::-moz-selection { background:#FFFFCC; } /* FOR MOZILLA */
*::selection { background:#FFFFCC; } /* FOR SAFARI */
If you want to know more about this tag check out quirksmode.org for additional info and examples. A word of caution must be noted here, If you must validate for css level 2.1 then you will want to forgo this trick as it's not CSS2 compliant.
→ Respond NowTags: Code · CSS · General
