When Old School Propaganda Fails To Be As Effective

As brutal and corrupt as many governments can be nowadays, some are oblivious to the fact that the Web empowers the people beyond control. Dictators like Robert Mugabe of Zimbabwe, Teodoro Obiang of Equatorial Guinea, and Hosny Mubarak of Egypt might like to think that they rule with an iron fist that is virtually impossible to dismantle. While that is certainly close to the truth, little do they know that their technological incompetence and their underestimation of the power of the web is a potentially serious threat.

Egypt, for example, has opened up the press freedom over the past decade, which has encouraged a number of independent newspapers to take the stage. That, along with the exponential technological advancements that the world as a whole has experienced, has left the government thinking that perhaps it has bitten off more than it can chew. In the 80s, the three main papers were all governmental, and any story shared between the three, regardless of it authenticity, become true to the masses. Not only that, but propaganda posters and cartoons were highly effective.

Now the times are-a-changing.

After the horrific sectarian clashes in the south of Egypt, the entire Egyptian blogosphere was talking. Twitter was on fire. Facebook was flooded. And the blogs discussing the issue were scattered all over. That is when Al Ahram, Egypt’s main government-run newspaper, decided to weather the storm. Besides the fact that their website, when it actually works, looks like cow manure reshaped to fit within a computer screen, their approach was older than the president himself:

The ridiculous propaganda cartoon by Al Ahram

The “illustration”, which seems to have been scribbled and slapped together by a six year-old with mental illness, depicts the happy Egyptians together celebrating peace and prosperity. A Muslim coming out of a minaret shouts out simultaneously with his Christian counterpart standing on a church tower, “our shared enemy is the devil.” If that’s not enough, the “doves” in between are carrying hearts back and forth to imply unconditional love exchanged by all the peoples. The worst part of it all is that it’s not a joke – Al Ahram genuinely thought they would indirectly fool the crowds into believing that the all is well at the land of the Pyramids.

20 years ago, the cartoon could’ve stood a chance. Now, it could only make matters worse. The main reason being that with access to unlimited and uncensored information between the different people across space and time, old school propaganda has become ineffective. People no longer fall for the idealizing images of brutal dictators, nor photographs of happy citizens enjoying life. Not only does it need to be far more sophisticated, it also needs to be significantly more convincing. After all, there’s a lot of competition, and the web is anyone’s to create and share.

Dictators with over a quarter of a century under their belt might feel safe, but few have hopped on the fast-track trail of the internet and are therefore are not in as much control as they would like to think. For that reason, along with education, health care and infrastructure, internet access should be one of the aspects in the developement of over-exploited nations. Since effective communication is key to any change, the web is absolutely crucial in connecting the people and giving them the power they need to gain equality and justice.

The web has been, and will always be, power to the people – nothing can take that away from it.

Share this post:

Web Developing on Mac OS X with Panic’s Coda

Out of Adobe’s undisputed Fab Four on any web designer’s desktop (Photoshop, Illustrator, Flash and Dreamweaver), the one specifically for HTML and CSS is probably the most threatened. Indeed, replacing any of the first three is almost an impossibility (see my post on GIMP’s attempt to overthrow Photoshop). Finding an alternative to Dreamweaver, however, has become more of a reality.

And why not? After all, when you’re cutting up the design, laying out the XHTML, and writing up the CSS on your framework of choice (see my reviews on the 960 GS, Blueprint CSS, or 1kb CSS Grid), you don’t need an application for rocket science. The main reason why many designers stick to Dreamweaver, as oppose to opting for any of the open-source alternatives, is because a) it tags along other essential Adobe products in a Creative Suite, and b) it boasts some neat features. However, it remains an over-priced product for a relatively simple task.

Panic Coda

In comes Coda: a web development application that brings everything you need in a single window (Mac OS X window, that is). Firstly, at $99, it’s not the priciest of applications, given that you develop websites professionally. More importantly however, it packs some top-notch features:

• Subversion integration that allows you to synchronize your files
• An emotionally touching FTP client built into the sidebar. Browse a remote server, click on the file you choose to edit, and save to instantly update the remote file. No need to use a separate FTP client, a text-editor, or endless hours
• Live collaboration. That’s right! Who would’ve thought that you’d be able to work on the same code with someone else at the same time (granted the other person bought his or her own copy of Coda)
• Live preview that is built into the application, but is actually using Safari. Unlike Dreamweaver, you are viewing the page in a full browser, but without actually changing windows
• Built-in terminal if you ever need (doesn’t get in the way if you don’t)

The most important aspect is that it’s sleek. The interface makes you feel very comfortable as you’re creating color-coded magic. Doing everything locally is a breeze, and then editing remotely on the fly saves a lot more time than running around your FTP client and temporary text editor. Its performance is also more impressive than its Adobe counterpart.

FTP on the left sidebar, colored code in main area

The biggest disadvantage must be in its price tag. Even if it is cheaper than Dreamweaver, thus making it the clear winner, it is still $100 more expensive than the second best open-source option. When the likes of Aptana Studio learn from Panic’s baby and step up their game, then no one will have to pay anything to live a proper web development experience. Until then, we’ll take the money out of our savings. My condolences to Adobe Dreamweaver, you were great, but now it’s time to move on.

Share this post:

How to Create a Centered UL with Blocks of LI Links

Whether you are working with a CMS or creating a static page (which is logically the step before your custom CMS theme), you are often left to ponder the best way to display a navigational menu or pagination links so that they are centered and in blocks of equal size. You’d be surprised how easy that is, this short tutorial is to get you to create a list that looks as such:

We want blocks of equal sizes, each linking to a given page (without a gap between the edge of the box and start of the link). And we want the code to be perfectly valid, of course.

First, we’ll start with the markup, which is a very basic unordered list:

<ul class="navigation">
	<li><a href="#">Item 1</a></li>
	<li><a href="#">Item 2</a></li>
	<li><a href="#">Item 3</a></li>
	<li><a href="#">Item 4</a></li>
</ul>

This alone results in a standard list with bullets and links. Now we need to add the CSS that will give us the look that we’re after:

ul.navigation{
	list-style: none;
	text-align: center;
}
ul.navigation li {
	display: inline;
	font-size: 14px;
	margin: 0 10px;
}
ul.navigation li a{
	background-color: #e5f27b;
	border: 1px solid #d9e383;
	color: #666666;
	display: inline-block;
	padding: 2px 8px;
	text-decoration: none;
	width : 75px;
}
ul.navigation li a:hover{
	background-color: #fe8a61;
	border-color: #d78466;
	color: #ffffff;
}

As you can see, it’s very straight-forward and you can easily customize it according to your needs. It’s useful for navigational menus, as well as pagination links to be displayed at the top or bottom of a given page.

Share this post:

Google Nexus One vs Apple iPhone 3Gs

An informative video by Gadget Video Reviews that compares Google’s new phone (manufactured by HTC) with the iPhone. Straight, to-the-point, and fills you in with what you’re really after.

Although you’ll never be able to fully judge until you get your hands on one of Google’s new boys, it is useful to have a broad idea. The one aspect that I am particularly concerned about is the touch screen of the Nexus One. If it cannot match the intuitive scrolling of its Californian counterpart, then Google might have a bit of work to do before it can grab a market share of any significance.

Share this post:

Issue Tracking and Team Collaboration with WebIssues

When working on any web projects, organization is key. Perhaps when you are working on your own, using a handful of tools to be sure that you are on top of things is not a priority – it could in fact become a waste of time. However, once you start collaborating (the key word) with others on projects, it is crucial that you establish a system of communication. Between the projects, tasks, milestones and tickets, you’re sure to be left MIA if email and chat programs are your paths to international communication.

A very popular web-based project management tool is Base Camp by 37 Signals. Although its price tag is not at the attractive end at the spectrum, when you are ready to work with a group and are bidding for bigger projects (with a goal of making more profit), Base Camp’s monthly charge is a small price to pay for a significant increase in efficiency and productivity. The long list of alternatives (both open-source and commercial) could be discussed at another point, the one aspect that I wanted to pay close attention to is tracking issues and bugs.

Without a doubt, one of the best and most popular bug tracking tools is Bugzilla. The free and open-source application can be installed on any server and provides a web interface to be accessed from any browser. However, aside from an interface that could confuse a designer or two, Bugzilla’s main problem is that it requires ‘root’ access on the server it is installed on, which virtually eliminates the vast majority of web hosting providers. If you are not willing to invest in a dedicated server (see my posts on the different types of hosting), or at least a Virtual Private one, nor setup your own server at the home or office, then you’re in a need of an alternative – ideally one that runs entirely using PHP and MySQL.

WebIssues client on Linux

Look no further, for the ever-progressing planet of the beautiful open-source brings you WebIssues; an open-source, self-hosted issue tracking and team collaboration tool by Michał Męciński. Just visit the website, download the zipped file to be unarchived and uploaded to your server (preferably under a sub-domain such as bugs.mywebsite.com). You’ll need to do edit the configuration file and type in the address and login of the database that you’ve created for the application to use. After that, download and install your WebIssues client (available for Linux, Mac OS and Windows) and start reporting bugs.

As oppose to a strictly web interface, WebIssues provides a powerful access via the desktop client. Think of it as replacing your webmail with a desktop email client; performance is much better, the options are much easier to access and far more advanced, and searching/filtering is a walk in the park.

Some of the main features, besides the aforementioned desktop client access, include:

• Easy searching, filtering and sorting of all issues
• Fully customizable issue types, which allows you to tailer the interface for your particular projects
• Different permission levels and security

WebIssues desktop client on Mac OS

Perhaps more importantly, WebIssues strength lies in it’s strong database structure, and its easy-to-use API which allows you to add to it as you see fit. With time, not only will the application itself improve, but developers contributing will introduce even more features and enhancements that we could all benefit from. After the inclusion of an extensive system for reports, as well as a basic web interface, it’s hard to see WebIssues being outdone by any competition.

A core part of a team’s collaboration on web projects consists of tracking all of the bugs that arise, otherwise finishing off projects will become an impossibility. The free, open-source WebIssues allows you to do precisely that, regardless of the OS you use, while hosting it on your own server.

NOTE: WebIssues was first spotted by Omar Mohamed (website under construction), a web developer from Helwan, Egypt.

Share this post:

Top 10 Tech Stories of 2009

SoldierKnowsBest put together a casual video talking about the 10 breakthroughs to remember from 2009. It is obviously quite bias towards Apple as well as the main-stream companies, so it is best to view it as a recap of the products that made the biggest buzz in the consumer technology market in the last year.

Looking forward to the video showcasing the best open-source projects of 2009. Anyone?

Share this post:

Migrating from one WordPress installation to another

When you are working on a revamp for your website and/or move to another host, one major concern is how you will be able to migrate all of the posts and information from the current website to the new one. Depending on the size of the data that you are moving, this could be a long process or a short one, but in both cases, it is rather straight-forward.

1. The first step is to do a fresh install for the latest WordPress on the new server, you can follow my step-by-step guide to getting your WordPress blog up and running. You might be tempted into moving everything as is and just updating the database credentials, etc. but a fresh installation clears your blog from many potential problems. Ideally there would be a temporary URL that you could use while testing, after which you can update the DNS for your domain and go live
2. If on a testing server, you should consider using the WP Dummy Content plugin which generates as much fake content as you want to act as placeholders and give you a clear idea of how everything will look on the final website
3. Once the look and feel is as you’d like it to be, it’s time to install the plugins that you will be using for your website. One option could be as simple as downloading the folders in the “plugins” directory on the old server, but that’s definitely not the kind of attitude you want to take with you in 2010. The best practice would be to re-install the plugins one by one from within the new admin control panel. This will give you to option of researching better alternatives to any plugins you weren’t entirely comfortable with, and also assures that you have the latest of each one
4. Your temporary testing website is now ready with all of the features and functionality, displayed via fake content. It is now time to import the content from the old website
   • From the admin control panel of the old website, go to Tools > Export to create the XML file that you are going to be carrying to the new blog. If the content is large in size (over 1,000 posts), you might want to use the Advanced Export for WP & WPMU plugin, which facilities the filtering and segmentation of the different sections of the website
   • In many cases, the XML file is too big to be uploaded directly into the new installation. Therefore, you can compress the file using the .gz compression, which is understood by the huge majority of servers nowadays. You can use an open-source application like gzip to compress the XML file to about a sixth of the original size. When you upload the file, your server will automatically uncompress it, meaning you will spend far less time waiting for the file to be uploaded
   • Besides that size of the XML file itself, you could face the problem of reaching your PHP memory limit while uploading. This basically means that your server is only allowed to use a limited amount of memory before it stops whatever it’s doing. There’s a good guide at lost-in-code that shows you how you can increase that limit
   • If the importing process goes smoothly and then suddenly stops at one point, there’s no need to panic. You can simply refresh the page, hence resending the script to be parsed and imported, and WordPress will automatically skip all of the posts that already exist. Meaning that even if it stops every couple of thousand posts, refreshing will make it pick up where it had left off
   • NOTE: Although I haven’t tried this myself, there’s an alternative method for moving the content to the new location using a desktop application such as Navicat. In which case you would enter the database information of the two servers, and the program migrates the entries from server to server
5. Final testing is necessary before you update the DNS on your domain name to make it point to the new server. It is generally good practice to work on a ToDo list with everything that needs to be done for the website to be final. Those that are urgent should be completed before updating the DNS, while the rest can be done while you are waiting for the DNS to be updated everywhere (could take up to 12 hours)

The best part of it all, is that it’s free. With the power of the open-source tools, you will always find the help that you need all over our beautiful web.

Share this post: