Quick Overview: Appcelerator Titanium

Written on April 8th, 2010, by Cristian

Here is a nice presentation form NetTuts as they try to build a iPhone App, of a service called Appcelerator which allows developers to build native desktop and mobile (iPhone in my case) apps using the web technologies that we already know, like JavaScript, HTML, CSS, Python, Ruby and PHP! This is a alternative to Abobe AIR but it’s also supports mobile platforms. I recommend this platform for anyone who doesn’t have Objective-C experience.

Learn More.

Tips for a better wireframe

Written on February 18th, 2009, by Cristian

wireframing

Clive Howard, has a interesting post where he talk as his personal experience with a project without a plan and wireframes.

Wireframing is one of the first steps in your planning process and arguably it’s one of the most important ones. This is when the idea starts to take shape as an application, becoming boxes and buttons that users will interact with. This article will take you through a wireframing process; who should be involved, the tools to use and tips to enable you to make better wireframes.

Here are 20 short tips that you should take in consideration:

  1. Be Clear About Your Objective
  2. Make it Functional, Not Pretty
  3. Draw on Your Experience
  4. Decide Who’s in Charge?
  5. Involve Everyone
  6. Set a Deadline for Completing the Wireframe
  7. Keep it clean
  8. Avoid Designing Your Wireframe Too Much
  9. Remember that UI is not UX
  10. Think About the User
  11. Don’t Get Lazy
  12. Organise Your Wireframe into Sections
  13. Number Your Pages
  14. Look for Repetition
  15. Check it all Makes Sense
  16. Ads are Functional
  17. It’s Not Just the Public Site
  18. Know When to Stop
  19. Choose the Right Tools
  20. Consider Dependencies

Do you have any other tips to add to the list?
What do you think about wireframing?

jayDom JS Library

Written on December 18th, 2008, by Cristian

What is jayDom?

It’s a Javscript library developed by Debuggable, Felix Geisendörfer which tries to provide its users with a standard of organizing and writing their JS code for complex web applications. The alpha version should be ready in less than 2 week after Felix promises.

You can take a look at Word Dominatoion presentation using jayDom, jQuery and CakePHP. Also you have below the main features of this great masterpiece.

Features

  • Microformat-like definitions of your markup
  • Simplification of business logic: $(‘.task:first’).field(‘progress’, 50);
  • Semantic jQuery selectors like $(‘:field(Person,name=Felix)’)
  • Easy ajax: $(‘:type(Person)’).save()
  • Dead-simple creation of new elements: $.create(‘Task’, {name: ‘New Task’}).appendTo(‘#tasklist’);
  • CakePHP-like $.url(), $.underscore(), $.camelize(), etc. functionality
  • and more things to make your life easier …

How to creating custom write panels in WP

Written on October 24th, 2008, by Cristian

WordPress again…. Everyone knows that WordPress is one of the most, if not the most, popular blogging systems on the internet today. With its out of the box features, plugins, and great theming community, its no wonder WordPress has been accepted as today’s standard.

Here is a great tutorial for WP developers on “How to create a custon write panel“.

This is a very good solution not to work with meta_tags, and teach the user or client how to use them things that I’ve been doing, is function called add_meta_box, that WP has it.

How to create a iPhone Interface for a application

Written on July 19th, 2008, by Cristian

Now, when the iPhone 2 is out a friend of mine ask me if I’m able to develop a simple web application for it, that should be optimized for Safari. The problem was that I never developed a interface only for the iPhone so I made a research on this and I found a great tutorial on the CSS Tricks blog that I think is quite useful and I want to share.

They are showing how to combine the jQuery Javascript library and a PHP feed aggregator to create a iPhone/mobile interface for any RSS feed.

They work through the process – five simple steps:

  • Create the iPhone Environment
  • Pull in the RSS Feed
  • Creating the Front Page: Headlines Only
  • Creating the Article Pages: jQuery Slider Style
  • Adding Some Flair

All code and images needed are included (as well as a demo if you’d like to try it out).