My Favorite Coda Plug-Ins

Posted May 19th, 2010 in Web development, Web tools
Coda

Panic Coda

I have to admit it, Coda by Panic is really one of the best Mac apps ever. Not only it has finally given me the better direction in developing HTML/CSS correctly, it also makes it more fun! It is quite a shame that Panic has not been updating it for a few months now, but that does not make it less powerful.

Why? Because Coda supports third-party plug-ins to enable you add more functions on top on the ones that come with the application itself. No, those plug-ins will not automatically create a website for you.. Consider them like as WordPress plug-ins or widgets, simple and small functions but if collected and used properly can save you hours of development time.

You can get a long list of the officially supported plugin-ins on Panic’s Developer section. To help you in choosing the right ones, here are my favorites:

  • Lorem Ipsum
    Generate 1 to 5 paragraphs of Lorem Ipsum placeholder text.
  • Remove Trailing Whitespace
    Trims whitespace from the ends of lines.
  • Replace Special Characters
    Converts almost all special symbols and characters into HTML entities.
  • TEA for Coda (not listed on Panic’s website)
    Text Editor Actions for Coda (formerly “Textmate Emulation Actions”, and always TEA for short) is a plugin that emulates some of my favorite Textmate HTML.bundle actions.
  • CSS Tools
    Performs automatic reformatting of CSS.

If you have your own favorites, please feel free to share them below.

Contactable jQuery Plugin on The Right Side of Page

Posted March 12th, 2010 in Web development, jQuery

Contactable is a great jQuery plugin by Philip Beel to include a nice sliding contact form, even if you only understand a tiny bit of jQuery and PHP.

I needed to use this plugin for one of my project, but I want it to be on the right side of the page instead of left. In order to do this, you need to change a small portion of the CSS and JS files. No special skills required. Still, you can save your time since you can download it directly below:

» click here to download Contactable on right side of page «

All credits go to Philip Beel. Instructions and demo can be checked directly on this plugin’s homepage.

Choosing The Right Web Hosting

Posted February 24th, 2010 in Web development, Web tools

I decided to write this post to remember my early years as a web developer when I only wanted to offer the best price for the client, including to suggest the cheapest web hosting provider without having a slightest clue how to qualify it as a ‘good’ or ‘better’ service. It might be just me back then, but web server was probably the last thing I would decide or search in the whole development process. They are just servers that are contantly connected to the Internet and host your websites so they are all pretty much the same, right?

Wrong. If you have the principle that a web project does not end after you launch a website and get the final payment, you should realize the extra work you need to do if you chose or suggested wrong hosting provider. You want your client to be happy with the website you built, not to get frustrated because it goes down every now and then while you can do nothing about it.

So, what makes the differences between the right providers with the rest? To me it would be quality, support and transparency. Put prices in consideration after you are confident with those three first. Remember, web hosting is a very competitive business. It is rarely a company is trying to overcharge you unless it has much better quality than the rest.

Now to the most important question: what type of server that you need?

Shared Hosting

Most companies and developers usually put this as the first option for a very reasonable reason: price. Nowadays, you can get the good shared hosting plans from $5-20/month. Are there differences between one with another that costs 4-5 times more? Most of the time, yes. Usually providers that offer more economical plans gain the profit by trying to sell more with the same server resources, this might mean they put more restrictions for the account like outgoing email and databases limitations.

When you are researching for a shared hosting plan, be sure to check on the limits for those. The next thing you might also want to know is SSH support.

The good things

  • Economical
  • Best money for disk capacity offered
  • Can be set with minimal web server knowledge
  • Easy to upgrade, although mostly only for space and bandwidth

What you might miss

  • Limited resources
  • Limited access

Things to check

  • Disk space capacity
  • Email, database, etc limitations
  • SSH access support

Ideal for…

  • Websites with minimal or no plan of expansion
  • Static websites
  • Companies or clients that plan to host many email accounts so require a big disk space

Recommendation

*Note: recently MT has been having stability and security issues on their gs (shared) plans, but I cannot overlook the fact that it has the nicest interface. This is important because it encourages the clients to browse through their control panel and do not get overwhelmed by it.

Virtual Private Server

This is the next upgrade for regular hosting, above this then it means you are developing a website in a very huge scale. Virtual Private Server gives you much more flexibility when it comes to resources and access. You can practically install anything that you can do on your local computer/server. It can easily be an overkill you opt for this if you only plan to host a simple company profile without any server-side processes.

When do you need to upgrade to dedicated virtual? When your blog is listed as the top 10 blogs to follow by Smashing Magazine, kidding. You should start considering it if you are developing a web project or installing a web app that requires more than average resources, like a newsletter system with thousands of subscribers or e-commerce system with many customers.

The good things

  • Better flexibility
  • Installable with almost any type of web based applications
  • Can be reselled
  • Guaranteed resources

What you might miss

  • Cost more than shared hosting, usually with less disk space
  • Simple access, more knowledge is needed

Things to check

  • Type of server: unmanaged/semi-managed/managed
  • Control Panel system: CPanel/Plesk/etc
  • Disk space, actual memory, server processor

Ideal for…

  • Websites with few applications installed
  • Dynamic websites and blogs with very high daily traffic
  • Companies or clients who are planning to expand the website with new sections and features
  • If you want to host the projects from your clients yourself

Recommendation

At the end, when comes the time to choose one, look for direct references and do your research to find the most suitable plan for. It is worth to mention about WebHostingTalk as one of the best source to find web hosting reviews and coupon codes and promotion!

I am sure you have your own opinions and suggestions about this, please feel free to post your comments.

Top Five jQuery Plugins For Any Project

Posted February 19th, 2010 in Web development, jQuery

I am probably the ten billionth person who says this, but jQuery this just GREAT! By spending a few extra minutes you can add so much interaction to your website. It is so easy to understand and use, you do not even need to be able to create your own. So many plugins out there that can make life so much easier. Here are five plugins that are not only nice, but also easy to implement:

Fancybox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

Fancybox sample

Jqtransform

This plugin is a jQuery styling plugin wich allows you to skin form elements.

Jqtransform sample

Supersized

Supersized resizes images to fill browser while maintaining image dimension ratio, cycles Images/backgrounds via slideshow with transitions and preloading.

Supersized image

Scrollable

The purpose of this library is to make it extremely easy to add scrolling functionality to a website. Whenever you wish to scroll HTML elements in a visually-appealing manner, this is the only library you need. The main design goals of this library are to provide visual customization functionality and programmability.

Scrollable screenshot

TipTip

TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!

TipTip image

Kudos for the programmers who developed these great plugins!

CrossSlide

Posted September 28th, 2008 in Web development

I really love Slideshow 2! JavaScript class for creating slideshows. It is super easy to use and customize. The only thing I wish it was based on jQuery instead of MooTools.

Well, I just found CrossSlide. I have not actually tested yet, but from the demo it has the basic functions of Slideshow 2! except the navigation bar. The better thing of course because it is based on jQuery, so I am happy to have this option. I am sure over time more feature will be added.

My full support for Tobia Conforto, the creator for this cool jQuery plugin.

75 (Really) Useful JavaScript Techniques

Posted September 12th, 2008 in Web development

I love the guys at Smashing Magazines! I have been collecting and indexing the coolest scripts I find for months, if not years. Now they just posted an article with 75 (Really) Useful JavaScript Techniques. Almost all the ones I like are there and so many more. Thanks!

Read their article here.

CSS Reference

Posted August 27th, 2008 in Web development

There are too many good CSS out there, possibly thousands, but I still want to share my most useful links. I always look that these sites first whenever I need something new or face some problem and need solution.

  • Listmatic – Using CSS and a simple list to create radically different list options
  • CSS Table Gallery – A showcase of how CSS and data tables can work together to create usable and pretty results
  • Position Is Everything – Explain some obtuse CSS bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to “make it work” without using tables for layout purposes
  • A List Apart – Explores the design, development, and meaning of web content, with a special focus on web standards and best practices
  • CSS tests and experiments

You can share yours too..

SSH Cheatsheet

Posted August 26th, 2008 in Web development

Funny, I never really took any use SSH until recently. So I have a whole lot of commands to learn and remember, and I am lousy at remembering! Good thing I found this Common SSH Commands page. All the basic commands and short description for each of them. Definitely helpful!

Review: Shopify

Posted August 24th, 2008 in Reviews, Web development, Work related

Shopify - a shop in minutes, a business for life

Website: www.shopify.com

[rating: 4.5/5]

A shop in minutes, a business for life. JadedPixel, developer of Shopify, is certainly not exaggerating its tagline, you really can set up your online store in minutes.

It all started a year ago. I had zero experience on working with e-commerce system. I always thought it had to be customized by someone who had absolute knowledge of programming that supports the system, whether it was PHP, ASP, anything. Surprisingly, it only took a few days to fully understand how the themes work and I could create a customized theme in a few days. Note, you can start building your online shop using the provided default themes.

Customization
Just like stated above, it is super easy to learn and create a new theme. It uses its own Liquid templatling system for dynamic content, but believe me it is easy to understand. Of course you still definitely need to have at least an understanding of (x)HTML, CSS and basic programming algorithm.

You only need to modify 6 or 7 theme files and one CSS file, compared to dozens on most of other similar systems. Worth to note, it is also convenient to add a customized JavaScript modules without interfering with the rest of system most of the time

Backend Admin
This is also one of the biggest point why we love it so much. The look and feel is very clean. AJAX support makes it possible to drag and drop to sort your products.

Shopify's Admin interface screenshot

Shopify's Admin interface screenshot

Support
The first place you need to go when you are experiencing any problem or bug is their forums which can be a good or a bad thing. The good thing is there are so many nice and skilled people on the community that will gladly share their knowledge and help you out. The bad thing, you just sometimes need a direct respond and explanations from the developers and it may take a while to get their attention.

Improvement
Shopify is growing along with your business. There are countless updates and new features that have been added since the first time we use it, and they plan to keep on doing it. Although there are some features that we wish they should have added, but not yet. They listen to their customers, so I am sure one day they will be added.

Price
Shopify offers a very unique pricing. You only pay a very reasonable monthly fee plus a small percentage of your transaction fee (ranging from 0.5% to 2%). This makes sense, if you want to start your first online business you possibly do not want to spend hundreds or thousands of dollar each month. You can check their detailed pricing plans here.

Final Words
I have worked partially with other systems since then, nothing is as simple as Shopify. It really stands with its concept, to make everything as easy as possible. For a small and medium business, Shopify is perfect! But if you need more detailed features like bulk shipping update, more flexible coupon code creation options or customer membership, you might have to wait until they include them to the system.

Hocus Focus Website Launched!

Posted September 5th, 2007 in Web development, Work related

Hocus Focus is a photo studio located in Senayan City, Jakarta. They offer new concept of children photography, babies, toodler, family picture, maternity and pregnancy.

Their site includes a gallery of their portfolio, contact info and promotions. Check it out: http://www.hocusfocuskids.com.

Diphemanil
Oxybutynin
Xanax drug testing
Hydrocodone m358
Tramadol ultram
Phentermine 37.5 tablet
Female uk viagra
Nitroglycerin and viagra
Xanax alcohol
Buy Tramadol
Montelukast
Tramadol online
Nonoxynol
Capreomycin
Viagra alternatives uk
Effects phentermine side strong
Fluconazole
Purchase xanax online
Paris france cheep viagra
Flonase
Snorting xanax
Imipenem
Ionamin
Tramadol without a prescription
Discount viagra
Phentermine and topiramate for weightloss
Strattera
Phentermine next day delivery
Phentermine no prescription free shipping
Minipress
Provigil
Phentermine yellow 30 mg
Tramadol prescriptions
Nabumetone
Xanax and alcohol
Buy Effexor
Cheap phentermine 37.5 mg diet pills
Nabumetone
Dangers of viagra
Prescription tramadol
Language phentermine ru
Cialis in the uk
Tolbutamide
Methenamine
Vicodin without prescription
Crestor
Lomefloxacin
Dosages xanax
Lowest cost phentermine
Generic cialis price
Ethisterone
Viagra free pill
Felodipine
Appetite suppressants equivelant to phentermine
Hydrocodone
Phentermine $89
Viagra online consultation
Phentermine raleigh
Buy xanax cod
Ambien
Famotidine
Iodipamide
Deslanoside
Ordering viagra
Luxury hotel rome xanax description
Metformin
Renova
Side effects from viagra
Capoten
Phentermine airborne express cod
Avandamet
Buying viagra on line
Dovonex
Ecstasy
Rabeprazole
Cheapest viagra on line
Triprolidine
Phentermine online purchase
Effects of viagra on woman
Lotrel
Cheap overnight phentermine
Buy Carisoprodol
Buy xanax no perscription needed amex accepted
Viagra substitute
Does phentermine work
Meridia
Hydrocodone withdrawal symptom
Prozac drug interaction with xanax
Acquisto cialis
Ceftibuten
Xanax sexual side effects
Ativan re valium vs vs xanax
Diclofenac
Buy canada cialis
Phenylpropanolamine
Black market viagra
Terfenadine
Injecting xanax
Purchase tramadol online
Fda approved phentermine
Chenodiol
Cialis
Loprox
Mebendazole
Theophylline
Side effect of viagra
Female viagra cream
Xanax dosages
Mirapex
Cialis
Buy xanax online
Cafergot
Olsalazine
Cheapest phentermine price
Xanax tablet
Female sexual inhancer viagra spray
Inderal
Guaifenesin
Tolmetin
Buying viagra online uk
Buspar
Viagra price
Phenazocine
Mixing viagra and cialis
Cialis purchase
Lowest price tramadol
Ritodrine
Phentermine free shipping 90 supply
Lortab and xanax without a prescription
Phentermine shipped to ky
Online pharmacy xanax
Effects from side viagra
Cialis impotence drug eli lilly co
Cialis experience
Alteplase
Percocet
Viagra versand
Viagra alternative uk
Vicodin and pregnancy
Tessalon
Zileuton
Buspirone
Dalteparin
Cialis new viagra
Wholesale pfizer viagra
Buy domain online 199mb com tramadol
Buy Famvir
Low dose xanax prosexual
Phentermine on sale
Herbal viagra for woman