Tag Archives: Web Development

Web development is constantly changing. Whether you are a page designer working with HTML, Dreamweaver, and Desktop Publishing Tools, or an architect of new media sites focusing on social networking, social bookmarking, and blogs, WebDevNews has informative articles and breaking news reports that will keep you up to date with trends in the industry. PHP programmers, JavaScript experts, ASP .Net developers, and CMS specialists will all find WebDevNews to be an interesting site for regular visits. Web developers can also submit articles on topics of interest to the site to be published on approval of the editors.

ShiftEdit – Web Based IDE

ShiftEdit is a new online IDE built around ExtJS and Mozilla Skywriter.

Philosophy behind the project:

Screenshot of ShiftEdit - Web Based IDE

Screenshot of ShiftEdit - Web Based IDE


“The web-based IDE is one of the final frontiers of apps ported to the web. I would like to be able to develop from any computer or operating system and have the same experience without having to install software or create site definitions.” – Adam Jimenez

These are some of the main features:

Code editor
The editor component is based on Mozilla’s Bespin. It has support for:

  • Syntax highlighing for HTML/ CSS/ JS and PHP
  • Block tabbing
  • Undo/ Redo
  • Line Numbers
  • Jump to line
  • + It’s very fast

(S)FTP support
There is a built-in FTP explorer which support FTP and SFTP.
You can create/ rename/ delete files and folders. You can also set file permissions.

Find/replace
Find and replace works across current or all open files. You can do text searches or regular expression searches.

Revision History
File revisions are stored whenever you save a file. You can then look back through past revisions and view a diff comparison.
You can then restore to an earlier version. Very useful if you or a colleague breaks something!

Website:
http://shiftedit.net/

Mailing list:
http://groups.google.co.uk/group/shiftedit?hl=en

Understanding Google Wave Development – Part 1

Since “Google Wave” was introduced at the Google I/O Conference in San Francisco May 27th to 28th, 2009, there has been a lot of buzz and attention surrounding the new platform. What exactly is Google Wave? According to the development team, it is the biggest upgrade to email since the introduction of the web, a type of combination between email, blog, forum comment section, instant message system, and widget board. Google Wave shows the enormous influence that Facebook is having on the future of the web – in a way, the preview looks as if the majority of Google services were integrated and remixed into an animated Facebook stream. The big differences are in the standards behind the interface: XMPP particularly allows the Wave documents to function like an instantaneous, shared whiteboard in addition to a saved multimedia document with filtered permission levels.

What is a wave?

“A wave is equal parts conversation and document. People can communicate and work together with richly formatted text, photos, videos, maps, and more.

A wave is shared. Any participant can reply anywhere in the message, edit the content and add participants at any point in the process. Then playback lets anyone rewind the wave to see who said what and when.

A wave is live. With live transmission as you type, participants on a wave can have faster conversations, see edits and interact with extensions in real-time.”

Source: http://wave.google.com/help/wave/about.html

For those that did not attend the I/O conference, the essential resource is the launch video from that day that is viewable at:

Google Wave Developer Preview at Google I/O 2009

Developing For Google Wave:

Google plans to open source much of the code behind the Google Wave platform, and one of the points confirmed is that anyone- ISPs, private groups, individuals, companies, websites, domains, will be able to operate their own Wave server based on the Wave Federation Protocols. Developers who would like to build new applications for the Wave platform should review the draft specifications and white papers available at:
http://www.waveprotocol.org/

The Google Wave API is intended to enable developers to embed Wave documents in standard web pages as well as to “extend” the platform by embedding widgets within a Wave itself. The Wave extensions allow for the embedding of virtually the entire archive of iGoogle widgets, and allow programmers to develop Java, Python, ActionScript, and other applications to add new functionality to a Wave. For more information on the Wave API, visit: http://code.google.com/apis/wave/

Related: http://googlewavedev.blogspot.com/2009/05/introducing-google-wave-apis-what-can.html

“On May 28th, the second day of Google I/O, we unveiled Google Wave as a developer preview. But, we’d never actually had non-Google developers use it, and we were eager to see how it’d play out… So, on the Friday after I/O, about 60 developers assembled down at Google HQ for the very first Google Wave API hackathon. After five hours of hacking and ad-hoc discussions with members of the Wave APIs team, there were a whopping 17 demos to show off. We were awed by how enthusiastically developers dove in to the APIs that day, and excited to see what they created. Their accomplishments were especially amazing as no one had even used the product prior to the hackathon.”

Source: http://googlewavedev.blogspot.com/2009/06/1-wave-sandbox-5-hours-17-awesome-demos.html

googlewave

Examples:

Embed API – Methods to communicate w/ server:

LoadWave
SetUIConfig
AddReply
Follow

Sample Google Wave Embed Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Wave Embed API Example: Simple Wave</title>
<script src="http://wave-api.appspot.com/public/embed.js" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var wavePanel = new WavePanel('http://wave.google.com/a/wavesandbox.com/');
wavePanel.loadWave('wavesandbox.com!w+waveID');
wavePanel.init(document.getElementById('waveframe'));
}
</script>
</head>
<body onload="initialize()">
<div id="waveframe" style="width: 500px; height: 100%"></div>
</body>
</html>

Source:http://code.google.com/events/io/sessions/ProgrammingWithAndForGoogleWave.html

pygowave

Further Resources:

A month after I/O, most developers who did not attend are still waiting for Google to approve sandbox access. There are a couple of good email discussion groups dedicated to working out issues related to development on the platform:

Google Wave API Group: http://groups.google.com/group/google-wave-api

Google Wave Federation Protocol Group:http://groups.google.com/group/wave-protocol

Wave Gallery: http://wave-samples-gallery.appspot.com/

PyGoWave Server also has a type of sandbox set up and some demo projects online:
http://pygowave.p2k-network.org/

Mashable: http://mashable.com/2009/05/28/google-wave-guide/

Wavety: http://wavety.com/

Drupal.org discussion: http://drupal.org/node/476438

Drupal.org module project: http://drupal.org/project/wave

Drupal.org Google Wave Group: http://groups.drupal.org/google-wave

JSConf 2009 April 24 & 25 Washington DC

JSConf 2009 is the first conference dedicated to JavaScript developers in all forms and it is shaping up to be one amazing conference. The conference brings together some of the greatest visionaries and developers within the JS community including John Resig creator of jQuery, Jason Huggins creator of Selenium testing environment, and Stefan Stoyanov from YUI. This is an incredible opportunity for anyone doing web based development since the conference material will show you how to use JavaScript in the browser, on the server, and on mobile handsets. Over two days you will learn about cutting edge technologies, how to get a great job in the web development world, and network with some of the most important people in the next generation web industry.

JSConf 2009 will be held in Washington DC between April 24 and 25, 2009. The conference brings together 16 speakers to present on JavaScript development in the browser, mobile, desktop, and server environments. If you haven’t had much of a chance to do some deep JavaScript work, this conference is a great way to learn from some of the best. Although many people don’t realize it, JavaScript can also be used to build thick client desktop applications. In addition, it is one of the only languages to successfully bridge object oriented and functional programming in a way that anyone can use it. JavaScript has seen an incredible rise with modern web application frameworks and it only seems to be increasing in the coming years, this is the only conference that will show you how important JavaScript is to your programming and design capabilities.

The conference is purposefully being kept small and intimate so you will be able to interact with the speakers and attendees during the day and during the social events. Also there will be many opportunities to interact with the sponsors and select vendors that will present to network and potential pursue employment opportunities. The conference costs $450 right now for two full days worth of speakers, breakfasts, lunches, a beer and wine tasting social event on Friday Evening, and a networking social event on Saturday Evening. If you are looking for more work, this conference has also drawn the attention of a lot of hiring employers who are looking for top notch developers.

If you are interested in going, we recommend getting your tickets soon at http://jsconf2009.eventbrite.com as they are selling very quickly. For more information or other speakers, check the website at http://www.jsconf2009.com or twitter us @jsconf

Mozilla Labs Releases Bespin Beta: In-Browser Collaborative Code Editing

I recently received a tip to check out a new Beta release of “Bespin” at Mozilla Labs, and decided to test the demo for review. First, what is Bespin and why would anyone be interested in it? Essentially it is a HTML or code editor that works in the browser, or in this instance a browser that supports the HTML 5 <canvas> protocol (which apparently FF3 does currently but IE/Microsoft has no plans to implement). The developers have used <canvas> and JavaScript to build a cloud application that works something like a Google Docs for coders.

All of the html, css, php, javascript, or other files for a site would be listed in browser in a file management hierarchy familiar to anyone who has used a FTP program or CPanel. Clicking on the file would load it directly into the browser where it could be edited and then saved back to the disk, or in this instance the remote server. The “cloud” aspect is related to using the browser for this work, rather than a typical desktop application. As someone coding html files for over 13 years, this routine of working through multiple programs during the web publishing process could be transformed.

Bespin also enables collaborative authoring, editing, and file management for web development through a shared browser interface. The simplicity of the program leads to its expansion – if it can replace the desktop editor on your computer, then why not have everyone on the team use it and manage the publication of core site code files in the same manner… through Bespin? According to the developers, they are looking to improve upon Vi, Emacs, Textmate and IntelliJ IDEA.

Continue reading

Get Free Web Designs

WebDevNews is happy to announce the official launch of it’s new sister site, Get Free Web Designs. Get Free Web Designs, is the result of collaboration between the people behind Xavisys and Blogging Rock Star and offers high-quality open source templates completely free! You can find open source templates in a number of great designs, and use them to create professional web sites that stand alone or integrate with popular CMS platforms.

Get Free Web Designs, or GFWD, currently has 167 open source templates for free download available on the site, and they are all valid XHTML! The designs can be viewed by author as well as being searchable by validation (XHTML 1.0 Transitional, XHTML 1.0 Strict, XHTML 1.1), license (Public Domain, GNU GPL, Creative Commons), contrast, width (fixed or fluid), number of columns, and color. If you would like to get regular information on updates and the addition of new themes to the site, subscribe to the RSS feed at: http://feeds.feedburner.com/GFWD-Design-Feed.

Continue reading

The Top 10 Open Source Content Management Systems

As a web designer working online since Netscape 1.0 building sites for clients, the biggest change I’ve seen in thirteen years in the industry is the advent of the Open Source Content Management System as the preferred platform for development. Nothing is more illustrative of the change between first generation web standards and the web 2.0 evolution than the CMS trend. Providing a great base for social networking, including blogs, forums, wikis, image galleries, comment logs, ecommerce, voting, bookmarking, tags, and innumerable other extensions along with traditional web publishing methods, the CMS is the preferred platform for most web designers building sites today. Open Source has led to the establishment of huge, user-powered development communities that are dynamically changing and constantly upgrading, offering free software, themes, and modules for building professional web sites. The ubiquity of the shared hosting LAMP – Cpanel – Fantastico set up has popularized the CMS far beyond even the developer/design community.

The top 10 Open Source Content Management Systems:

1. Drupal
2. WordPress
3. Joomla
4. Media Wiki
5. Liferay
6. TYPO3
7. Moodle
8. Dolphin
9. Pligg
10. Movable Type

Honorable Mention:
Xoops, Geeklog, e107, Mambo, Nucleus

Continue reading