Entries Tagged as “Code”
CSS Naked Day
A few years ago, Dustin Diaz started a Web Standards movement aimed to promote web standards around the world. He dubbed it CSS Naked Day! A day when websites around the world strip out their css and show off their for a day.
Last year I hard coded a toggle into my website and totally forgot about it until I just happened to go to my website and find the css was gone. My first reaction was to crap a blue twinkie and wonder what had happened. Then I saw the alert at the top of the page telling me it was CSS Naked Day. Imagine my relief.
This year I decided to create a plugin for Mango Blog that automatically removed the css and added the notification message to tell users that it was css naked day.
- Plugin version:
- 1.0
- Last Updated:
- 2009-04-10
- Requires:
- Mango Blog 1.3+
- Auto-install URL:
- http://www.visual28.com/assets/content/mango/cssNakedDay.zip
What If I Don't Have Mango Blog
Since not everyone uses mango but may still want to participate in CSS Naked Day with their coldfusion powered blog I thought I would throw in some samples of my code from before the creation of the Mango Plugin. It's really simple but for a CF newbie it might be usefull.
Place this in your <head> and put your css files into it.
<!-- css files here -->
Put this code just inside the <body> tag.
What happened to the design?
To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information.
→ Respond NowTags: Freebies · Mango · Code · Plugins · ColdFusion
Twitter Plugin Updated for Mango 1.3 Compatibility
Now that Mango Blog 1.3 is out a few plugins may have to be updated to the new 1.3 version to include auto install. Thanks to the help of Seb Duggan the mango blog twitter plugin has been updated for compatibility with the new auto Install system. Get the twitter plugins below:
Mango Blog 1.3 Compatible Version
http://www.visual28.com/assets/content/mango/twitter-1.3.zip
Mango Blog 1.2 Compatible Version
http://www.visual28.com/articles/twitter-plugin
→ Respond NowTags: Freebies · Mango · Code · Plugins
Don't Be A Bad Javascript User
Let me start off by saying that this is not going to be a javascript bashing article. I don't hate javascript, in fact I really do like it a lot--- although the title of this article may seem to the contrary. There are many javascript libraries that do really cool stuff. I love that many of these scripts enhance webpages without requiring the use of flash.
The problem I have been encountering lately has more to do with the improper use or implementation of javascript. I think there is far to much whiz-bang stuff being added to many of todays modern websites without considering the impact on users. I feel it's important that before you add a script or a feature to your site that you stop and ask yourself: Is this thing I am about to add to a site going to help my visitors or hurt them? Does it add any value to for the user? Does it hurt them if it's not there? Will it only cause more confusion?
Rather than just talk about it, I have compiled a few video clips to help demonstrate some bad uses of javascript.
→ Respond NowTags: Code · usability · Accessibility
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: Mango · Code · usability · Accessibility · ColdFusion
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: Mango · Code · ColdFusion
