7 Most Common Kinds of Blogs

In 2012, every day, more and more people decide to launch a blog. However, not everyone realizes that there are actually many kinds of blogs, not only simple text-based online publications.

That’s why I’ve decided to publish this list of 7 most common kinds of blogs to give you a broader look at the blogosphere before you take the final step and launch your own blog.

1. Traditional blog

This is what comes to mind when someone says “blog.” Traditional blogs are mostly text-based, with some images published inside the posts every now and then. Quality traditional blogs rely on publishing insightful content, usually featuring some kind of “how to” advice.

2. Photo blog

Used mostly by photographers or other people interested in photography or graphics in general. Photo blogs usually have themes that allow them to publish content that’s wider than in a traditional blog. There’s rarely any text inside the posts.

3. Video blog

The idea is very similar to a photo blog, but this time it’s all about videos. Thanks to services like YouTube we no longer have to take care of hosting videos ourselves. We just have to upload them to YouTube and then grab the ember code. Video blog themes are usually equipped with some shortcodes that support various video platforms and such.

4. Magazine style blog

Most of the time when we see an online magazine we don’t even realize that in the background it’s run by WordPress or some other blogging platform. Magazines feature a large amount of content and often publish multiple entries every day. Such situation requires themes that can handle this much content and are able to showcase it in a visible form. That’s why a traditional blog theme won’t do the trick here.

5. Portfolio blog

Portfolio blogs are quite similar to photo blogs but they do contain some text along with the photos. The goal here is to showcase the author’s skills or services they offer. For this, the works of the blog owner have to be showcased in an attractive form (so the portfolio can do its job). That’s why portfolio themes usually feature some kind of Flash animations or jQuery magic.

6. Micro blog

In its beginnings, Twitter was supposed to be a micro blogging platform, but the idea has soon become extinct. In essence, micro blog is a place where the author shares very quick entries consisting of just a couple of sentences (or one sentence). For example, the most common case here is a “quotation blog.”

7. Company blog

Company blog isn’t actually a separate kind of blog. It’s more like a combination of some of the previous kinds. The idea is that various businesses/companies want to have a blog as an addition to their sites. They usually don’t publish content very often, so the theme the blog uses has to be good at showcasing past articles and not bringing too much attention to the fact that a new piece of content hasn’t been published in a while.

This closes my list, but feel free to comment and let me know of some other kinds of blogs you can think of.

Karol K. (@carlosinho) is a freelance writer, WordPress enthusiast and blogger. Feel free to visit his website for some online business tips and advice.

Choosing a CMS: Joomla or WordPress?

There are many content management systems out there, but the two most popular are WordPress and Joomla. Both of these are known for being great with SEO, and they can be configured for nearly any type of website. If you are thinking of using one of these systems, then read this article to see which CMS is best for your needs.

SEO Comparison

Both Joomla and WordPress have plugins that enhance their SEO prowess. At the same time, which system is best without plugins?
Joomla has a lot of SEO power. You can set metatags and keywords, and you can change the URL architecture for the best SEO potential. This will help you rank your articles and blog posts.
At the same time, Joomla does not have the same SEO potential that WordPress has. WordPress allows users to customize all the same things that Joomla does, but it also includes automatic pinging.
A ping is a signal sent to the search engines. This is used to tell them that something has changed about your website. While pinging abuse can be bad for your website, a moderate amount of pinging will quickly bring search engine spiders to your page.
The worst part about WordPress SEO is that it takes a lot of work to configure everything you need for the best SEO potential.

[Read more…]

Display Progress in a Visual and Engaging way: Percentage Loader

jQuery.PercentageLoader is a jQuery plugin for showing a progress widget in more visually eye-catching way than the ubiquitous horizontal progress bar / textual counter.

Installation and usage is quick and simple. It makes use of HTML 5 canvas for a rich aesthetic appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), utilizing vectors rather than images so can be easily deployed at various sizes.

AJAX Contact Form Builder | Powered by jQuery | PHP Backend

contact form 3d virtual box.png We all know that creating forms can be an unpleasant, error-prone and time consuming process, especially when you are doing the coding my hand.

Skip all that tedious process with AJAX Contact Form Builder. It was created to improve the functionality of your website by offering an interactive user experience for your visitors that need to reach you.

It’s very easy to use and can be setup on your website in minutes.

The client-side validation is powered by jQuery (a popular feature-rich JavaScript library), while the processing in the server-side is done by PHP, the well know scripting language.

Preview   Download

The script is very easy to integrate into any .PHP or .HTML page (using the iFrame method). Here are the key features of this application:

AJAX Contact Form - Realtime Validator

RealTime Validator

This makes the form completion process interactive. The errors show/hide as the user fills the form. This feature can be disabled.
AJAX Contact Form - Security

CAPTCHA: Anti-Spam Verification Image

You may use letters, numbers or both (could be enabled/disabled). The verification image can be refreshed if the user has trouble discerning the characters. As the user types the security code the script verifies it in the background. PHP is used to securely generate and register the required code in the background. The comparison is a case-insensitive one in order to make the completing process easier and faster without irritating the one who fills the security code.

[Read more…]

Animated WordPress-Like Row Change Status Effect: Powered by jQuery

Greetings my fellow readers,

While using WordPress, I’ve seen a very cool effect when I either approved or deleted comments. When you click “Delete” it uses AJAX to call the PHP script that will perform the action as well as highlighting that row with a fading color change effect. If you are a web developer and need to implement a similar approach in your scripts (using AJAX with UI state effect) then this post is for you.

We’ll need jQuery and jQuery UI Effects (for the background fading) libraries for this.

[Read more…]

In-Depth Instant CSS Documentation Search: InstaCSS

If often happens, especially for beginner developers, to forget the right property value that should be applied to a style. InstaCSS is aimed to help you finding information about CSS properties and their possible values. The website is constantly improved and it also has a database of searchable HTML tags and JavaScript functions (with usage examples). Moreover, each property page has a “Browse Compatibility” chart.

Having mostly text (loads very fast) and a live search, InstaCSS is a very attractive and useful tool for CSS designers.

Image Slider and Accordion: The Slidorion, A jQuery Plugin

A mixture of an image slider and an accordion, Slidorion features beautiful images along with a variable length description. Having images associated with each tab, and accompanied by a large variety of effects, this plugin is an excellent alternative to the conventional jQuery slider.

Available options:

  • autoPlay – Automatically plays the slidorion (boolean)
  • easing – The easing of the animations (string)
  • effect – The effect of the animation (string)
  • first – The first slide to show (the rel of that slide) (string)
  • hoverPause – The slidorion pauses when hovered over (boolean)
  • interval – The time between each slide (number)
  • speed – The speed of the animation (number)

CSS Spinners and Bars Generators: For AJAX & jQuery

After a long quiet sleep, the developers of well-known Preloaders.net have finally woken up. Couple of months ago they launched the second version of http://preloaders.net and released http://iconizer.net from beta having added dozens of new features and templates to both projects (including APNG support in the first one and a completely new search engine for the second project). But these two projects are not even in the middle of the developers’ plan. Right now they are developing 3 new projects and very recently launched a new generator – http://cssload.net

CSS load – first online CSS spinners and bars code generator with the given features and variety of templates. The aim of the project is to provide developers and designers with animations that indicate loading of AJAX and JQuery requests made with the means pure CSS (CSS3) and HTML. Right now there are 8 templates of different animation templates available, but there will be more in the nearest future.

The concept of generating the animations is very simple and alike with the Preloaders project. Just select your template in the left column, then set the coloring scheme, size and the speed of animation. All animations previews are generated automatically each time you change any parameter. Having acquired a desired preloader, click on the “Get code” button and you will be provided the code to copy.

The project right now is an alpha version with some little modifications pending. The main problem is that CSS3 animations are not yet supported by Internet Explorer and Opera web-browsers, but the project developers hope that very soon it will not be a problem anymore.

WhatFont: An Easy Way to Inspect Fonts in Webpages

While we navigate through web pages we often see fonts that we really like and want to know the name of that font in case we would like to use it in our web pages. WhatFont aims in helping you get the font name when you hover the cursor over a text and image.

Getting the font name you want is just a click away. This tool not only saves you time but also detects services used for serving the font. Now supports Typekit and Google Font API.

It is available as a bookmarklet and has a Chrome/Safari extension.

Full support: Firefox 3.6+, Chrome 9+, Safari 4+, Internet Explorer 9.
Limited support: Internet Explorer 8.

Scroll Checkpoint: Engage your visitors with animated dialogs

Scroll Checkpoint is a Flexible Animated Content Panel WordPress Plugin that enables you to engage your visitors with animated dialogs as they scroll through your page. The dialog’s content can be set to any text or HTML content you want or populated it with widgets.

This plugin is useful to keep visitors on your site longer. For instance you can engage the users at the end of an article. Often, readers finish reading an article and immediately close the page. Scroll Checkpoint allows you to catch their attention and keep them on your site longer by providing related content suggestions. New York times uses this to great effect.

Suggested Uses

  • Show related posts at the end of articles
  • Slide-in Newsletter Sign-up: useful to increase your list of subscribers
  • Full-width slide-out content panels

View some screenshots of this plugin in action
[nggallery id=5]

Features include:

  • Insert Checkpoints Anywhere
  • Add Content via HTML or Widgets
  • Unlimited Checkpoints & Widget Areas
  • 10 jQuery Animations: Slide, Fade, Fold, Drop, Scale, Blind, Explode, Clip, Shake, Pulsate
  • 30+ Dialog Style Presets: Easily create custom styles with the custom.css starter style sheet.
  • Settings can be configured individually for each dialog: Dimensions, Position, Animation, User interact-ability, Trigger points and more!

Requirements

  • WordPress 3.1+
  • jQuery 1.4.4 (comes with WordPress 3.1)
  • jQuery UI 1 .8.9 (comes with WordPress 3.1)
  • PHP 5 .2+
  • Standards-compliant theme