Results matching “adobe” from Ye Olde Rad Blog III

Learning the Unix Shell (bash)

|

Last month I mentioned a quest to learn the Unix shell .. specifically » bash (the Bourne Again SHell). Almost done. Currently ~80% complete .. enough to feel reasonably confident at a terminal.

Linux shell terminalThe 'shell' is simply a program that lets you interact with the operating system (actually the kernel, to be more precise) ..

.. by taking your (text-based) commands and passing them on to the kernel. In my case, this kernel happens to be » Linux (which is but one variant of Unix).

The term 'shell' comes from the notion that this software acts like a 'layer' that sits between you and the operating system .. similar to the way an egg-shell sits between you and your hard-boiled breakfast.

The shell can be intimidating, cuz it uses a (text-based) command-line interface (CLI). No intuitive GUI to help you along. You either know the commands or you don't.

Didn't take me long to realize the CLI was where Linux's true power resides. When we upgraded the site, for example, to a Virtual Private Server, the support-techs who helped me with the move all used the command-line to work their mojo.

Most Linux distros do indeed come with an excellent GUI (usually either KDE or Gnome). But (but!) the Rad VPS does not. Which is why it became necessary to learn the Unix shell. (Something I tried to avoid.)

The Rad VPS is based on CentOS (Community ENTerprise Operating System), an off-shoot of Red Hat, which is probably the most popular of all enterprise Linux distros (.. and now a new member of the S&P 500, a development you may find telling).

GUIs (such as KDE or Gnome) require lots of memory/RAM. My laptop, for example, has 2-gigs, but the Rad VPS comes with an allotment of only 512-MB (.. upgraded from 384 just today).

With that limited amount, I need to run not only all the standard web applications .. such as Apache (web server), MySQL (database), Perl (scripting language), etc. but also cPanel/WHM.

So there's not much RAM left to run a GUI. [ Don't think I didn't inquire about installing a GUI. =) ]

Bottom line » if you wanna administer your own VPS, you need to learn the Shell. So that's what I'm doing. (Of course, there have been distractions, making progress uneven.)

Learning XML

|

XML is the foundation for several next-generation web technologies, such as XHTML, Ajax, RSS and Web Services. So it sounds like a good thing to know.

XML vs HTMLWhile HTML (the language of the web) is used to display information (how data looks), XML is used to structure & describe information (what data is).

XML is easy to learn, but comes with a set of related technologies, such as:

  • XPath .. which is used to extract data from within an XML document (similar to how SQL works).
  • XSLT .. a styling language which transforms an XML document/file into something else (such as HTML, PDF, ASCII or another XML file).
  • XQuery .. provides advanced query functions on XML data, similar to SQL. More powerful than XPath.
  • XPointer & XLink .. which work together to create hyperlinks to XML documents and to sections within XML documents (even if/when no named anchors exist, which is pretty cool).

So there's a lot to learn. (I'm about knee-deep into it.)

Since XML is just plain text, XML documents/files can be created or edited with any text editor, such as Notepad or Wordpad, which come with every version of Windows. But they provide no advanced features such as:

  • line numbering
  • tag completion
  • syntax color coding
  • checking for well-formedness
  • validating XML files (against DTD & Schema)
  • collapse & expand sections of code

I heard that the best (most feature-rich) XML editing software that's FREE is » Microsoft's Visual Web Developer 2008 Express Edition .. which I downloaded and installed.

Holy moly. Big download. Couple of gigs. They make you register the software, too. Took me a long time to finish everything .. after downloading all the updates (including the security patches & SP1, plus installing Microsoft's SQL Server 2008 Express).

While surfing the web recently, I've noticed more website authors including a photograph of themselves on their home page (.. places such as here & here) .. aka 'mugshots'.

Mug ShotI forget when I added it, but my mugshot has been posted there for quite some time. It was taken at night (at the Noguchi sculpture garden in Costa Mesa after a yummy Italian dinner), and the flash illuminated only my image (nothing behind). So the background is dark .. which works nicely with the page design (dark background).

I even sampled the exact shade of black contained in the photo's background, so I could blend the photo perfectly into its surrounding box.

Personally, I like to see a photo of the authors whose sites I visit and whose articles I read. It's been said » the eyes are the windows of the soul. In other words, you can get a good idea of a person from a photo.

It actually took more courage than you might think to post that pic there .. so prominently .. for all the world to see .. the online version of stagefright. (Tho I wouldn't be surprised if some printed it out, blew it up, and used it as a dartboard .. or for other things.)

If I knew then what I know now. Ever uttered those words? Looking back on my progression of web skills, one omission stands out » incorporating the use of templates to help develop & maintain the pages of my web site.

Templates are both powerful & flexible for two reasons:

  1. They speed up site development, by allowing the rapid creation of web pages based on a preformed (uniform) structure .. so all your pages have the same look & feel.

  2. They facilitate site maintenance, by enabling structural changes site-wide via the editing of a single-file .. similar to how CSS works. This aspect of templates is considerably more significant than item #1.

Dreamweaver TemplatesIf your web site grows bigger than expected (as they usually do), and you want to make structural changes (non CSS-based changes) to your web pages, you'll have to edit each page individually (.. which suks giant goose eggs). Tedious maximus.

When CSS came along, website designers could transfer all style controls into a single file, so that the look of an entire site could be modified by editing a single file (provided, of course, the entire site was based off of the same style sheet). Very cool development.

But what about structural changes? That's where templates come in. To be honest, I'm not sure if web design programs (such as Dreamweaver and Expression) had the ability to generate templates back when I launched the site. But they do now.

With world-economies teetering somewhere between a nasty recession and full-on depression, more folks are turning to open source (free) software to meet their home computing needs.

If you've been Radified any length of time, you know that cloning programs are our specialty, especially when used as a tool to backup your system partition (where Windows resides) by creating an image file.

ClonezillaSo the question naturally becomes » What's the best free cloning program?

I've tried many options, such as Macrium and O&O DiskImage Express, but never quite found what I was looking for .. until today, that is.

Perhaps I should interject by saying that, regarding the NOT-free solutions, I've found that Ghost, along with Image-for-Windows to be the best for-co$t disk-cloning tools. (By 'best' I mean » most reliable.) Ghost is also way faster than any other cloning product I've demo'ed .. if speed is important to you.

Lots of people also like True Image, but I had problems with it. (Errors I couldn't resolve.)

But what if you can't afford those apps? Then what? We still need an industrial-strength (nuclear-grade) backup tool. Enter Clonezilla. (Standing ovation.)

First, I'm not crazy about the name .. nor the website's design, especially the tiny menu on the left-side that I can barely read. (Update - looks like they fixed the tiny-menu problem after I posted this.)

Heck, I don't even like their logo (white Linux penguin inside orange penguin). But I *am* impressed with the tool itself .. now that I've had a chance to try it.

Yes, it's significantly more complicated to use than either Ghost or Image-for-Windows, but I don't feel this complexity is a barrier to those with a moderate degree of computer sophistication. (Such as the folks who frequent Radified.)

Note that .. a cloning program can (if used inadvertantly) trash your entire system and wipe out every every file on your hard drive .. with a single click. So you can't experiment like you can with other programs (.. such Photoshop Elements or Sound Forge, for example). In other words, you need to know wtf you're doing.

Perhaps I should begin by defining some terms.

Been researching MODx, a Content Management System (CMS) .. similar to Drupal and Joomla .. tho considerably more 'flexible.'

MODx

Being a publisher-of-content myself means I'm always on-the-lookout for cool, new publishing tools. Movable Type has been my tool-of-choice since 2003, but I'm always open to trying new things.

The thing I don't like about Movable Type is that it's difficult to customize. You're limited to one of their pre-designed templates. Even minor tweaking is a nightmare. And it suks when your site looks like so many others.

Before we discuss CMS'es, you should know that Drupal won the Packt Publishing award for best Open Source CMS two years running (both 2007 & 2008). These awards were chosen by guys who know their CMS'es. Tho the judges admit:

There isn't necessarily one CMS that is "the best," but rather the best is the one that best fits a user's needs.

It's unlikely the judges actually used all the CMS'es themselves, since there are so many. Joomla came in second. It's probably the single most popular CMS out there.

Regulars might recall when I installed a copy of Ubuntu Linux last summer .. an operation I prepared for by creating a separate 20-gig partition (on my new hard drive), which I formatted as EXT3.

VMware Workstation

Somebody in the forums (Nigel, I think) suggested using VMware (.. either the freebie 'Player' or full-boat 'Workstation' ..) to run a 'virtualized' installation.

I initially balked at the idea .. cuz I didn't grok how virtualization works. But you don't need to understand how an automobile works in order to benefit from driving one. Same goes for virtualization. And the benefits are substantial.

The coolest thing about 'virtualizing' a Linux installation .. is that you can run it from (within) Windows .. just like you can run Photoshop (from Windows) .. or any other Windows-program for that matter .. multitasking all of them at the same time.

I found that .. if you can only use/access Linux by booting into it (and thus leaving Windows behind), you're less likely to use it (.. or so it has been my experience).

So last week I deleted my EXT3 partition, and reformatted it as NTFS .. where I installed a virtual machine containing Ubuntu 8.10 'Intrepid Ibex'.

Intrepid even found my wireless adapter upon initial boot-up. (Woo-hoo!) No more having to troubleshoot wireless connections and installing proprietary drivers just to get internet access.

The only drawback I've found is that you can't copy-n-paste info/text (such as passwords, etc.) between programs running in Windows and those running in (virtualized) Linux. (Tho I wonder if this might help.)

"Pick the professor, not the course" is sage advice for those heading off to college. With that in mind, I've discovered an exceptional instructor for folks wishing to master some of the programs contained in Adobe's Creative Suite.

Deke McClelland | Boulder, ColoradoSeems like I'm always up for learning some new digital tricks and » Deke is da-best instructor of Adobe programs I've found yet .. where the term best means easiest to learn from.

He specializes in Photoshop, but also teaches Illustrator & InDesign. It's clear he has been teaching and refining these courses over many years.

Of course, we all have different learning styles, so we respond differently to different types of instructors. But I feel comfortable recommending any of the titles he has authored, especially those contained in his trademark series » One-on-One.

I like how he comes across as someone who is more concerned that students learn the program and its accompanying toolset than trying to impress you with their level of knowledge. I most like that he obviously has the technolust. His enthusiasm is contagious.

His courses nicely balance a folksy demeanor (he lives in Boulder) with technical jargon. Very personable. Doesn't seem to take himself too seriously.

For example, he has no problem referring to Illustrator's Selection and Direct Selection tools as » "the black-arrow tool" and » "the white-arrow tool." Little touches like this help demystify Adobe's most sophisticated programs.

Adobe Media Encoder CS4 for Flash Video

|

Last fall, Adobe released Creative Suite 4. The CS4 upgrade featured a new Flash Video encoder. Encoding Flash video is a big deal cuz video-on-the-web is a big deal (and getting bigger every day), and cuz Flash video is the predominant web-video format .. with some sources claiming usage as high as 84%.

Adobe Media Encoder CS4

The new CS4 Flash Video encoder comes with the following products:

  1. Flash CS4 Pro
  2. Premiere Pro CS4
  3. After Effects CS4

Up to CS3, this encoder was called the » Flash Video Encoder (FVE) .. or the Flash CS3 Video Encoder (FVE.CS3). [ *** See UPDATE note #1 at the end of today's entry. ]

With the release of CS4, Adobe change its name to » Adobe Media Encoder (AME) .. or Adobe Media Encoder CS4 (AME.CS4) .. cuz it does more than encode just FLash Video files (FLV).

If you search for the terms » Adobe Media Encoder CS4, you might wind up » HERE, a page which contains a 62-MB *upgrade* (v4.01) to the AME.CS4. But nowhere could I find a download for the AME.CS4 encoder itself (a stand-alone version).

You might also stumble across this page, titled » Flash Media Live Encoder 3 (FMLE.3), which offers a free download (~5MB). But the free FMLE.3 encoder is not the same product as the Adobe Media Encoder that ships with the CS4 versions of Flash & Premiere Pro.

Even more confusing .. you might stumble across links to something called the » "Adobe Flash Media Encoder" (FME - note no 'Live' here). But this is not the new AME.CS4 encoder either.

Actually, this is an older version of Flash Media Live Encoder 3 (FMLE.3). With version 3, Adobe added the word 'Live' to differentiate this product from the new AME.CS4 encoder.

Video Tutorial for Dreamweaver CS4

|

While recovering from the crud this weekend, I took the opportunity to work thru a video-tutorial for Dreamweaver CS4 .. consisting of ~10 hours worth of instruction and 18 chapters.

Lynda.com

So I've gotten up-to-speed on DW.CS4 .. the world's finest web design software. (This page you're reading now was created with Dreamweaver.)

Excellent tutorial. Last year, I worked thru the same title (» Essential Training) for Dreamweaver CS3, which was also good. But this one (done by different guy) was noticeably better.

I especially liked how the guy who narrates this video tutorial (for DW.CS4) spent significant time focusing on the intracacies of working with CSS.

"Computer Science is not a science," proclaims a professor at MIT, drawing an X over the word. He's introducing an introductory course on Programming called » 'Structure & Interpretation of Computer Programs' .. aka SICP. (Watch the video yourself » HERE.)

The Wizard Book » Structure & Interpretation of Computer Programs, by Abelson & Sussman

Less than a minute into the lecture and already I'm curious. "If it's not a science," I wonder, "then...??"

"It might be engineering," he continues, as if reading my mind, "Or it might be art. We'll actually see that computer so-called 'science' actually has a lot in common with magic."

I smile at this point, having gained insight into the graphic displayed on the book's cover, understanding why some refer to it as » The Wizard Book.

Then he draws an X over the word 'Computer' and says, "It's not really about computers either." (Okay, now I'm really interested.)

"The reason we think Computer Science is about computers," he continues, "is for the same reason the ancient Egyptians thought geometry was about surveying instruments ..

.. » because, when a particular field is just getting started, and you don't really understand it very well, it's easy to confuse what you're doing with the tools you use."

So-called Computer Science (he explains) is really about formalizing intuitions & knowledge about » Process (a word he writes on the board .. he's a lefty, btw). He then clarifies himself by saying, "How to *do* things."

Rad Goes Strict (XHTML 1.0)

|

I converted the homepage to » XHTML 1.0 Strict (document type declaration) from XHTML 1.0 Transitional (which applies the rules associated with rendering web pages more loosely).

Strict

Only problem I had was the square Google AdSense ad, which I've traditionally wrapped in a <table> tag/element .. which is not the correct way to code it. (Cuz it's not really a table. Rather it's a JavaScript script.)

In Strict, I needed to convert the <table> to a <div> and "float it" left (in CSS) .. otherwise none of the other text would wrap up alongside the ad (like it does now).

All the images in the center section had to be assigned a class and 'floated' right (in CSS), cuz the Strict DTD does not allow you to align="right" .. like I used to do.

Aligning deals with "presentation" (as opposed to structure and content), and the Strict DTD moves everything pertaining to presentation out of XHTML (and into CSS).

I'm actually fairly comfortable with the requirements of the XHTML 1.0 Strict DTD .. enough to begin creating all new pages using the Strict doc-type declaration.

Find recent content on the main index or look in the archives to find all content.