Web Plant Media » Web Developing

Turn Off Autocomplete in Aptana Studio

ChrisB — Fri, 09 Apr 2010 01:54:01 +0000

I had the hardest time trying to figure out how to turn off autocomplete in Aptana Studio. Which means only two things: That turning off autocomplete is very straightforward and obvious and it just took me a long time to figure it out. Or that no one has gone to the effort to explain how to do it. I’m assuming and hoping for the latter. Here’s how:

Window->Preferences->Web->HTML Files->Editor->Typing

And then uncheck everything. You should be good to go.

What Width Should I Make my Website?

ChrisB — Fri, 09 Apr 2010 00:00:42 +0000

You have two options when it comes to deciding what width to make your website. You can have it expand the whole width of the viewers browser. Or you can have it set at a fixed size. Even if you have your page expanding the whole width of the browser, you’ll have to decide on a minimum width for your display to set to.

Personally, I cater towards a screen size of 1024 x 768. The web page you are viewing now has a fixed width of 900 pixels. Here is a list of widths of what other websites are using:

Name	Website	Width
Facebook	facebook.com	980px
Yahoo	yahoo.com	990px
MSN	msn.com	970px
New York Times	nytimes.com	970px
Wikipedia	wikipedia.com	100%
Web Krunk	webkrunk.com	985px
WalMart	walmart.com	720px
NFL	nfl.com	985px
Best Buy	bestbuy.com	790px
Apple	apple.com	985px

Here are some statistics on screen size usage from w3schools.com

Date	Higher	1024×768	800×600	640×480	Unknown
January 2010	76%	20%	1%	0%	3%
January 2009	57%	36%	4%	0%	3%
January 2008	38%	48%	8%	0%	6%
January 2007	26%	54%	14%	0%	6%
January 2006	17%	57%	20%	0%	6%
January 2005	12%	53%	30%	0%	5%
January 2004	10%	47%	37%	1%	5%
January 2003	6%	40%	47%	2%	5%
January 2002	6%	34%	52%	3%	5%
January 2001	5%	29%	55%	6%	5%
January 2000	4%	25%	56%	11%	4%

More specific screen resolution statistics from w3schools.com.

January 2010
Resolution	% of Total
1280×1024	18.2 %
1280×800	17.3 %
1440×900	10.5 %
1680×1050	10.0 %
1920×1200	4.6 %
1366×768	3.6 %
1920×1080	2.3 %
1152×864	2.1 %
1600×1200	1.4 %
1280×768	1.2 %
Other	4.8 %

10 Things Your Website Must Have

ChrisB — Sun, 04 Apr 2010 12:14:34 +0000

A well designed, simple, and scalable logo. Your logo is the heart and soul of your organization. Your website should be designed around the style of your logo. If you want to see what really good logos look like, click here.
Unique, well-written, and fresh content. Useful content gives visitors an incentive to return and refer others.

You feel safe and secured buying a computer from Apple. How you present your website is extremely important.

Simple and obvious website navigation. Make sure your visitors are not getting lost.
A great domain name. A simple and easy-to-remember domain name will help you to build your brand and retain loyal visitors.
Pleasant and simple cross-browser-compatible design. It is important to make sure that your website is accessible for all users regardless of the browser or monitor that is used to view it.
High quality images. Poor quality images will make your website appear amateur.
Fast-loading pages. In the first few seconds of visiting your website, a visitor decides to stay or go. It is important that you site loads quickly enough for them to view your website and make the decision for themselves.
Unique titles, headlines, and meta descriptions for each page. Titles, descriptions, and headlines are important to search engine optimization. This is so critical for the success of your organization. There’s no point in having a good looking website if no one can find it.
Contact information or a contact form. It is a great idea to display contact information because it inspires trust. As an alternative, you can also provide a contact form which is a great way to capture leads, get feedback, or provide visitors with an easy way to contact you.
Custom error pages. Without fail, visitors will visit pages that do not exist. Perhaps an external website linked to a wrong page. Or maybe they mistakenly entered a url in their browser. By creating custom error pages, you can provide your users with a seamless user experience and provide them quick access to whatever they are looking for.

What is the Best Text Editor for Web Development?

ChrisB — Sun, 04 Apr 2010 02:18:10 +0000

I have been developing websites for 7 years now, and I’ve gone through so many text editors in my quest for finding the perfect text editor. I will go through now and give you my opinion on all the text editors I’ve used. Let me say now that this review are for the programmers who hard code every single line and pixel.

Dreamweaver was the first IDE I ever used for developing websites. It has a nice color scheme and the ftp support is very solid. The only draw back is that it can be a little slow at times to upload and download files. Dreamweaver supports auto-upload on save command. It also nicely synchronizes all your server files with your local files. It feels good to know that I always have the latest back up of my website. What I don’t like about it is that it’s a very heavy program. It’s designed not just for coders, but also for designers. There are more configuration options than I care to think about. It’s also a very expensive piece of software.

Next comes Notepad++. This text editor is so close to being the perfect text editor. If it had a better ftp plugin, I would give this editor a grade of a 100. Sadly though, the ftp plugin is quite annoying. First, if you are editing a file for more than 15 minutes without using the ftp, the plugin will automatically disconnect and collapse your tree structure. I get quite a few errors when trying to run general operations like save or download. There have been a few times where the ftp plugin lost some of my files. When downloading, it would download 80% of the file without displaying an error. So if I was editing code somewhere along the top, and a uploaded the file back to the server, I would lose the bottom 20% percent. If you have WAMP server and you are coding locally, Notepad++ is perfect. But if you have to edit files through ftp, It can be a little frustrating.

Next comes Aptana Stuido. I was very excited when I heard and read about Aptana. First, their ftp support is very good. I can actually open up multiple ftp sites, and drag and drop files between them. It also has nice CSS support like Dreamweaver. The downside is that it’s written in JAVA. Not to say there is anything wrong with JAVA applications, but it can be a little slow at times. Sometimes, I feel like there is a small delay between my keystrokes and the text display. It’s not the most stable program and Aptana has crashed enough for me to make that comment. Sometimes, the FTP can be slow and I just end up using Filezilla to transfer images and videos. It’s a bit of a hassel to set up at first because you have to install the PHP and JQuery packages in order to start editing files. But, I’m just being really picky. Aptana is still a good Web Development IDE and it’s the application I use when I develop websites on Windows. Although, it’s definitely not my default text editor. It’s still a little too heavy to get that kind of treatment. Notepad++ gets that award.

Finally we have Coda! It’s just a beautiful text editor. It’s lightweight, but at the same time, you can do so much with it. It’s FTP support is fast and stable. It almost feels like I’m browsing a local directory. I just get things done faster when working in Coda, and I also feel happier. This is the difference between free open source software and paying for software. Coda cost a $100 to use. But it’s true that you get what you pay for. All the other text editors listed above are free. Also take note that Coda is only for Mac OS.

Which now brings up another question. Should you develop websites on a Mac or a Windows PC?

Honorable Mentions

Gedit – Gedit is for linux. I feel like I spend more time trying to customize it and make it my perfect text editor than actually programming on it. But it’s very good.

UltraEdit – This text editor is not free. But it’s pretty good. I didn’t actually purchase it because Aptana could do everything I needed to do while still being free. UltraEdit is like Notepad++, but with better support.

Getting a 500 Internal Server Error when Creating a New File

ChrisB — Sat, 03 Apr 2010 19:13:15 +0000

I was having a problem trying to create new files inside my web server. Every file I created would display a 500 Internal Server Error. I thought it was a problem with my web hosting company. It turns out that it was an issue with my default file permission setting. Using Aptana, it would create a file with default permission of 666, which can cause php to not be able to parse the file. This is what causes the 500 Internal Server Error.

To fix this, simply change the file permission to 644, which is also (rw- r– r–). Now all your files will display normally.

Notes

This is how you change the default file permissions under Aptana Studio.
Window->Preferences->Aptana->Permission

Also, Aptana has the default directory permission set to 777 (rwx rwx rwx). It would be safer if you changed the default permission for directories to 755 (rwx r-x r-x).