Web Development for YOU Expert advice on web design & development

14Jan/100

Best editors for Wordpress

Although Wordpress is the best blogging platform invented by man yet, it leaves much to be desired when it comes to the default WYSIWYG editor. Luckily for us, there are a handful of third party editors available.

  1. BlogDeskBlogDesk, a free stand-alone application, lets you comfortably write and effortlessly publish new entries to your blog. It features an ImageWizard that lets you crop, resize and rotate images. It also has a Technorati Tags Generator that lets you easily define and insert tags instead of retyping them over and over again.
  2. QumanaQumana is a free, easy-to-use stand-alone desktop blog editor, enabling you to write, edit and post to one or more blogs. You can use Qumana even when you are offline. Save your blog posts to your hard drive and upload whenever you like. Great for bloggers on the move.
  3. TinyMCE AdvancedTinyMCE Advanced adds 16 plugins to TinyMCE: Advanced hr, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Full Screen, IESpell, Layer, Media, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters and XHTML Extras. Its free and packs quite a punch when it comes to adding extra functions to the editor.
  4. SupereditWP Super Edit is a free WordPress plugin designed to give some control over the visual / WYSIWYG editor and add some functionality without modifying the WordPress source code.
  5. Monsters Editor for WP Super EditMonsters Editor for WP Super Edit brings the magic of Fckeditor back to TinyMCE. So if you prefer TinyMCE as its concision, but used to Fckeditor’s powerful functions, then MsE is your good choice. Please do note that this is a free addon plugin to WP Super Edit described above.
  6. Windows Live WriterWindows Live Writer is a free desktop application that makes it easier to compose compelling blog posts. It includes a lot of features such as WYSIWYG Authoring, Photo Publishing, Map Publishing and a Writer SDK. The Writer is a great client for Windows Live Spaces but also works with other weblogs including Blogger, LiveJournal, TypePad, WordPress (and many others).
  7. FCKEditorFCKEditor is a free, full featured web based WYSIWYG html editor, it’s lightweight and is compatible with most internet browsers which include: IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ and Netscape 7+. Its strong points are the excellent interface and built-in File and Upload Managers.
  8. Mudbomb’s WYSIWYG Plugin for WordpressMudbomb’s free WYSIWYG Plugin for Wordpress gives you a lot of control over your images, letting you choose the thumbnail size, the compression quality, et al. It also supports emoticons and features dictionary support.
  9. BlogJetBlogJet is a Windows blog client for managing multiple blogs that supports file attachments among other regular features such as an Image Manager, Youtube and Flickr support. There are both free and paid versions of BlogJet available.
  10. ScribeFireScribeFire (previously Performancing for Firefox) is a full-featured free blog editor that integrates with your browser and lets you easily post to your blog. You can drag and drop formatted text from pages you are browsing, take notes, and post to your blog.
  11. RocketPostRocketPost is a paid WYSIWYG editor that lets you edit and upload multiple posts at the same time. It features built-in photo editing, instant photo albums, automatic linking to related posts, quote tracking, quick linking, drop caps, pull quotes and a running word count.
  12. Advanced TinyMCE EditorAdvanced TinyMCE Editor is a free plugin that turns your existing WordPress editor into a WYSIWYG powerhouse.

Microsoft Word 2007If none of the above editors are to your liking, there’s one software that you are sure to be familiar with – Microsoft Word. Yes, unknown to many, Microsoft Word 2007 has native support for publishing posts to blogs running on WordPress, TypePad, Blogger and Live Spaces. Sahas explains how to setup your blog in Microsoft Word 2007 here.

Filed under: Uncategorized No Comments
14Nov/090

Installing Adobe Creative Suite CS4 on Snow Leopard

You might have done the same like me bought Snow Leopard for MAC and ended up with a clean install and when tried to install Photoshop CS4 or Adobe Creative Suite CS4 got errors and problems.

I have searched for days on forums downloaded trials from Photoshop even tried reinstalling the whole Os a couple of times but not success it was not installing. After two days of effort and trial & hit here is the solution and I hope it will save your frustration.

How to install Adobe Photoshop CS4  or Creative Suit CS4 on Snow Leopard?

Its very simple in the end of the day. Here it is:

1. While in your admin account on your new Snow Leopard create a new user account. Make sure the user is created as administrator and has no password assigned to their account.

2. Now restart your machines and login to the new user account.

3. Copy the CS4 DVD contents on your desktop you can also create an ISO if you want.

4. Start the installation from there and that is it. The installation wont give any errors and will continue.

In some cases if it still doesn't continue see if you have any folder under the Library folder on your hard drive with ADOBE title. Delete that folder and restart. Then try to install.

Sometimes if  this does not work try creating a new user and make sure you do no give any password to the account and then follow the steps above.

That is folks hope this works for you it surely did for me and the only reason I could figure out was that the new user means new profile so no conflicts but dont know the password reason.

If you have comments on this please do share below.

Filed under: Snow Leopard No Comments
4Nov/090

11 steps to a successful Intranet

The following factors can gear the Intranet towards success:

1. Document the intranet strategy

Develop and document an intranet strategy, based on a consideration of the requirements and balance of information/content, technology and governance. This strategy has to be aligned with the overall strategy of the organisation.

2. Use personas and tasks/scenarios to identify user requirements

Personas are virtual cvs that summarise the main characteristics of employees undertaking specific roles, and the tasks that these roles require. Focusing on perhaps six key user scenarios can make a significant difference to the quality and acceptance of the intranet.

3. Understand and support content contribution
Information quality in an intranet is essential. Invariably intranet content contribution is not included in job descriptions or valued by managers, and as a result gets low priority.

4. Enhance the intranet in a series of small, manageable, steps
An intranet should be continuously enhanced to reflect changing requirements, rather than wait for the opportunity and resources to carry out a major revision.

5. Manage metadata
Content authors may not have the skills and expertise needed to add metadata. Metadata is not just about 'keywords'. The effort involved in developing metadata schemes and taxonomies is always underestimated.

6. Provide effective search functionality
Users have to trust the search functionality so that they feel totally confident that either they have found all relevant information, or that information is not on the intranet.

7. Provide access to the business environment
Make sure that the intranet provides access to information from external sources, such as business and market information. It is easy to be so focused on the provision of internal information that access to external information is overlooked

8. Undertake regular usability testing
Usability testing should be carried out at all stages of the life of an intranet, and there should be a range of feedback channels to ensure that the content and the information architecture continue to meet the expectations of contributors, users and stakeholders.

9. Support collaborative working
Intranet websites on their own are not good collaborative applications. There could be significant benefit in implementing wikis and blogs, discussion forums and surveys.

10. Set up a suitable governance structure
The governance structure should reflect this enterprise value of the intranet. There should be clear communication channels to the staff and also back to the intranet team so that changes in business requirements can be identified at the earliest opportunity.

11. KPIs and measurement of success
Both long term and short term goals and well thought KPIs have to be defined right from the beginning.

                        Filed under: Uncategorized No Comments
                        17Oct/090

                        Basics of Wordpress Theme Design

                        WordPress has become the most popular blogging platform , developers are using its core to design content driven websites and using it as a proper user friendly CMS. One of the key reasons of WordPress success is its templating system. To develop a Wordpress unique site  you need to understand its basics and see how it is structured. The following article looks at such information in detail.

                        The basics

                        WordPress themes are the standard layout system that define your blog’s appearance. It consists of template files, functions, template tags and images. To install a WordPress theme, you just need to upload it and activate it in your WordPress admin.

                        WordPress page structure

                        Most of the time, a WordPress page is composed of the header, the sidebar, the content and the footer. These structural elements usually are separated files that you can include in your template files. There can be more structure elements, such as other sidebars, advertising space or whatever you can think of.

                        Template files

                        The above chart shows what files are used depending on the page you are using. You can use only the index.php with a stylesheet, but you would be missing customization options that make your theme more user-friendly.

                        The Loop

                        In WordPress, the loop is a set of functions used to display your posts and everything related to the posts (title, tags, author, categories,…). To customize the loop, WordPress has some well documented pages that you’ll find here or here. For a more advanced loop use like multiple loops on the front page, some blogs offer very extensive tutorials about it.

                        Template Tags

                        Template tags are small PHP snippets that are used to display info on the blog. For example, <?php bloginfo(’url’) ?> will display the base url of your blog. Wordpress has a very good documentation about template tags and lists the tags available. When using WordPress plugins, you’ll sometimes get plugin specific template tags.

                        Functions

                        The functions.php file is a special one, it will not display a specific page but contains all functions used for your template. For example, you will need it to create widget zones or to create a theme customization page in WordPress’ admin.

                        Thanks to Design Reviver for such a nice contribution.

                        Filed under: Uncategorized No Comments
                        26Aug/090

                        20 most useful Wordpress Plugins

                        Add Logo to Admin
                        Version 1.3.3 | By c.bavota | Visit plugin site
                        Advanced Text Widget Text widget that has extensive conditional options to display content on pages, posts, specific categories etc. It supports regular HTML as well as PHP code. This widget is an extension of Daiko's Text Widget by Rune Fjellheim.
                        Version 1.0.1 | By Max Chirkov
                        cos-html-cache cos-html-cache is an extremely efficient WordPress page caching plugin designed to make your WordPress site much faster and more responsive. Based on URL rewriting, the plugin will automatically generate real html files for posts when they are loaded for the first time, and automatically renew the html files if their associated posts are modified.
                        Version 2.7.3 | By jiangdong | Visit plugin site
                        FormBuilder The FormBuilder plugin allows the administrator to create contact forms of a variety of types for use on their WordPress blog. The FormBuilder has built-in spam protection and can be further protected by installing the Akismet anti-spam plugin. Uninstall instructions can be found here. Forms can be included on your pages and posts either by selecting the appropriate form in the dropdown below the content editing box, or by adding them directly to the content with [formbuilder:#] where # is the ID number of the form to be included.
                        Version 0.81 | By TruthMedia Internet Group | Visit plugin site
                        Front-end Editor Allows you to edit your posts without going through the admin interface
                        Version 1.2 | By scribu | Visit plugin site
                        Google Analyticator Adds the necessary JavaScript code to enable Google's Analytics. After enabling this plugin visit the settings page and enter your Google Analytics' UID and enable logging.
                        Version 5.3 | By Spiral Web Consulting | Visit plugin site | FAQ | Support | Donate
                        Hyper Cache Hyper Cache is a features rich cache system WordPress. After an upgrade, DEACTIVATE, REACTIVATE and RECONFIGURE. ALWAYS!
                        Version 2.3.2 | By Satollo | Visit plugin site
                        pageMash Manage your multitude of pages with pageMash's slick drag-and-drop style, ajax interface. Allows quick sorting, hiding and organising of parenting.
                        Version 1.3.0 | By Joel Starnes | Visit plugin site
                        Page Sidebars A plugin that allows you to have a sidebar for content on each individual page.
                        Version 2.6 | By Daniel | Visit plugin site
                        Shockingly Simple Favicon A simple way to put a favicon on your site.
                        Version 1.8.2 | By matias s | Visit plugin site
                        Simple Sidebar Navigation Easy way to create custom navigation in sidebars or other pre-defined areas. Conditional tags are included to specify pages where widgets appear. Supports horizontal/top navigation, hierarchical navigation including dropdown menus like Suckerfish.
                        Version 2.1.1 | By Max Chirkov | Visit plugin site
                        Smart Youtube Insert YouTube videos in posts, comments and RSS feeds with ease and full customization.
                        Version 3.3 | By Vladimir Prelovac | Visit plugin site
                        wp-cache Very fast cache module. It's composed of several modules, this plugin can configure and manage the whole system. Once enabled, go to "Options" and select "WP-Cache".
                        Version 2.1.2 | By Ricardo Galli Granada | Visit plugin site
                        WP-DBManager Manages your Wordpress database. Allows you to optimize database, repair database, backup database, restore database, delete backup database , drop/empty tables and run selected queries. Supports automatic scheduling of backing up and optimizing of database.
                        Version 2.50 | By Lester 'GaMerZ' Chan | Visit plugin site
                        WP-Polls Adds an AJAX poll system to your WordPress blog. You can easily include a poll into your WordPress's blog post/page. WP-Polls is extremely customizable via templates and css styles and there are tons of options for you to choose to ensure that WP-Polls runs the way you wanted. It now supports multiple selection of answers.
                        Version 2.50 | By Lester 'GaMerZ' Chan | Visit plugin site
                        WP JS Automatically GZIP your JS files and applies jsmin algorithm. Also add JavaScript files to specific posts/pages.
                        Version 2.0.6 | By Halmat Ferello | Visit plugin site
                        WPLite Wordpress, without the fat.
                        Version 1.3.1 | By introspectif | Visit plugin site
                        WP Super Edit Get control of the WordPress wysiwyg visual editor and add some functionality with more buttons and customized TinyMCE plugins.
                        Version 2.2.1 | By Jess Planck | Visit plugin site
                        Filed under: Uncategorized No Comments
                        15Jul/090

                        CSS 3 Cheat Sheet – Download Now

                        Here is a very useful designers heaven printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with the section (module) that it is most actively associated within the W3C specification. Next to each property is a listing of the expected values that that property takes (normal text shows named values it accepts and italics shows value types it will accept).

                        CSS 3 Cheat Sheet

                        Filed under: Uncategorized No Comments
                        4Jul/090

                        Create multiple dynamic sidebars in Wordpress

                        In the last tutorial, you learnt how to widgetize your wordpress theme to support wordpress widgets. Now this tutorial explains how to create multiple dynamic sidebars to add various combinations of widgets to customize your wordpress theme even more.

                        I suggest you read how to Widget-Enable Wordpress Themes in 3 Easy Steps before reading further as examples will be quoted in the same context.

                        Edit Functions.php for Multiple Dynamic Sidebars

                        The functions.php code which helped to widgetize your wordpress theme and support a single dynamic sidebar, now needs to be edited (using any text editor like Notepad) to support multiple sidebars. You remember we had modified the default function.php from

                        <?php
                        if ( function_exists('register_sidebar') )
                        register_sidebar();
                        ?>

                        to the new code below to support our customized template with h4 subtitles and non-default unordered lists in the sidebar. REMEMBER you need to edit functions.php to match your wordpress theme or it will not work.

                        <?php
                        if ( function_exists('register_sidebar') )
                        register_sidebar(array(
                        'before_widget' => '',
                        'after_widget' => '',
                        'before_title' => '<h4>',
                        'after_title' => '</h4>',
                        ));
                        ?>

                        To support multiple sidebars, I simply need to specify that multiple sidebars be used and name them as I like. In our case I use Sidebar1, Sidebar2 etc and as many as you like. The code now looks like this -

                        <?php
                        if ( function_exists('register_sidebar') )
                        register_sidebar(array('name'=>'sidebar1',
                        'before_widget' => '',
                        'after_widget' => '',
                        'before_title' => '<h4>',
                        'after_title' => '</h4>',
                        ));
                        register_sidebar(array('name'=>'sidebar2',
                        'before_widget' => '',
                        'after_widget' => '',
                        'before_title' => '<h4>',
                        'after_title' => '</h4>',
                        ));
                        ?>

                        I personally have extended this capacity to 6 dynamic sidebars on this blog. Here is how it looks like on top of admin panel.

                        4 Dynamic Widget Sidebars
                        Now you can drag and drop widgets of your choice to different sidebars and customize the options. Remember to Save Changes or else all customization is lost.

                        Add Dynamic Sidebars to Wordpress Template

                        Now you need to place the code in the wordpress theme template where you want the relevant wordpress widgets to work. Instead of the previous code, you can place the different dynamic sidebars in different areas of the template.

                        Sidebar1 code goes like this
                        <?php if ( !function_exists('dynamic_sidebar')
                        || !dynamic_sidebar('sidebar1') ) : ?>
                        <?php endif; ?>

                        Sidebar2 code goes like this
                        <?php if ( !function_exists('dynamic_sidebar')
                        || !dynamic_sidebar('sidebar2') ) : ?>
                        <?php endif; ?>

                        Save the template and watch your widgets go live. You can add lots of dynamic sidebars with various widget combinations and have truly unique web design concept.

                        Courtesy of  http://www.quickonlinetips.com.

                        26Feb/092

                        Understand DIV Tag for HTML

                        A graphical despiction of a very simple html d...
                        Image via Wikipedia

                        Definition and Usage

                        The <div> tag defines a division or a section in an HTML document.

                        The <div> tag is often used to group block-elements to format them with styles.


                        Browser Support

                        Internet Explorer Firefox Opera Google Chrome Safari

                        The <div> tag is supported in all major browsers.

                        How do I make a basic div block?

                        This is the code for a basic div:

                        <div id=layer1 style="position:absolute; top:20; left:20; width:300; height:300; z-index:1; padding:5px; border: #000000 2px solid; background-color:#000000; background-image:url(yourfilename.gif); layer-background-image:url(yourfilename.gif);">

                        Content goes here (images, text)

                        </div>

                        In the above code, there are a few variables that need to be defined:

                        • id: This is just the number of your div. It helps you sort out easily which div element is which when you have many layers. It's also useful for identifying layers so that you can have different style attributes in your style sheet for each div element.
                        • Top: This is the number in pixels that your div element will be positioned horizontally from the top of the page. If you give "top" a number value of "20," your div element will be 20 pixels down from the very top of your page.
                        • Left: This is the number in pixels that your div element will be positioned vertically from the left of your page. If you give "left" a number value of "20," your div element will be 20 pixels left from the very left side of your page.
                        • Width: This is the width of your div element in pixels.
                        • Height: This is the height of your div element in pixels.
                        • Z-index: This is the order in which your div elements are stacked, or overlapped. The number 1 would be the first layer, and the layer closest to the background of your site. The number 2 would be stacked on top of number 1, etc. You can remove this tag if you are using layers that you do not want to overlap.
                        • Padding: This is the margin of your div element in pixels. For instance, if you have text in your div element, you'll need margins so that the text doesn't go from one end of the div element to the other. This tag acts just like the cellpadding tag for tables.
                        • Border: This is the border of your div element in pixels. If you don't want a border, remove this variable. You can have a border that is solid, dottted, dashed, double, groove, ridge, inset, or outset.
                        • Background-image: This is the background image of your div element for IE.
                        • Layer-background-image:This is the background image of your div element for Netscape.

                        How do I change the div scrollbar color?

                        (IE only) You can use this method to change the color of your individual div element scrollbars. Using a style sheet makes your scrollbars all the same color. If you want a different color for a particular div, you can use this method, substitute your own 6 digit color number where you see bold text:

                        <div style="position:absolute; left:100px; top:100px; width:100px; height:100px; background-color:#ffffff; overflow:auto; scrollbar-face-color : #000000; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #000000;">

                        Reblog this post [with Zemanta]
                        Filed under: HTML 2 Comments
                           

                        Pages

                        Categories

                        Blogroll

                        Archive

                        Meta