Sage Theme: Seeing Red

Sage is a lightweight RSS and Atom feed reader extension for Mozilla Firefox.

List of Features:

  • Reads RSS (2.0, 1.0, 0.9x) and Atom feeds
  • Newspaper feed rendering customizable via style sheets
  • Feed Discovery
  • Integrates with Firefox’s bookmark system
  • Imports and exports OPML feed lists
  • Support for a number of locales: Argentine Spanish, Catalan, Chinese, Czech, Danish, Dutch, Finnish, French, German, Greek, Hungarian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Serbian, Slovenian, Spanish, and Swedish
  • Simple, one step install / uninstall

If you use Sage, try a new theme I just released called Seeing Red.

Download

Black Green Theme

Introducing my latest WordPress theme called Black Green. It’s simple, ultra-minimal and uses an Ajax Accordion script. The theme is a spin of the Black-Letterhead theme, but it’s more elegant and simpler. See the Accordion script in action by clicking between the Articles and Archives links. For support, please visit the Support Forum.

[download id=”3″]

gPHPEdit

Gnome is a desktop environment for GNU/Linux or UNIX computers. Gnome comes standard with a handy text editor called Gedit. The Gedit text editor is simple and easy to use, but it lacks the features essential to be a programming editor. Introducing gPHPEdit, a PHP, CSS and HTML development editor. It comes with syntax highlighting, coding assistance, syntax checking, code navigation and integrated help.

gPHPEdit will recognize PHP and HTML files and will color highlight the file during editing. It recognizes all PHP functions up to and including PHP 4.3.0. gPHPEdit will also recognize CSS files and will color highlight the file during editing. It highlights valid CSS classes and descriptors. gPHPEdit also recognizes SQL files and will color highlight the file during editing.

You can learn more about the features of gPHPEdit from its website.

To install gPHPEdit, simply run this command from the terminal:

# sudo apt-get install gphpedit

The only thing I found annoying at the outset was the right hand edge guide, but I was able to remove it by editing Preferences. I also activated WordWrap as a matter of preference since I don’t like using horizontal scroll bars.

Black-Letterhead 1.5

I’ve just released Black-Letterhead 1.5 which now includes gravatar support. The new theme will display gravatars or globally recognized avatars when visitors leave a comment on your blog. No more gravatar plugins needed.

I made some CSS style changes to fix the IE formatting issues in the comment section. IE and Firefox displays are now identical. I also updated the footer section to reflect the 2008 copyright.

I’ve decided to discontinue the use of Theme Toolkit in 1.5 to simplify maintenance of several versions of the code. If you still want to use the Theme Toolkit, it is still available for download in version 1.4.

The Black-Letterhead 1.5 is now available for download here.

For support, please visit the Support Forum.

CSS Class vs ID

When I first learned CSS, the biggest challenge for me was learning the difference between “ID” and “CLASS” selectors. I struggled with the concept until I learned that “ID” selectors are unique and can only be used once in a page layout. On the other hand, “CLASS” selectors can occur multiple times in a single page layout. A good example of using the “CLASS” selector is using it for posts or articles which can occur many times in a single page. See some examples below.

ID Selectors

ID selectors are unique. They occur only once in a page layout. A good use for an ID selector are headers, footers, menus, sidebars, etc. Remember, it’s must be unique and can NOT be repeated in a page.

<div id="header">
header info here
</div>

Apply CSS to ID selectors by using the # pound sign. I associate “ID” selectors to an ID Card or a Drivers License which contains a unique number. Therefore IDs have unique numbers and uses the # pound sign.

#header {
padding: 10px;
margin: 2px;
}
#footer {
color: #555;
font-size: 12px;
}

CLASS selectors

CLASS selectors on the other hand, occur multiple times in a page such as divs for posts, articles, etc.

<div class="content">
content here....
</div>
<div class="content">
content here....
</div>

Apply CSS to CLASS selectors by using the . period sign. I associate CLASS selectors to a “class period” like in a school enviroment — a class period. The CSS code under .post in this case will apply to every instance of the CLASS selector.

.post {
padding: 10px;
margin: 2px;
}

I hope this short article clears up some of the confusion between ID and CLASSES for first time CSS coders. I hope it gives you a much clearer picture as to which selectors to use when designing your next page layout.

Bluefish

I ran across a powerful editor called Bluefish. It’s an editor geared for programmers and web designers. The editor supports HTML, C, PHP, Java, JavaScript, SQL, XML, Python, Perl and many more. It’s fast and lightweight and has tons of features that I don’t even know and will probably not use. I used it for about 10 minutes the other day and I just fell in love with it. Sorry, it’s for Linux users only. You can check out the Bluefish website here. By the way, very interesting font on their website. They are using “Bitstream Vera Sans.”