Autism Women’s Network

After 3 months of complete immersion, the Autism Women’s Network site is live and open to the public. I am still adding features and fixing the occasional bug here and there, but for the most part, it is done.

Autism Women's Network Website

Autism Women's Network Website

Building this site has been an amazing experience for me. I am happy to get to contribute something to the AWN, which is an awesome organization that “provides effective supports to autistic females of all ages through a sense of community, advocacy and resources”. This site is open to all supporters including men and non-autistic people.

The response has been amazing! After just 3 days, we have more than 150 registered users and over 1000 forum posts! I would like to extend a big thank you to all the beta testers and other people who have been helping to get this site up.

A large part of my obsession while working on this site has been in learning Drupal, an open source PHP/MySQL content management system and framework. I have been running a Drupal test site since 2003. About 2 times a year, I dust it off, update it, and try to love it. Usually, I end up hating it, but keep going back because of the large community that surrounds it. There could not be so much Drupal love without a reason.

I am now a Druciple. I will still use WordPress for as many sites as I can, but for larger projects, it is really nice to have the amazing power and endless flexibility of Drupal as part of my web dev arsenal. I look forward to continued work on this site and continued development with Drupal.

  1. All Drupal All The Time – Too Bad I Can’t Breathe Writing on the iPhone. Hard to breathe. Shaky. Strangely okay...
  2. BeeDragon.com 2010 2010 has been the most successful year yet for my...
  3. WordPress 2.7 Earlier today, I updated this site to WordPress 2.7. It...

All Drupal All The Time – Too Bad I Can’t Breathe

Writing on the iPhone. Hard to breathe. Shaky. Strangely okay besides that. Sometimes writing helps. Been very busy lately. All Drupal all the time. Besides from the insane learning curve and non-intuitive UI, I am in awe of its power and flexibility. After more than 15 hours of video tutorials and reading tons of docs, I am finally understanding how it works and how the code is organized. I am learning while building a site for an awesome organization. Will link to it when it is done. If all goes according to plan, it will launch around Jan. 1st, 2010. Not mentioning the org. because there is a board and I don’t know if things like that have to be decided about, but if someone who knows the answer and wants to post it in the comments, go for it :) I haven’t used Drupal to build a site since version 4.1 other than keeping my test site updated. Been wanting to learn it for real for a few years so very happy to finally get around to it. Still, it makes me appreciate the simplicity and clean code of WordPress even more than I already do. Been having some small jobs besides from that.

Me & K went to Monterey for K’s 40th birthday and had an awesome time. Happy birthday K! We went to the Monterey Bay Aquarium to see the seahorse exhibit. It was amazing. We also saw lots of sharks and rays and other random sea creatures. We stayed overnight at a nice bed and breakfast and got home the next day in time to give Halloween candy to kids. Not so many kids this year.

Still hard to breathe but not so dizzy anymore. Sometimes it is kind of annoying to be me but most of the time I like it. Enough writing for now. I think it helped some.

  1. Review: The Curious Incident of the Dog in the Night-Time The Curious Incident of the Dog in the Night-Time is...
  2. Breathing, writing, and panicking in no particular order *****Disclaimer***** long rambling and moderate panic to follow but i...
  3. Quiet Time It is quiet here. K and B just went out...

Tech Support Cheat Sheet

Tech Support Secrets (click to enlarge)

[singlepic id=28 w=450 h=505 float=none]
From xkcd.

Thanks to Joni Mueller for the link :)

  1. If life was like Unix… Apologies to the non-computer-geeks… What?Sudo (superuser do) is a utility...
  2. Smell-o-mints Smell-o-mints is a very fun, free mac program. It is...
  3. BeeDragon on Facebook I have been doing a lot of research into freelance...

21 Favorite Mac Apps of the Moment

Update (8/3/09): Added SuperDuper! to list and changed title.

World of Goo

World of Goo

Just got my aluminum imac replaced by Apple. The old one was kind of possessed by gremlins or some such thing. After several failed repair attempts, part replacements, and countless hours of phone support, Apple agreed to give me a shiny new computer. Loving it :) The specs are not all that much different from the first one, but the parts are better, so it is faster and the graphics are extra kick ass.

While restoring my data, I was having an appreciation of all the great mac software out there. Much of it is free, donationware, or relatively low cost. Here are some of my current favorites (in no particular order):

  1. Caffeine (Free) – A one trick wonder. Puts a coffee cup icon in the menu bar that, when clicked, prevents your computer from automatically going to sleep, dimming, or starting screen savers. It is really great for reading long articles and watching videos or screencasts. You can set a default duration for it to stay on so that you don’t have to worry about forgetting to disable it.
  2. SuperDuper! ($27.95) – I can’t believe I left this one out! SuperDuper! is a backup program that will make a fully bootable backup, or “clone” of your mac’s hard drive. I clone mine nightly. During my aforementioned computer woes, I recovered my drive several times using SuperDuper! and booted my laptop from the clone while my imac was in the shop so that I could keep working.
  3. DropBox (Free to $199/yr.)- Online storage and file sync for mac, windows, and linux. First 2 GB of space is free and you can get up to 3 GB more by referring other people. If you click the link in this article, we will both get 250G extra space :) Paid accounts are available with 50 or 100 GB storage. One feature I love is that you can create public downloads by right-clicking on a file in your Public folder and selecting ‘Copy public link’. This allows anyone who has the link to download the file.
  4. Komodo Edit (Free) & Komodo IDE ($99-$245) – Both of these code editors are great. Komodo edit has an excellent set of features for a free app. Multiple languages, code formatting, auto-indent and more. Komodo IDE adds debugging, a code browser, source-control systems integration, and other handy tools like a regular expressions toolkit.
  5. MAMP (Free) – MAMP rocks! It is a really quick way to set up a local development environment. Installs and configures Apache, PHP, MySQL, and phpMyAdmin in a self-contained directory that will not interfere with any existing Apache installations.
  6. Transmit ($29.95) – There are some great free FTP clients out there, but I really love the Transmit interface, mac integration, and the fact that it can handle any FTP task I throw at it (SFTP, TLS/SSL, WebDav, iDisk, Amazon S3, server to server transfers and lots more. If you have mobileMe, you can sync your accounts between macs.
  7. Bookdog ($19.95) – Syncs bookmarks between browsers. Amazing. Removes duplicates, sorts, and verifies links. Syncs with del.icio.us and Google Bookmarks and works with tons of browsers.
  8. ImageWell (~$18) – I have had this tiny app for years and use it all the time. Great for quickly resizing images and adding watermarks. Photoshop and other apps will do the same thing, but none will do it as fast or as easy.
  9. ColorTagGen (Free) – Another app I use all the time. Lets you use the mac color picker to generate hexidecimal and RGB values of colors. A closely related app which I also use is Hex Color Picker (Donationware) which adds a tab to the system-wide color panel that allows you to see and edit the hex color code for any color.
  10. Bento – ($49) – Bento (made by FileMaker) is drag and drop easy to use database software. I can never decide if I like it or hate it, but find myself using it more and more. It is great for simple databases like a client list or home inventory, but I often wish it had more relational database features like FileMaker. Bento is also slow to open and I use it for information that I need to access quickly. On the other hand, it does more than a spreadsheet and makes data pretty.
  11. Together ($39) – Junk drawer software. A place to put all that random information that you want to be able to reference in the future. I tried a bunch of apps when it was time to replace my beloved Yojimbo, which was starting to feel out of date and cumbersome. Together came out on top for having the features I needed without being too complicated or too basic.
  12. Text Edit – Basic mac text editing program. I default to plain text format and use this all the time to clean text that was sent to me by clients in Word or copied from a web page. I also use it for a notepad and scratch pad.
  13. LaunchBar (~$34) – Quickly launch applications, access clipboard history, find documents, and much more with your keyboard. Very similar to QuickSilver, which I used to love, but started having problems with, possibly because it is in perpetual beta. Still, it is a classic and it is free.
  14. MenuCalendarClock (Free, $19.95 for advanced features) – I love this tiny app. Lets you customize the menu bar display of time and date (best to disable default time display in System Preferences). Clicking on the menu bar date/time drops down a calendar that highlights days with scheduled events. Hover over the dates and a tooltip appears showing the events for that day. Lots of other cool features. Not really sure which ones are in free vs. paid version, but there is a comparison at the site.
  15. DragThing (Shareware, $29) – Dock replacement. Allows you to create multiple docks, each with multiple tabs, and place them anywhere you want. Along with LaunchBar, this is one of the first things I install on any mac. I wrote a post about DragThing last year.
  16. Default Folder X ($34.95) - Adds many useful features to Open and Save dialog boxes. Choose recent and favorite folders quickly. Assign default folders for applications. Menu bar icon for fast access to favorite and recent folders, open finder windows, and all other folders through flyout menus.
  17. PathFinder ($39.95) - Finder replacement (works alongside of Finder). Adds about a million features that you wish were in the Finder. More sorting and display options, dual pane browser for side by side folders in one window, tabs, drop stack to hold files in a temporary stack, and more.
  18. 1Password ($39.95) – Store logins, passwords, credit card info, and secure notes. Integrates with most browsers allowing you to log into websites and enter credit card information with just a few keystrokes. You only need to remember one master password to allow the browsers access to the stored information. Pretty amazing if you have tons of logins to remember and/or shop online.
  19. TextExpander ($29.95), Typinator ($19.99) , TypeIt4Me ($27)   – Thanks to the many mac software bundles, I have somehow managed to have a license to all 3 of these apps. Currently I am using TextExpander, but I don’t think I have a preference. They all have their pros and cons. Mostly pros. All 3 apps basically do the same thing – inserting text and/or images when you type a short abbreviation. For example, when I type bsig, it automatically changes to my 4 line business email signature. Also great for canned responses, code snippets, email addresses, phone numbers, common typos, URLs, and anything else that you type regularly.
  20. Paparazzi (Donationware) – Another one trick wonder. Takes full page screenshots of web pages. Very handy for designers and developers that need to view an entire web page at one time.
  21. World of Goo ($20) – Not sure what to say about World of Goo except that you should try the demo (mac, windows, linux). Completely original game involving balls of goo with different physical properties. The “dialog” and sounds are funny, the graphics and animation are excellent, and it’s very fun! Warning: May also cause extreme frustration in certain circumstances.

That is all I can think of for now. Curious what other people’s favorite apps are. I’ll try just about anything that has a demo version.

  1. Minesweeper Madness The best version of Minesweeper I have played so far...
  2. Smell-o-mints Smell-o-mints is a very fun, free mac program. It is...
  3. Video: The Dragonborn Comes Beautiful rendition of ‘The Dragonborn Comes’ (Skyrim Bard Song and...

Professional Frontend Engineering Video

This video, Nate Koechley: “Professional Frontend Engineering” from Yahoo! Video, is a great presentation about the current state of frontend web development (HTML, CSS, JavaScript). I was completely captivated for the full hour and a half that the presentation lasted.

Nate started out with a history of website development starting with a 1994 version of the Yahoo! website and continuing until the present. He also spoke about the evolution of technologies and trends over the years. It was interesting to hear about how table based design became popular and why it was necessary at the time.

Next up was an overview of current beliefs and principles of front end engineering, which covered progressive enhancement, unobtrusive javascript, and the importance of making the website available to the largest possible audience.

The next section, Knowledge Areas and Best Practices, covered rendering modes, doctypes, and using each technology appropriately, i.e. html for semantic markup, css for presentation, and unobtrusive javascript for behavior. One thing I found interesting was that he considered it more important to keep the css code for each area in the same place by using hacks for IE6 and IE7, even though it would prevent the css from validating. I usually use conditional comments and separate stylesheets for different versions or combinations of versions of IE and can definitely see the benefit of Nate’s approach, as well as how it could be a big timesaver.

The presentation wrapped up with the ‘Why It All Matters’ segment which brought everything together and included a call to action for developers to stay vigilant, keep up with modern technologies and the bugs that arise from them, and to continue making the internet a better experience for everyone.

If Clients Treated Others Like They Do Freelancers

Welcome to my world…

Chalkboard Color Scheme for Komodo

This color scheme is updated regularly. (View Updates)

Komodo PHP Sample

Komodo PHP Sample

Komodo Edit 5 has been my default code editor for the past week or so. It is much faster and nicer to look at than previous versions that I have tried. I switch default code editors almost as often as I switch default browsers. There are so many good ones out there, but none feels exactly right. Considering I spend most of my days switching between browsers and editor, I like to keep up with the latest that is available for mac.

One of the things I am most picky about in an editor is the color scheme. It is very hard for me to find schemes that I can stand to stare at for long periods of time. Schemes with white/light backgrounds and colored text are usually too bright for me and dark schemes are usually either too high or too low contrast. For this reason, I usually end up making my own.

If anyone else is using Komodo Edit (or Komodo IDE) and is similarly picky about color schemes, I have made it available for download.

Click here to download the LB Chalkboard scheme

Komodo CSS sample

Komodo CSS Sample

I should mention that the only language specific colors I made changes to are PHP, CSS, HTML, XML, and JavaScript. Also, I am still changing things as I come across them.

Update (3/4/09): Changed CSS comment color from green to default grey.

Update (3/21/09): Downloaded the trial version of Komodo IDE 5 yesterday and noticed that schemes switched over automatically. [update: bought Komodo IDE 5 after trial expired. Still loving it (1/17/10)]

Update (3/24/09): Fixed issue with some defaults changing from white to black text after update to Komodo 5.1. Added language specific colors for Smarty.

Update (8/23/09): Changed Common Syntax bracehighlight background color from dark grey to yellow for increased visibility.

Update (9/17/09): Changed Find highlighting indicator background color from yellow to green for increased readability.

Update (1/17/10): Changed Tag matching indicator background color from orange to light blue for increased readability.

Update (4/20/10): Identifiers color added for JavaScript.

Update (5/30/10): Changed colors of identifiers and strings for JavaScript because the orange identifiers were burning out my retinas. Identifiers are now off-white and strings are light orange.

Update (10/14/10): A few settings were changed slightly after installing Komodo 6.0. Still assessing whether I will change them back or keep them as is.

Update (6/1/11): CSS identifier color changed to increase readability, reduce eye-strain, and match other scheme colors better.

Update (7/9/11): All is well in Komodo 7.0-alpha3 except for the new HTML5 scheme not matching at all. Will get to that if I can ever find some time.

Update (12/28/11): This scheme has been included as a default scheme in Komodo 7 and is now called Dark_Chalkboard. Thanks to ActiveState for including it.

  1. 21 Favorite Mac Apps of the Moment Update (8/3/09): Added SuperDuper! to list and changed title. Just...
  2. LBnuke 5.0 The spam. I can’t deal with it anymore. I am...
  3. Plugin Update I have given up on the Share This plugin for...

BeeDragon on Facebook

BeeDragon Facebook Page

I have been doing a lot of research into freelance networking. My favorite source of information is Freelance Radio, the FreelanceSwitch podcast. It is by far the best of the freelance podcasts I have listened to.

The panel is excellent. The host, John Brougher, does a great job of keeping the podcast on topic while still allowing room for tangential discussions about issues relating to freelancers. John and the other panel members, Kristen Fischer, Von Glitschka, and Dickie Adams, share tips and information based on their years of experience as successful freelancers.

The other day, I was listening to a ‘Super Mailbag’ episode where they answer questions sent in by listeners. One question was about ways to do marketing and the topic of having a Facebook page came up. There were some good points about how it is a great way to get your link out to a lot of people for free without being overly pushy about it (like when people spam twitter with business ads and links).

Facebook is a place where people who may not usually keep in touch with each other can catch up with old friends and have ‘day to day’ type communication with people in a way that time and distance would not normally allow. It is also a place where people share links and other information, allowing word to spread very quickly about anything from a new flower for your virtual garden to a great web business that you know about!

Today I created a Facebook page for BeeDragon. As a start, I posted screenshots from my portfolio to an album and a special offer for Facebook users to get 10% of their next order. I am still researching ways to use Facebook for business. If you know any, please feel free to post them.

If there are any BeeDragon fans out there who would like to share the love on Facebook, please head on over to the new page and click on ‘Become a Fan’.

Thanks :)

  1. BeeDragon.com 2010 2010 has been the most successful year yet for my...
  2. Baltimore LB and K at the party Mon 9/22/08 10:46am On...
  3. Dedicated $erver My new meds are still working much better than the...

WordPress eCommerce Plugins: Shopp vs WP e-Commerce

Update (10/21/09): Comments for this post have been closed.

Thanks for your comments everyone! It has been nearly a year since I wrote this review. It is based on WP e-Commerce 3.6.9 and Shopp 1.0. Both plugins have had significant upgrades since then.

I bought a developer license for Shopp and have used it in several projects. I still love it.

When I have some more time, I am hoping to give WP e-Commerce another try and post a review the new version.

I have been working on a large project for the past couple of months. It is a custom WordPress site for a client, which includes a store. I have never used WordPress for an ecommerce site. The closest I have come is to create a WordPress site and an ecommerce site with matching themes, so that the end user would have the experience of a single site. This solution is not ideal because the site administrator would have to do store administration separately.

I had been experimenting with various beta and RC versions of WP e-Commerce (WPeC) from time to time. When I began working on my project, there was a relatively working version of the plugin available. After paying $25 for a single site license for the “Gold Cart” files, my nightmare began. The Gold Cart adds multiple image upload, a product search option, and some additional payment gateways including authorize.net.

The first challenge was customization. Making (what should have been) the simple change of showing the product images on the right instead of on the left of the product description involved some pretty insane CSS. And then some more for IE7. And more for IE6. Luckily, I find a CSS challenge to be a fun learning experience.

There were a few bugs at first, but nothing that seemed like it couldn’t be fixed. It is here where I would like to mention Shayne from S-Tastic Designs. Anyone who has had the frustrating experience of working with WPeC has probably gotten help at some point or other from Shayne. He is not one of the developers, but I think he may be a top reason why people do not run screaming from this plugin. That, and the fact that there are were no alternative ecommerce solutions for WordPress that offer as many features and payment gateway options. WPeC seems to get buggier with each new release.

Enter Shopp, a brand new ecommerce plugin for WordPress. So new that it was just realeased earlier today! Shopp costs $55 for a single site license. Payment gateways other than PayPal Express and Google Checkout require an additional $25 module.

I have been beta testing Shopp for a while and have been impressed from the very beginning. The developer, Jonathan Davis, has been amazingly supportive of the beta testers. He has been available through various means of communication every day and always answers questions in the forums. If you have ever had the experience of trying to get help through the WPeC forums, you will know the joy and satisfaction that this kind of support can bring.

So, on to the comparison! Versions tested are current as of today. Shopp v 1.0 with Authorize.net module and WP e-Commerce v 3.6.9 with Gold Cart addon.

Support

As mentioned above, Shopp wins. No contest.

Features

Display Options - Shopp offers a choice of list view or grid view for store pages right out of the box. The customer has the option to change the view. It took under a minute to make the same display change that I made in WPeC.

WPeC has a module called Grid View available for an additional $15. I did not purchase the Grid View module, so can not compare. List view was similar in both plugins: product thumbnails and descriptions. Product links in WPeC were constantly breaking. There is a link in the administration settings to ‘Fix Product Group Permalinks’. Why can’t they fix themselves?

Both plugins offer the option for downloadable products. These are handled very nicely in Shopp. After purchasing the download, the client is sent to an order completion page that includes a link to the download. They also receive a nice looking email with order details and download link.

WPeC’s implementation of downloadable products was so buggy that I am not even sure I can describe what it is supposed to do. Different versions of the plugin contained different bugs, including no download link in the emails received by the client. One place where WPeC wins over Shopp is in the downloadable product administration interface. WPeC incudes a list of available downloads to choose from, while Shopp wants the product path.

The product upload feature did not work for me in WPeC due to the large file size of the products. I did not test this feature in Shopp because the files were already on the server.

Product Variations are included in both plugins, but once again Shopp’s implementation is miles above WPeC’s. Product variations are things like different colors or sizes available for a product. Shopp offered more options for per variation settings, such as different shipping fee, product weight, sale price, etc.

WPeC’s product variation interface consisted of a few blank text fields with the labels of ‘Name’ and ‘Variation Values’.

Promotion handling such as coupon codes and other types of discounts is another place where Shopp shines. WPeC offers the option for coupon codes with a choice of dollars or a percentage for discounts. Start date and end date can be entered, along with additional options to use just once and to apply to all products.

Shopp’s promotion options are pretty impressive. Promotion types are dollar or percentage discounts, free shipping, and ‘Buy X Get Y Free’. Options for start date, end date, and whether the promotion should apply to the catalog or order are provided. The best feature is the conditions for the discount. They are “booleanesque” for lack of a better word and work similarly to setting rules in most common email programs. An example of this would be ‘For products where (all/any) of these conditions are met: (Name, Category, etc.) (is equal to, does not contain, etc.) CD.’

Shipping Options were similar for both plugins except that the options actually work in Shopp. Some of WPeC’s shipping options are broken and seem to break even more with each new release. I have been trying to get support for shipping problems for a while now, along with other folks having similar problems. No reply from the WPeC developers. Stores remain unusable.

Administration

I like Shopp’s administration interface better than WPeC’s. The WPeC admin interface is unusually wide. I have a 24″ monitor at 1900 x 1200 resolution, but I like my browser windows at a more manageable size.

The WPeC admin is a little clunky, but overall works pretty well. One feature I really liked is that on the Products admin screen, editable product details appear on the right when you click a product link on the left. I do realize that it is the wide interface that makes this possible. This made switching products and adding or changing details very easy. As far as the actual Product Details section goes, I found it cluttered, but usable.

The Shopp admin is much cleaner and for the most part, more intuitive. One thing I found confusing is that you need to select a product type of ‘Shipped’ for items that are not donations or downloads, even if they do not require shipping. It is easy enough to use since all you have to do is uncheck the Shipping box to make shipping options go away and remove shipping references from the cart and checkout.

Conclusion

Shopp wins. Do not use WPeC if you value your time and/or sanity. Up until now, WPeC has been the only game in town, but not any longer.

shopp

Disclaimer: I received a free copy of Shopp after finishing the beta testing. Other than that, I have no affiliation with Shopp and do not receive commissions on sales. Since I have been using Shopp for a shorter period than WPeC, I will update this article if any undiscovered bugs pop up. I am also currently biased against WP e-Commerce due to the weeks of irritation, frustration, and annoyance that it has caused me. It would really be a great plugin if it wasn’t so buggy and had better support.

  1. More WordPress Plugins The first plugin of today is not actually a wordpress...
  2. WordPress Love I love wordpress. My first thought about making new websites...
  3. WordPress 2.2 Upgrade I am starting to believe that the days of the...

Poetic Prophet | Design Coding

Stumbled across this while reading about browsers at molly.com. I am not completely sure if it will appeal as much to the non-web designer/developer crowd as it did to me.

By Poetic Prophet – SEO Rapper (aka Chuck Lewis)

Lyrics:

Design Coding

Your site design is the first thing people see
it should be reflective of you and the industry
easy to look at with a nice navigation
when you can’t find what you want it causes frustration

a clear Call to action to increase the temptation
use appealing graphics they create motivation
if you have animation
use with moderation
cause search engines can’t index the information

display the logos of all your associations
highlight your contact info that’s an obligation
create a clean design you can use some decoration
but to try to prevent any client hesitation

every page that they click should provide and explanation
should be easy to understand like having a conversation
when you design the style go ahead and use your imagination

but make sure you use correct color combinations
do some investigation, look at other organizations
but don’t duplicate or you might face a litigation
design done, congratulations but it’s time to start construction

follow these instructions when you move into production
your photoshop functions then slice that design
do your layout with divs make sure that it’s aligned
please don’t use tables even though they work fine
when it come to indexing they give searches a hard time

make it easy for the spiders to crawl what you provide
remove font type, font color and font size
no background colors, keep your coding real neat

tag your look and feel on a separate style sheet
better results with xml and css
now you making progress, a lil closer to success
describe your doctype so the browser can relate
make sure you do it great or it won’t validate

check in all browsers, I do it directly
gotta make sure that it renders correctly
some use IE, some others use Flock
some use AOL, I use Firefox

title everything including links and images
don’t use italics, use emphasis
don’t use bold, please use strong
if you use bold that’s old and wrong

when you use CSS, you page will load quicker
client satisfied like they eating on a snicker
they stuck on your page like you made it with a sticker
and then they convert now that’s the real kicker
make you a lil richer, your site a lil slicker

design and code right man I hope you get the picture
what I’m telling you is true man it should be a scripture
if it’s built right you’ll be the pick of the litter
everyone will want to follow you like twitter
competition will get bitter and you’ll shine like glitter

if you trying to grow your company will get bigger
design and code right man can you get with it