Xooxia Development http://xooxia.com Progressive Enhancement and Development Solutions Sun, 27 Apr 2008 22:00:31 +0000 http://wordpress.org/?v=2.5 en Code Editor With It All http://xooxia.com/development/code-editor-with-it-all/ http://xooxia.com/development/code-editor-with-it-all/#comments Sun, 27 Apr 2008 22:00:31 +0000 Xooxia http://xooxia.com/?p=53 Over the past few weeks I’ve been looking for a code editor to use for development. I’ve been using Dreamweaver for the shear fact that I’ve just gotten used to it. When I began in web development over a decade ago, I started using Dreamweaver for the WYSIWYG capabilities along with the database integration of the software. As I’ve matured as a developer, I no longer use the WYSIWYG feature of the software and have started custom coding all of my php and database code. I used to use tons of components within Dreamweaver to get some features online and functional fast. However, as I’ve had clients ask for some customization of some of those features, I’ve come to prefer to custom code everything to allow easier customizations.

I’ve tried quite a few free and commercial editors recently.  The one I have decided to move forward with is the Aptana Studio Community Edition.  This one has all of the features that I’ll speak of below.  The best feature of all is that Aptana Studio Community is FREE!  You can’t beat that.  They offer a full paid version for $99 at the time of this writing, but the added features are not something that I feel I need at this time.  There is a JSON editor included in the full paid version, but not necessary for my work.  JSON is simple enough to follow, so I feel paying the money for that support is not justified.

So, in regards to code editors. I needed something with quite a few features. I hate to use various software programs to work within a file. I like to have one program that can do it all. This, of course, has always been a challenge. Listed below are the features that I required for my work flexibility:

  • Syntax Highlighting
    • XHTML
    • CSS
    • JavaScript
    • PHP (via a plug-in)
    • XML
  • Automatic Code Collapse
  • Code Helpers
  • Snippets Support
  • Macros Support
  • FTP Support
  • SVN Support

Syntax Highlighting

First of all, as any code editor worth it’s time, syntax highlighting is important. I work in various languages (as all developers do) and need to have syntax highlighting for each of these languages.

Automatic Code Collapse

To work more efficiently, I collapse blocks of code in which I don’t necessarily need to see details at that time. This was the big push away from Dreamweaver. You can collapse code in DW CS3, but you have to highlight the code first. This means you have to find the beginning of the code block, highlight all the way to the end of the code block, and then collapse the code.  the Aptana Studio will collapse code blocks automatically based on opening and closing brackets.  This is a quick and easy method to hide sections that aren’t relevant at that time.  This doesn’t seem like a huge feature until you actually use it.  It can be a great time saver!

Code Helpers

OK, this is the feature that mostly sold me on Aptana Studio!  Most code editors have code helpers, however, not close to the support that is integrated into Aptana Studio.  Code helpers are those little pop-ups as you’re typing code that tell you the proper syntax of the code you’re typing.  With Aptana, you not only get the syntax in the pop-up, you also get the documentation to go along with the basic information.  This is a great feature to speed up your coding as well as allow you to learn as you work.  When you start typing code functions that you’re not familiar with, you can learn about it directly in the code window rather than going to any online documentation.

Even more useful is the ScriptDoc support in Aptana Studio.  This is a way you can write the code helper into your own code.  If you frequently write your own functions, then you can add the same code helper functionality by using specific comments in your code.  If you write a function with three parameters and two of those parameters should be strings and one should be an integer, you’ll be reminded of that while you code.  You won’t have to open the file with the function in it to refresh your memory.  This could be my most favorite feature!

Snippets Support

Any developer reuses code that they’ve written before.  Via the snippets support, you can add that code quickly.  This is an essential feature for any code editor.  Aptana has native snippets support, so I don’t have to use one of those snippet widgets.

Macros Support

I don’t use macros very often, but have found them very useful for a few tasks.  With Aptana Studio, you can record macros, save them and play them back.  A nice feature to have available, although not a deal breaker for me.

FTP Support

I do quite a lot of my updates directly on the server and like to have a quick and efficient way to upload/download files from within the code editor.  I prefer to have it integrated into the editor so I don’t have to keep alt-tabbing between an FTP program and the code editor.  This is mostly for efficiency, but an important feature for me.

Subversion Support

I use versioning support through Subversion and like to have the integration from within my code editor.  Dreamweaver has Subversion support through an extension that I had gotten pretty accustomed to, so I needed a code editor with integrated support.

I’ve found this to be a great software program and have only used it for a couple of weeks now.  I may find some trade-offs as I work more intimately with the software, but I’m definitely going to give it a full fighting chance.  If anyone has any other help for great code editors, please let me know!

© Xooxia for Xooxia Development, 2008. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Development.

Most Commented Posts

]]> http://xooxia.com/development/code-editor-with-it-all/feed/ CheerMix Download is Now LIVE! http://xooxia.com/projects/cheermix-download-is-now-live/ http://xooxia.com/projects/cheermix-download-is-now-live/#comments Wed, 05 Mar 2008 22:27:12 +0000 Xooxia http://xooxia.com/projects/cheermix-download-is-now-live/ After much work and testing, we’ve finally released CheerMix Download to the public.  We’re excited to see this project get started and already have plans for a version 2 of the application!  You can visit the site at:

http://cheermixdownload.com

Thanks!

© Xooxia for Xooxia Development, 2008. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Development, Projects.

Most Commented Posts

]]> http://xooxia.com/projects/cheermix-download-is-now-live/feed/ Brand New Theme http://xooxia.com/design/brand-new-theme/ http://xooxia.com/design/brand-new-theme/#comments Tue, 04 Mar 2008 22:57:37 +0000 Xooxia http://xooxia.com/design/brand-new-theme/ OK, I’ve finally forced myself to take the time and develop a custom theme for the blog. I’m hoping to create more of a branding with this new theme as this site will serve not only as my professional blog, but also my portfolio. With this redesign, I’ve incorporated a new logo, I’ve incorporated my gravatar image, and moved to a more neutral color base, accented with orange links and headings. I welcome any comments on the theme that you may have.

© Xooxia for Xooxia Development, 2008. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Design.

Most Commented Posts

]]> http://xooxia.com/design/brand-new-theme/feed/ Prototype - Scriptaculous Tips and Techniques http://xooxia.com/tutorials/prototype-scriptaculous-tips-and-techniques/ http://xooxia.com/tutorials/prototype-scriptaculous-tips-and-techniques/#comments Tue, 04 Mar 2008 16:38:14 +0000 Xooxia http://xooxia.com/tutorials/prototype-scriptaculous-tips-and-techniques/ Prototype code sampleSoon, I’ll be adding a few tips and techniques that I’ve learned with integrating Prototype and Scriptaculous into some sites that I have had a hand in developing.  My aim is to utilize many different aspects of the frameworks to help others to integrate these amazing tools into their projects.  I’m a big fan of this tandem for various reasons, but mostly because of the ease of cross browser/platform development.  In the past, I’ve shied away from extensive JavaScript development because of the browser inconsistencies - utilizing mostly server based technologies.  With the use of these frameworks, I’m able to develop a more usable interface in my projects and it has really opened the door to opportunities that would be impossible solely with server-side scripting.  For example, a current project of mine, CheerMix Download, makes heavy use of each of these frameworks.  Without the client-side interaction, this site would never work.

In the works

Some of the topics I have planned for inclusion are:

  • Drag and Drop Reordering of Pages Wordpress Plugin (Sortables, Ajax, Server-Side Scripting)
  • A Basic Page Layout Module (Drag and Drop, Ajax, Cookies/DB Integration)
  • Using XML and JSON with Ajax
  • Event Listeners for Unobtrusive JavaScript

These are just the first topics that I plan to discuss.  If you have any requests for a topic, please let me know in the comments section.

© Xooxia for Xooxia Development, 2008. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Prototype-Scriptaculous, Tutorials.

Most Commented Posts

]]> http://xooxia.com/tutorials/prototype-scriptaculous-tips-and-techniques/feed/ Create Sample Cheerleading Music Mix | CheerMix Download http://xooxia.com/development/create-sample-cheerleading-music-mix-cheermix-download/ http://xooxia.com/development/create-sample-cheerleading-music-mix-cheermix-download/#comments Tue, 19 Feb 2008 14:48:53 +0000 Xooxia http://xooxia.com/uncategorized/create-sample-cheerleading-music-mix-cheermix-download/

Create Sample Cheerleading Music Mix | CheerMix Download
CheerMix Download Screenshot

OK, I’m still putting the finishing touches on the CheerMix Download Application, but I wanted to allow users to sample the application and try to create a little bit of buzz about the site. I’ve decided to open the home page, along with a watered-down version of the application, and invite users to test the application. Specific pages like the sign up and log in pages are still closed, but the main sample page and some support pages are open to the public.

I’ve implemented an email list for users to subscribe in which they’ll receive notifications through the blog entries. I welcome anyone to try out the sample application and leave any feedback. Thanks!

Online Cheerleading Music Mix Downloads

© Xooxia for Xooxia Development, 2008. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Development.

Most Commented Posts

]]> http://xooxia.com/development/create-sample-cheerleading-music-mix-cheermix-download/feed/ Out of the Loop http://xooxia.com/development/out-of-the-loop/ http://xooxia.com/development/out-of-the-loop/#comments Tue, 05 Feb 2008 20:50:16 +0000 Xooxia http://xooxia.com/development/out-of-the-loop/ Wow, I’ve been way too busy recently with a number of projects.  Currently in the works are a couple of site redesigns and a full site development that have kept me from updating the blog.  However, I’m getting through the mess a little better and am working on a couple of posts.  Anyway, let me introduce you to the new projects I’m talking about.

  1. CheerMix Download  (http://cheermixdownload.com)
    This is a site that I’ve really been excited about and will run and maintain myself.  In the competitive cheerleading industry, music mixes are a necessary addition to a squad’s/team’s routines.  This site allows coaches, choreographers, sponsors, etc. to arrange professionally mixed music sections into a full mix for use at performances and competitions.  The interface is a Drag and Drop sortable list of music sections developed with the use of Prototype and Scriptaculous.  Previewing of music is done via JavaScript and the SoundManager2 script.  Once a user gets the sections arranged in an order that works for their routine, they can create a high-quality downloadable MP3 file of the mix.  There currently is no support for limited browsers and no plans to include that support.
  2. Pet Connect Online (http://petconnectonline.com)
    This site was developed by a friend and colleague of mine.  His father runs the business and he maintains the online presence.  Recently, traffic and conversions have been dropping and the administrators feel a rebranding of site and image are due.  I’ll be handling most of the graphic redesign and CSS required for the new look.

© Xooxia for Xooxia Development, 2008. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Design, Development.

Most Commented Posts

]]> http://xooxia.com/development/out-of-the-loop/feed/ Updated xooAnalytics Wordpress plugin - now version 1.3.2 http://xooxia.com/uncategorized/updated-xooanalytics-wordpress-plugin-now-version-132/ http://xooxia.com/uncategorized/updated-xooanalytics-wordpress-plugin-now-version-132/#comments Mon, 07 Jan 2008 18:03:27 +0000 Xooxia http://xooxia.com/uncategorized/updated-xooanalytics-wordpress-plugin-now-version-132/ I’ve updated the xooAnalytics Wordpress plugin.  It now allows you to exclude your internal domain from tracking results via the options page.  Take a look:  http://wordpress.org/extend/plugins/xooanalytics/

© Xooxia for Xooxia Development, 2008. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Uncategorized.

Related Posts

]]> http://xooxia.com/uncategorized/updated-xooanalytics-wordpress-plugin-now-version-132/feed/ JavaScript Cookie Crumbs http://xooxia.com/unobtrusive-javascript/javascript-cookie-crumbs/ http://xooxia.com/unobtrusive-javascript/javascript-cookie-crumbs/#comments Mon, 17 Dec 2007 18:23:52 +0000 Xooxia http://xooxia.com/unobtrusive-javascript/javascript-cookie-crumbs/ OK, one of my favorite navigational schemes is the breadcrumbs list.  I like it’s ease of use in developing and presenting to the user, and I like the quick visual that it gives a user as to the hierarchical structure of the site.  One great little script that I ran across is called Cookie Crumbs.  Here is the script in a nutshell:

  • This script keeps track of where a user has been via cookies read and written in JavaScript
  • It is a true list of your trail history (much like the browser’s history, but you can see it visually)
    Most breadcrumbs scripts list the site hierarchy, not the true user history
  • Easily configurable - the list is written to the screen through JavaScript and formatted with CSS
  • Unobtrusive, if a user doesn’t have JavaScript enabled, they’ll not see the list at all

Take a look at the script here:  http://www.tomcoote.co.uk/JavaScriptCookieCrumbs.aspx

© Xooxia for Xooxia Development, 2007. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Unobtrusive Javascript.

Related Posts

]]> http://xooxia.com/unobtrusive-javascript/javascript-cookie-crumbs/feed/ No more CSS Hacks!!! http://xooxia.com/design/no-more-css-hacks/ http://xooxia.com/design/no-more-css-hacks/#comments Mon, 03 Dec 2007 18:11:49 +0000 Xooxia http://xooxia.com/design/no-more-css-hacks/ OK, so I’m looking at my shelf and I notice that almost 1/5 of the books I have deal in CSS hacks.  I’ve spent many a night reading through these books trying to find the right hack to make a 1-pixel difference in a design for a browser that is being used by only 5% of my clients’ visitors.  Now, many of you will say that I shouldn’t go through so much trouble to accommodate just a few visitors and I would agree with you.   However, if I tell my clients that their site will look great in specific browsers, then I’m going to make sure that it does.

Yet, I’m beginning to feel that bending over backwards for these users is not the correct approach.  I’ve come across a few sites that share that same sentiment and definitely make a good argument to stop the nonsense.  If you’re a designer or developer, you know that 90% of my frustration is hacking for the IE6 browser.  Of course, for professional sites, I still find it necessary to accommodate the IE6 users.  Looking at my analytics, I can justify the extra work because I have enough visitors still using the dreaded browser.  But, for personal sites or sites that aren’t e-commerce sites (and if the client is on-board), then I agree with the Stop IE6 movement.

Now I understand that many users that still use IE6 do not have control over the browser that is available (whether their IT department doesn’t want to spend the necessary 3 minutes it takes to upgrade, or whatever), but we’re not talking about making a site inaccessible with IE6, just not quite as beautiful as with a more standards based browser.

One of the more intriguing posts I’ve read on the topic is from Web Designer Wall, you can read the post here.

Thank goodness IE7 has a bit better CSS rendering engine than its predecessor.  Soon IE6 will be but a past nightmare, and we can start devoting our time and our shelf space to more important topics, like usability and accessibility.

Let me know what you think about this by posting your own comments.

© Xooxia for Xooxia Development, 2007. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Design.

Most Commented Posts

]]> http://xooxia.com/design/no-more-css-hacks/feed/ OK to use the F-Word http://xooxia.com/funnyinteresting-etc/ok-to-use-the-f-word/ http://xooxia.com/funnyinteresting-etc/ok-to-use-the-f-word/#comments Fri, 30 Nov 2007 21:32:42 +0000 Xooxia http://xooxia.com/funnyinteresting-etc/ok-to-use-the-f-word/ OK, usually when I’m scouring the web, I’m not in an ‘entertain me’ kind of mode. I’m looking for a solution to a development problem, seeing what other developers are up to, and whatnot. However, this post just struck me as pretty funny. Please take a look and let the author know how you feel!

Four cases it’s OK to use the F-word

© Xooxia for Xooxia Development, 2007. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Funny/Interesting etc..

Most Commented Posts

]]> http://xooxia.com/funnyinteresting-etc/ok-to-use-the-f-word/feed/