Skip navigation.

exploreopera

| Help

Sign up | Help

gnapse corner

web for everyone

Posts tagged with "webdev"

Back to the neighborhood

, , , ...

I know, I know, I've been lost for a looooooooooooong while now, yes. It's a little bit more than seven months since my last post. What prompted me to write here again? Mainly I re-visited the whole site after the new version came out, just a couple of days ago. (And now that we're at it, I still do not know what the new features are).

It's not that I've been so busy that I was unable to post. I did have some time to post every now and then, although I've been busy. I've been working on interesing personal development projects, full of bleeding-edge technologies like AJAX. I've also been enjoying my new computing environment sooooo much you just can't imagine.

I am still on Ubuntu Linux Dapper 6.06 full-time, and I can't feel better at it. It is stable, friendly and enjoyable to the point that I have a hard time whenever I have to use that other OS that almost everybody use. I am developing web applications on Linux using jEdit as my main IDE. Aptana, of which I talked about in my last post coincidentally, turned out to be too resource-hungry, even though I have a modern PC with 512Mb RAM and 3.0GHz CPU speed. I've been using Firefox as my testing and debugging platform (Sorry Opera, but Firebug has no equal when it comes to test and debug a web application using JavaScript and AJAX heavily).

Thunderbird is still also my choice when it comes to email. Opera still does not have WYSIWYG email editor and other minor but handy features that I need. Opera continues to be my day-to-day browser for my web surfing needs, and OpenOffice, Gimp, ImageMagick, Beagle, Liferea, Gaim, Gnome, Vim/Cream, MPlayer and MPD do the rest. I've been also using Ruby's and Python's scripting power to automate some tasks in my working environment.

I've also been vey busy following the socio-political events that have happened in Cuba, my country, in the recent months, almost all related in some way to the illness of the president Fidel Castro and the temporary transfer of power, and how this has impacted our society. I know some people get more interested in this blog because of my nationality than for my interests and the topics I write about. Feel free to ask.

Anyway, I'll see if I can make the time to talk here again every now and then, mainly about the technologies I am using and how they make my life easier.

Truly platform-independent Web Development Environment that really rocks

, , , ...

Yes my friends. Dreamweaver is over now. At least for me.

Have you heard of Aptana, the Web IDE? It is based on the Eclipse platform, which I have been already using for Web development since I dumped Windows for good a few months ago.

And I really have to say that I've been missing Dreamweaver during all this time, honestly. I even have to confess that I cheated for a few days and I used it while on a friend's machine, and I felt delighted. Why is it that Macromedia then (and Adobe now) don't do it for Linux? People would really pay for it.

But Aptana is platform-agnostic and it's free (as in speech and as in beer), just like Eclipse. It is available as a standalone download (with or without the bundled JRE in some cases) and it is also available as a plugin for an existing Eclipse installation. It features code completion in all of the Web trio: HTML, CSS and JavaScript. It is Ajax-oriented and is also aware of several popular JavaScript toolkits and libraries, such as MochiKit, Dojo, AFLAX and my personal choice, Yahoo! UI.

Code-completion pop-up list-boxes show the available tags/attributes/functions/css (depending on the context) along with browser-compatibility icons on the right, so that you can readily see if you are about to use an IE-only or a Gecko-only feature. If you are a Web-standards kind of guy like me, then you'll love it. Here's a screenshot for those who didn't understand this bleeding-edge feature.

And a small note before finishing. Eclipse has another web development toolkit available for everyone: The Web Tools Platform, which is an alternative and a choice. I discovered both recently and I personally prefer Aptana, but having a choice is nice. Feel free to try both, no matter if you're Windows, Linux or Mac. The Open-Source Web Development Environment is here.

Home page
...and common download options.

Blog

Stay up-to-date about Aptana.

Downloads
Detailed download page with additional options.

Screenshots
A good place to have a quick glance ot the main features.

Screencasts
Here you can get a more detailed view at it before downloading. Watch videos to see what it's like to use it.

And that's all. Enjoy it!

Miscellaneous links (aka needing a linkblog)

, , , ...

We still don't have that linkblog feature here at the community that would be so useful for those of us who need it, and it won't bother those who don't. And since I've found a few articles and pages worth commenting about, I will post them with brief comments in a single article, because I have no time to do a single blog post for each one.

---------

A tempest in a Wikipedia (The Inquirer)
I have written before about Wikipedia and all the controversy around its inaccuracies and open nature. Here is a good article with more on the subject and favourable to the successful online encyclopedia.

Bring on the tables (456 Berea st.)
Excellent tutorial about the correct use of HTML tables to present tabular data (not layout), and how to take advantage of the not-so-known accessibility and semantic features they offer.

Keeping up with Internet trends (Site Reference)
An end-of-the-year kind of article, highlighting the best of 2005 as a very active year for the web (it was active indeed), and some predictions/analysis/speculation on how these trends are going to behave in the year that just started.

Googleopoly: The motivation behind gmail (Site Reference)
Interesting insights about the role of gmail in Google's vision.

Web 2.0 - Fad or the future? (Site Reference)
Sometimes I found myself talking about the Web 2.0, because it's like a fashion nowadays to talk about it. Is cool. But if I question myself what Web 2.0 really is, I might at most have an idea about what to say. This article not just explains the Web 2.0 in a very simple yet clear way, but also talks about what to expect out of it and what the future trends might be.

Google OS = Mody Dick (Read/Write Web)
More on Google and the rumors that they're developing an operating system. I still like the Read/Write Web blog by Richard MacManus. It's always fresh and deep.

---------

Some of these are new stuff, some is not so new, but I found them recently, I haven't seen them before and I think they're cool, and so I talk about it here. So please don't be like those diggers that are always complaining in the comments about duplicates and/or old stuff. If you spend 24/7 around the web, it's not my fault. I spend just an hour a day at most.

Railing a bit

, ,

Is not that I'm being missed by so many people around here (is more like I miss my self bloggin), but I haven't been posting much for a while. In fact I haven't spoken a word in this blog for about a week or so. The reasons? Parties to say farewell to the dying year, and my latest discovery and fascination: Ruby on Rails.

If you are a web developer and you don't know what I'm talking about, I won't believe you. But just in case is true, go as fast as you can and check out this wonderful web development framework and the breath-taking programming language behind it.

I've been hearing about this platform for a while now, but I really didn't had the time to do the little research needed, until a few days ago. And believe me, it's amazing!

Among the greatest features Rails offer (IMO) are,

  • Based on Ruby, which I have found to be a great general-purpose programming language, with lots of well designed and powerful features (blocks, yield and iterators, mix-ins, just to mention a few).
  • The use of the Model/View/Controller design pattern, which contributes to the quality and maintainability of the code over time.
  • A well defined directory structure that keeps projects highly organized.
  • The use of convention over configuration. This feature saves a lot of time with just minor sacrifice on the design.
  • The outstanding object-relational mapping, which is heavily supported by automatic class-table name associations. No more bloated code-generators to reflect database models into immutable sets of classes.
  • Layouts, partials and components to make it easier not to repeat yourself with common UI elements.
  • The fact that it encourages you to work with separate databases for development, testing and production modes, which also contributes to the project organization and reduces risks of accidentally modifying or destructing important data.
  • Perhaps more, but these are the ones I recall now...

I have a handicap, though. Many people will tell you that RoR will surely give you a productivity several orders of magnitude higher. Although in part this is true, mostly because of scaffolding and other techniques, I always want to understand the underpinnings of a system before exploiting it in production mode, so I am still grasping the most obscure Ruby language features, as well as how all these Rails magic work under the hood. I want to have at least an idea.

For instance, I want to create a title property for all my controllers, so that the layout just automatically uses it as the content of an H1 element in the markup. The global application controller would have a global default value for this attribute, and descendant controllers would modify it as needed. I want this property to behave much like the built-in layout property, that specifies which layout is used to render a controller. But at the time of this post, I haven't figured this out yet.

Back to the original goals

, , , ...

Tim Berners-Lee, considered one of the creators of the World Wide Web, is now blogging. It seems that his original intentions are just beginning to be fulfilled, after more than fifteen years (too much time for this ever-changing world of IT). Anyway, happy blogging and welcome to the blogosphere!

I won't comment much more here so go and read for your self. This will surely be a blog worth of adding into my aggregator. I must also acknowledge my original source. I first heard about Tim's blog in another blog, Read/Write Web, a name that, according to its author, is related to Tim's original goals.

Eclipse + PHP

, ,

Two posts ago I was enjoying my new Linux system, but I had complains about the lack of a good PHP development environment. I have just a few requirements of such an environment, the most important of which are auto-completion of tag names and attributes, auto-insertion of tag closings and syntax coloring. I don't even need the hardest-to-implement feature of all: WYSIWYG designer like Dreamweaver has. I always code absolutely everything by hand-typing it.

After looking for alternative editors and IDEs available for Linux, I found out that Java's greatest IDE, Eclipse, has a plugin to convert it into a great PHP IDE. I downloaded the last Eclipse version and the last PHP-eclipse plugin version, and as I'm typing this post, I have it running. I just couldn't wait to come and tell about it here.

So if you're a PHP developer that likes a reasonably comfortable environment, and you haven't dropped down Windows because of Dreamweaver, here you have a solution. I should also alert you that you'll need a reasonably modern hardware, because Eclipse needs some resources (Dreamweaver needs them too).

Web 2.0 explosion

, , , ...

I feel like there has been an explosion of cool, AJAX-ed, web2.0-ish services in the last few months. Everyone seems to be eager to show up their skills in this new innovative web field, not just from a technological standpoint, but also with new and improved layouts, organization schemes and usability of richer user interfaces, as well as on generating ideas of new original and useful services, or better implementations of existing ones. These web-based rich-client applications are meant to be the word of order in the web of today, like the dot-com's were a few years ago.

Services are of different well-defined categories, like wikis, file sharing, pictures and video sharing, news-feeds aggregators, social bookmarking, personalized homepages serving as a web entry-point, users communities, robotized news and blog crawlers that select the best from the web and present it summarized for you in a homepage, user-centered news sources like digg, emulators of window managers and desktop interfaces, pod-casting and vloging tools, and a few more I guess, including combinations of all these, and combined with other more traditional services like web-mail, calendaring, on-line dating, IM, etc.

I recently talked about some of these categories mentioned above, but I decided to expand a little bit the spectrum because almost everyday, when I sit down at my aggregator in the morning and fetch from all my feeds of choice, I find out about at least one new service I never previously knew about. And I repeat, at least one, because occasionally two or more appear in a single morning!

To better justify these claims I could go on and enumerate here a few examples, like flickr, songbird, netvibes, riya, glide, boltfolio or 23. And not even the big ones are escaping from the phenomenon. Google perhaps was the starter, with Gmail prompting an interest of web developers on Ajax techniques. They now have Gmail, Google Reader, Google Maps and their personalized homepage.

Yahoo! was prompted by Google's success, and they improved their services to keep up with the competition. They now have Instant Search and they're also redesigning the web-mail interface (see previous post). And last but not least, Microsoft, the giant of software is also being pushed into it. Windows Live is a live example of what I mean.

As you can see, there are both big ones and small ones. The big ones are trying to maintain/strenghten their dominance, and the small ones are fighting to stand up in between the mainstream providers, or trying to be noticed and be acquired by one of the giants.

If you want to be regularly updated about new services, improvements on old ones, alliances or any other related stuff, be sure to add TechCrunch's feed or some other web2.0 workgroup blog to your aggregator. For instance, directly from TechCrunch's about,
TechCrunch is a weblog dedicated to obsessively profiling and reviewing new web 2.0 products and companies.
Seriously, I don't know how this Mike Arrington is able to keep himself informed, but is great to have him informing the rest of us. Thanks!

Like an ice skating couple

, , ,

Hallvors has written a nice article about a subtle metaphor depicting how web pages and browsers can interact and work together to deliver a positive experience (or how they can work against each other ruining it all).
Imagine this: the browser and the website are like an ice skating couple. When they follow the choreography and are used to working together, the effect can be dazzling and we feel like we can watch or surf forever.
I think Opera is one of the most exquisite and intelligent dancers out there. It is a pity that is being misunderstood by some dancing partners.

I won't tell you more, go and read it yourself, and continue reading his blog, which is great if you're interested in web standards and Opera.

Don't screw it

, ,

This is what you get when you screw it up. Microsoft has spend years making the worst browser available, breaking web standards, trying to destroy any competing browser. I even thought they were the sole authority dictating web practices, and that the w3c were a bunch of impostors.

I've been tired that people always blame web developers and designers when a web site appears broken in IE, and on the other hand, they blame browser vendors (other than IE itself) when a web site appears broken in such browser.

Now they seem to be willing to adhere (at least a bit) to standards, but they'll be paying (at least a bit) for their arrogance. They are unleashing IE7, which will support many (previously unsupported) CSS2 features, but the problem is that web designers all over the world hacked their CSS based on unsupported features, to (attempt to) give the same visual appearance across browsers. Now web sites hacked for previous IE versions will look broken in this flashy new release.

And guess what. They are asking web developers to remove the hacks, to re-code everything again, after they were such a pain over there (you know where). But the best part of this is not the post in itself, but the comments that follow it. I particularly liked this one.
Yes, the following suggestion might be blasphemy for Microsoft, but I had to try.

Why not use the Firefox rendering engine, called gecko? It is Open Source, so Microsoft is allowed to use it (and don't even have to pay for it, as it is available for free (as in free bear)).

Every Webdesigner would be happy if the IE 7 renders pages the same way Firefox does it.

Ok, Microsoft would have to open source IE 7 but as it is included in WinXP / Vista Microsoft doesn't make any money directly with IE. I don't think many uses will upgrade vom Windows 2000 (or whatever) only to get a new version of the Internet Explorer. So no earnings will be lost and I don't think that the business competitors won't have much advantages of an open sourced IE.

Also the developers of IE can concentrate on other features like improved phising protection or something like that.

In the end it sounds (well, at least to me) like a good solution. Less work for Microsoft, less work for Webdesigners.

As a web developer my self, I couldn't find a better answer than this one, taken also from the comments section, and very well said.
So... you're only going to fix some CSS bugs, and I have to then go around and fix the hacks on my site now? No deal. I'd rather let them break, and wonder what's wrong with IE.

Make your CSS full compliant, and then we'll talk. Last post I checked, you weren't going to be anywhere near Gecko or Safari. This isn't productive, having to mop up your mess only half way.

And last but not least, my personal favorite. This is an excerpt from a larger comment.
First you're building cars with triangular tires, and people had to build roads with holes on it, and now you're complaining your new car with round tires can not drive on these roads.

How to create

, ,

If you are a web developer or designer, and you are aware of browsers incompatibilities and bugs (specially in the case of IE) then you will love this web site I found, named HowToCreate.co.uk. Moreover, if you are a user of this wonderful browser named Opera, then you will appreciate this web a lot more.

I have barely browsed it, but I've already found some great writings, with very good arguments, about differences between browsers, the importance of standards and the different levels of support. I read there one of the best cases about why not to use Internet Explorer, as well as why to use Opera. Even though the author is unarguably biased toward Opera, the other good browsers (Firefox, Mozilla, Safari, Konqueror and the like) are treated kindly, as they deserve.

Particularly in this site there are some articles or sections that I would like to highlight here for you to visit them directly.

July 2008
MTWTFSS
June 2008August 2008
123456
78910111213
14151617181920
21222324252627
28293031