Welcome to the blog Hitech Tips

A blog about web and IT. Sharing things I use at work.

Windows Live Writer: formatar imagens

Posted by j. manuel cordeiro Friday, November 19, 2010 0 comments

Este tutorial explica como formatar imagens nos posts escritos com o Windows Live Writer.

Nível de dificuldade: baixo

 

Comecei por detestar a abordagem da suite Live, especialmente do Live Messager, que tornava publica informação minha sem meu consentimento (sim, pode-se ir à configuração e mudar mas o default é abusivo). Mas o Live Writer é uma killer app e já escrevi alguns posts sobre a forma de o usar.

Já abordei a forma como se instala este software e alguns aspectos da sua utilização (sobre captura de imagens e sobre o ping para o Twingly e para o Wordpress). Agora debruço-me sobre a inclusão de fotos nos posts. Este aspecto é um pouco manhoso mas depois de umas configurações, é impec.

As imagens seguintes reflectem as configurações que uso regularmente para as imagens. Experimente defini-las (para isso, inserir uma imagem e depois clicar nela para activar os painéis de opções) e depois clicar no guardar como predefinições. Desta forma, a próxima imagem que inserir estará com as definições que deseja.

 

NOTA: estas imagens são copiadas do Windows Live Writer XP. A última versão (Windows Live Writer 2011) tem um aspecto diferente mas os conceitos são os mesmos. Basta um pouco de esforço para encontrar as mesmas coisas.

 


Imagem 1

- inline para o uso habitual no blog (por vezes coloco Esquerda para o texto contornar a image)

- sem margens (fica o default do blog)

- limites (border): gosto da imagem com uma linha à volta. o papel fotográfico tb é interessante especialmente quando o centro do post é a fotografia

- hiperligação: na maior parte dos casos não quero nenhuma ligação. mas pode ter interesse ter a ligação para um URL (exemplo: recorte de uma notícia e link para a origem) ou então para a imagem de origem (neste caso ver a imagem 6)


Imagem 2

- tamanho médio (clicar no esquadro para definir o que é tamanho médio (ver a imagem 3)

- incluir um texto descritivo da imagem (ajuda o google na pesquisa de imagens)


 Imagem 3
- definir os valores dos tamanhos pré-definidos.
- no Aventar, uma imagem não deve passar muito dos 550 pixéis de largura (se não passar por cima da barra lateral ou fica cortada).

Imagem 4
nada de especial a referir mas ver a lista de efeitos possíveis

Imagem 5
lista de possibilidades de hiperligações das imagens

Imagem 6
na maior parte dos casos, quero que, quando a imagem liga para a imagem de origem, seja apresentada a imagem no seu tamanho original. fazer esta pré-definição aqui.

Imagem 7
Depois de feitas as pré-definições, clicar no guardar como predefinições e assim a próxima imagem inserida terá de imediato estas características

 


UM TRUQUE
Por vezes quero inserir uma série de imagens iguais mas diferentes destas predefinições. Exemplo: incluir 10 imagens com tamanho 100x100 e a apontar para a imagem de origem mas redimensionada para um máximo de 800x600. Para poupar tempo, insiro a primeira imagem, formato-a assim e, tendo-a seleccionada clico no guardar como predefinições. Desta forma as próximas 9 imagens que inserir terão as mesmas características. Depois volto a colocar as predefinições genéricas a usar nas restantes postagens.


Fica aqui um link com informação detalhada sobre como instalar o Windows Live Writer. 

http://hitech-tips.blogspot.com/2010/02/bloggers-prestem-atencao-ao-windows.html

E aqui mostro como fazer capturas de ecrãs:

http://hitech-tips.blogspot.com/2010/02/faca-posts-de-forma-rapida-e-eficaz.html

Sobre este programa de captura de ecrãs (há muitos), é de realçar um aspecto muito prático e que é o facto do software poder gravar automaticamente em disco a imagem capturada. É especialmente se se estiverem a fazer várias capturas. Também permite copiar automaticamente para o clipboard a imagem capturada (muito útil também). No anterior link explico como se faz isso.


Boas postagens :)

 

Links para download do Windows Live Writer:

How to setup the AddThis share buttons

Posted by Mr.Editor Thursday, November 4, 2010 0 comments

This tutorial shows how to add the "Share This" buttons to your blogger blog. At the end, you will have something like this:

image

tip level: intermediate

1. First of all, backup your template. See how: Template actions: download, backup, edit and restore. If anything goes wrong, this is your chance to go back.

 

2. Now, setup an AddThis account:

  • Go to http://www.addthis.com
  • Choose the sharing style:
    image
    Personally, I prefer the first option, but without the "Share" button ( because it makes a popup window to appear). Bellow the instructions will show how to have this:
    image
  • Choose to have sharing analytics:
    image
  • Click to have the button code:
    image 
  • Now you will need to register. Bellow I show my registration. Note at the username, it'll be used bellow.
    image
  • Now, copy the code:
    image
    and paste it in some text editor (notepad it's ok).  We will return to this code later.

3. Having this done, it's time to modify your template.

  • Make a copy of your template you downloaded in step one and let's modify it. You can use any text editor (such as notepad).
  • Search for the text  </head> and open a new line above it.
  • In order to choose the language in use, paste the following text:
    <script type='text/javascript'>
        var addthis_config = {
            ui_language: &quot;pt&quot;
        };
    </script>

  • Where it's written pt you can place the letters for your language. After this change, it should look like this:
    image

  • Now search in your template for this text:
    <data:post.body/>
    If you can't find it, search for
    data:post.body
    and then make sure it has a similar pattern to <data:post.body/>
  • Open a blank line bellow this text and paste there the following code:
  • <script type='text/javascript'>   
    var addthis_share = {
        url: &#39;data:post.url&#39;,
        title: &#39;data:post.title&#39;,
        templates: {
            twitter: &#39;RT @fliscorno {{title}} {{url}}&#39;
        }
    };
    </script>

    <div class='sharepost'>
        <div class='addthis_toolbox addthis_default_style'>   
            <span class='addthis_separator'>Partilhar: </span>
            <a class='addthis_button_facebook' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_twitter' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_myspace' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_blogger' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_wordpress' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>   
            <a class='addthis_button_google' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_friendfeed' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_delicious' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_email' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_favorites' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>
            <a class='addthis_button_print' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>   
        </div>
    </div>                                                   
    <script type='text/javascript'>var addthis_config = {'data_track_clickback':true};</script>
    <script type='text/javascript' src =
    'http://s7.addthis.com/js/250/addthis_widget.js#username=hitechtips'> </script>

    <br/>


    IMPORTANT: replace the red text above by your own usernames:
    - replace fliscorno with your twitter username
    - replace hitechtips with the username you created at step 2. You can copy if from the text you pasted at the end of step 2.

    Replace the text Partilhar with whatever you want to say (eg. Share)

    At the end of this step, it should look as the following picture:
    image
    (click to enlarge)

    Another tip about where to put this last piece of code: it must be in between <data:post.body/> and </b:includable> (see the picture).

  • Save the template and upload it to your blog (see the link at step 1).
  • Preview the blog and it's done. If the blog stop working, then restore the older template you have backed up at step 1.

 

Further steps:

  • The AddThis button can have Facebook and Twitter counts. See the AddThis help for instructions. See also here.

Help, this doesn't work!

  • Be sure that all the opening quotes (') have a corresponding closing quote
  • Make sure the text you have paste is OK
  • Make sure you pasted the text at the right places

 

Did you enjoy this tutorial? Make short post on your blog with a link to here :) I will appreciate it.

The search as you type functionality in FF and Chrome

Posted by Mr.Editor Wednesday, June 23, 2010 0 comments

image

Firefox has functionality I just love: the search as you type functionality. It's not ON by default and to make FireFox exhibit this behaviour, check the Tools -> Options -> Advanced -> General -> "Search for text when I start typing" checkbox. When active, to find something in a page, one just start typing the text to be found. It's not necessary to press CTRL+F or F3. To find the next match, just press CTRL+G or F3.

Why is this great? Because it improves the browsing usability. Imagine you have goggled something and then open a page. To see where the searched text appears with the search as you type functionality, just start typing the text you have goggled. See, easy and fast. No need for extra keystrokes.

However, this functionality isn't available in Chrome which have keep me away form a more regular use. There is however an extension that just do that: chrome-type-ahead. It looks like that the Chrome developers don't like this search as you type feature but, IMHO, because of stubbornness than anything else. Anyway, the Chrome extension is there, not as perfect as it could be if part of the Chrome core, but still quite ok. Give it a try if you are in the mood.

http://code.google.com/p/chrome-type-ahead

CPU benchmarks and the HP TouchSmart tm2 tablet PC

Posted by Mr.Editor Saturday, May 29, 2010 0 comments

CPU benchmarksSo you are about to buy a new computer and suddenly you discover that the number of choices are endless. Distant is the time when choosing a computer was basically choosing among 3 or 4 microprocessors, a graphics card, the amount of RAM and a large hard disk. Even if these items are not so difficult to choose even now a days, you will probably get stuck when it comes to the heart of the computer, the microprocessor. Models and models, speeds, brands, technologies and so on, and so on. The microprocessor commercial approach has made impossible to choose without a reference service. That's here where a service such as the cpubenchmark.net comes to action. Search for a specific CPU model and obtain a position in the performance rank (direct link to the search form).

 

HP TouchSmart tm2 tablet PC HP TouchSmart tm2 tablet PCIt was this way that I came to know that the interesting tablet computer concept from HP, the HP TouchSmart tm2-1090eg Notebook-PC, would be quite disappointing when running more demanding software. With a CPU Intel SU7300 @ 1.30GHz, it ranks at the lower level of the performance  chart. This make it not suitable for photography field work, what would be my main task for it, specially because of its touch screen and foldable screen.

 

However, who is looking for an acceptable computer that is also a tablet can find an interesting solution on this  HP EliteBook 2740p Tablet PC. But at what price :-S

 

Note: Intel has a compare functionality for its processors here: http://ark.intel.com/Default.aspx. And AMD has something similar here: http://products.amd.com

Facebook Fan Pages vs. Networked Blogs

Posted by Mr.Editor Wednesday, May 26, 2010 0 comments

Post image for Facebook Fan Pages vs. Networked Blogs

Facebook Fan Pages vs. Networked Blogs

Love it or hate it, Facebook is here to stay. Despite challenges around user privacy and an ever-changing interface, Facebook is rapidly becoming THE gateway to content for many users. As a blogger, Facebook can be a great tool to promote and share your content to potential readers. But the real question is…what’s the best way to do that? ()

Template actions: download, backup, edit and restore

Posted by Mr.Editor Thursday, May 13, 2010 0 comments

This tutorial describes how to perform a backup of your template, how to edit your template and how to restore your template.

tip level: beginner

 

Some times people find problems editing their template and then I figure out that the root for the problem is because they didn't select the "Expand Widget Templates" check box. So, if you are using the code directly from this check box, be sure to select it:

 

image

 

However, I would recommend that you edit your template another way.

 

1. Download the full template, by clicking the link "Download Full Template":

image

 

2. Choose to save the file and give it a meaningful filename:

image

Including the date in the filename it's a good idea for backup organization.

 

3. Keep this file unchanged and perform the edits in a copy of this file. This way, if something goes wrong you can go back by uploading the previous version of the template.

Use a text editor to perform your changes in the .xml file. You can use a basic editor such as Windows Notepad but consider to use an editor that colorize the code. Notepad++ is a good choice and it's free. Links:

- Notepad++ page: http://notepad-plus.sourceforge.net

- Download page; click at the "Download Now!" button:

image

 

4. Perform your edits in the template, save the file and upload the new template. The template will be immediately changed and in use.

image

 

If you want to preview the changes before applying them, copy the edited template text and replace the text of the text box with it. Then press "Preview":

image

If it is ok, press "Save Template".

This preview method doesn't always work, particularly if the changes involve JavaScript. The best approach is to create a test blog and performing the template tests there.

5. If your changes become problematic, just upload the original template that you saved at points 1/2.

 

That's it. Enjoy.

Facebook Like button XFBML tutorial

Posted by Mr.Editor Monday, May 10, 2010 26 comments

image

While searching for a solution that would let me add the "Like" button plus the ability to leave a comment on the "Liked" item (see picture on the left), I finally found the solution that I share bellow. Just follow exactly the next instructions and that's it.

Programming Language Popularity Index

Posted by Mr.Editor Wednesday, May 5, 2010 1 comments

Programming computer screenBellow are 3 ranks of popular programming languages. It's build with the "Language Popularity Index" tool, which is "a fully automatic, transparent, open-source and free tool to measure the popularity of programming languages on the Internet".

Surprise, surprise, the C programming language is again on the top (see the post "C programming language back at number 1 position!"). And Ada shows up on the 10th position for general-purpose and compiled languages! Wow.

State of the Internet Operating System

Posted by Mr.Editor Sunday, May 2, 2010 0 comments

Something interesting to be read:

State of the Internet Operating System - Part 1, Part 2. By Tim O'Reilly.

image This post contains some guidelines to improve the security level of your Blogger blog and some tips to recover control

Two reasons may have driven you to this page:

  1. you are in trouble and I hope you can find some help here;
  2. you came by chance and you had better check the following tips.

Believe me, security problems are real even if they haven't yet hit you. Here are some tips and guidelines you should follow.

 

How to Add Facebook's New "Like" Button to Blogger

Posted by Mr.Editor Thursday, April 22, 2010 7 comments

image
Facebook just lunched the "Like" button to be used in any page. To have it in your Blogger blog, do the following steps:

  1. First, do a backup of your blogger template (see it here: Template actions: download, backup, edit and restore) .
  2. Then edit your template and find the following text in the XML code:
    <data:post.body/>
    Tip: if you can't find it, try to search data:post.body until there is something similar and that ends with />

  3. Place the following code after that line:
    <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>



    Result:
    image

    Changing the Like' button to 'Recommend'
    If you prefer that your button says "Recommend" instead of "Like", it is just necessary to change the code of point 3: just change the action=like to say action=recommend. The following code does that:


    <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=recommend&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>



    Result:
    image

  4. Save the template and that's it.


There are other ways of doing this but the one recommended by Facebook (see here) won't work because it gives an Blogger gives an error when the template is being saved.  Also, the approach given  by Facebook won't allow individual "Likes" for each post (only for the whole blog).

Finally, If you prefer using the Facebook API ( to leave a comment on the "Liked" item), just have a look here.

Slate Wars: 15 Tablets That Could Rival Apple's iPad

Posted by Mr.Editor Wednesday, April 21, 2010 0 comments

image

 

The iPad has captured many hearts and minds, but a fleet of rival tablets led by a separatist Android army is about to attack, armed with HD Flash video, multitouch screens, front-facing cameras, multitasking...even Windows 7. Let's take a look.

image

 

Há uns tempos que esta mensagem de erro me chateava de cada vez que arrancava o computador. Finalmente dei-me ao trabalho de procurar uma solução:

How to change your drive letter assignments in Windows XP or Vista to fix the "Windows - no disk" etc error message, and how to uninstall your floppy drive

C programming language back at number 1 position!

After more than 4 years C is back at position number 1 in the TIOBE index. The scores for C have been pretty constant through the years, varying between the 15% and 20% market share for almost 10 years. So the main reason for C's number 1 position is not C's uprise, but the decline of its competitor Java. Java has a long-term downward trend. It is losing ground to other languages running on the JVM. An example of such a language is JavaFX script that is now approaching the top 20. (…)

image

O iPad como mesa digitalizadora

Posted by Mr.Editor Tuesday, April 6, 2010 0 comments

Por Carlos Martins:

image Podem até utilizar o iPad como monitor secundário multitouch, utilizando uma App (ainda um pouco "verde" mas que demonstra as possibilidades que um iPad poderá ter - e considerando o custo de uma mesa digitalizadora com ecrã, abre boas perspectivas para o tipo de uso que se lhe poderá dar.)

Um argumento que (quase) me convence pelo brinquedo. Para ficar mesmo contente, era esta funcionalidade não ter os actuais problemas e meter no iPad USB e um leitor de cartões.

Esta e mais um bom lote de dicas sobre o iPad.

Montagem de um computador, peça a peça

Posted by Mr.Editor Monday, March 22, 2010 1 comments

Cinco textos de Carlos Martins sobre a montagem de um computador, peça a peça. Muito bom.

[O meu PC - Making of]

Parte 1 - A montagem inicial
Parte 2 - A lista de componentes (e preços) e consumos eléctricos
Parte 3 - Alterações não-planeadas
Parte 4 - Montagem final
Parte 5 - O "Antes e Depois"

URL shortner: escolha o serviço certo

Posted by Mr.Editor Wednesday, March 17, 2010 1 comments

URL Shorteners Slow Down The Web – Especially Facebook’s FB.me

URL Shorteners Slow Down The Web – Especially Facebook’s FB.me

 

Todos conhecem os serviços que tornam os URL mais curtos. Especialmente os utilizadores do Twitter. Escolha no entanto o serviço com ponderação. O goo.gl (da Google) é o melhor nos dois critérios apresentados. Mas não está disponível como um serviço autónomo. Em contrapartida, pode ser acedido através de:

Mais detalhes sobre o goo.gl num post do blog oficial da Google: Making URLs shorter for Google Toolbar and FeedBurner

 

Gráficos e texto mais detalhado: URL Shorteners Slow Down The Web – Especially Facebook’s FB.me

Efeito Conan

Posted by Mr.Editor Thursday, March 11, 2010 1 comments

Conan O'BrienO Conan O'Brien, agora em férias forçadas, decidiu criar finalmente a sua conta no Twitter e decidiu também mudar a vida de uma follower. Inicialmente, o Conan não seguia absolutamente ninguém, mas na semana passada decidiu seguir apenas uma única pessoa e isso mudaria a sua vida. E foi o que aconteceu a Sarah Killen, que já conta com 19.900 followers. continue a ler

Google Maps adds bike routes

Posted by Mr.Editor Wednesday, March 10, 2010 0 comments

imageTo create the mapping tool, Google developed an algorithm that uses several inputs — including designated bike lanes or trails, topography and traffic signals — to determine the best route for riding. The map sends you around, not over, hills. But if you really want to tackle that Category 1 climb, you can click and drag the suggested route anywhere you like, just like you can with pedestrian or driving routes. Users can suggest changes or make corrections to routes using the ever-present “report a problem” feature on Google Maps.
Read More http://www.wired.com/autopia/2010/03/google-maps-for-bikes/#ixzz0hnFEmFrg

Temas Wordpress mais ou menos gratuitos

Posted by Mr.Editor Tuesday, March 9, 2010 0 comments

image Encontram-se com facilidade temas gratuitos para o Wordpress. Mas como alguém disse, não há almoços grátis e algo terá que ser sempre pago, nem que seja apenas um link para o site do criador do tema. Acontece que por vezes algumas surpresas vêm escondidas no tema e é preciso estar a alerta:

Temas do Wordpress – Copyright a troco de segurança

«(…) alguns destes websites incluem “surpresas” nos temas. E por surpresas, digo código ofuscado de maneira a não ser perceptível pelo administrador do blog. Muitos websites alegam que se trata de código para manter os devidos créditos aos autores dos temas, e o ofuscam para mante-los. Mas será apenas esse o conteúdo que está por trás desse bloco de código? A verdade é que muitas vezes também é incluído código que permite rastrear utilizadores, incluir links para blackhat SEO, entre outras coisas»  continuar a ler

Por isso se encontrou um fantástico tema Wordpress e acha que seria a cara do seu blog, assegure-se primeiro que faz uma pesquisa no Google com o nome do tema e com o termo "blackhat SEO". Depois perca algum tempo a ver o que se diz sobre esse tema. Poderá nada encontrar mas se não procurar também não saberá se há algo a ter em conta ;-)

 

Leitura adicional: A Diverse Portfolio of Scareware/Blackhat SEO Redirectors Courtesy of the Koobface Gang (ver também a lista Infowar Blogosphere na barra lateral).

Tools: Cloaking Detector

How to Choose Between Joomla, Drupal and Wordpress

Posted by Mr.Editor Saturday, March 6, 2010 4 comments

image

This post presents three summaries on how to choose between three content managers systems. These summaries provide you a quick overview but for deeper insight follow the links to the original articles.

The links for these CMS are

Enjoy and give your feedback.

1. From compassdesigns.net:

image

 

2. From goodwebpractices.com:

Wordpress Pros

  • Simple to use - No need for modifications
  • Excellent for blogging or sharing thoughts in a sequential manner
  • Even the most elderly of users can get the hang of it quickly

Wordpress Cons

  • Not developer friendly
  • The community seems to like to complain
  • Upgrades bring more bugs than fixes sometimes

 

Drupal Pros

  • Extremely developer friendly. If I loved code more I would almost always pick this system.
  • Strong community to help discern the dozens (hundreds) of functions and tags available.
  • Can be used to create some really awesome websites that can outperform a majority of other sites out there.

Drupal Cons

  • Not very designer and user-friendly. It's hard for someone with little code knowledge to make the leaps required to do the very cool things that Drupal is becoming known for.
  • Theming of Drupal has been a huge case of fail (until recently). Probably because it has been developers, not designers, that are making the themes.
  • Getting a Drupal website published could cost you more time, and thus more money, than Wordpress or Joomla.

 

Joomla Pros

  • Friendly for all types of users - Designers, Developers and Administrators
  • Huge community is awesome for assisting with creation of websites
  • Has been rapidly growing and improving itself for the past three years

Joomla Cons

  • Still not user-friendly enough for everyone to understand
  • Not quite as powerful as Drupal, and can be a bit confusing for some to jump into
  • Recently rebuilt the entire system from ground-up, and so there are still many out there sticking to the old versions (1.0.x)

From drupal.org

(yeah, it's one of three opinion's but they are realistic)

Drupal
* Rock solid & high quality platform
* Real multi-site-feature (only one installation for several sites)
* Any Kind of user groups & user permissions, OpenId compliant in Version 6
* Can run membership and community sites, not only CMS etc
* Powerful templating system. Any XHTML or CSS template can be easily converted to Drupal.
* Drupal needs a little time investment to realize all the huge possibilities of Drupal
* Clear, high quality code and API (easy to integrate with other solutions etc)
* Flexibility and no known limitations
* Many high profile sites use Drupal (e.g.: MTV UK, BBC, the Onion, Nasa, Greenpeace UK, New york observer. )

Joomla
* If you are not techy its good to start
* Easy install & setup with your mouse
* Easy learning curve
* Cannot integrate other scripts etc. to your site
* Generally you cannot create high-end sites, without investing huge amount
* No SEO out of the box, URLs are not search engine friendly.
* Server resources utilization is more compared to drupal
* Only one site per installation
* No Single Log-in to several sites
* No User groups & permissions
* More intuitive administration user interface
* Some polished modules for things like calendars, polls, etc.
* Modules cost you money

System Requirements:

* Drupal can work with MySQL and Postgres while Joomla is known to support only MySQL
* Drupal can work with Apache or IIS while Joomla is known to support only Apache
* Joomla support SSL logins and SSL pages. Drupal not known to support it.

Site Management

* Drupal has free add on for Workflow management. Joomla not known to have one.
* Drupal has inbuilt Translation manager. Joomla has a Free ad on for the same
* Drupal has more granular priviledge managment

Interoperability:

* Drupal has iCal support [Add on] , Joomla not known to have one.
* Drupal is XHTML Complaint. Joomla not known to be one.
* Drupal has excellent versioning and Audit trail which Joomla lacks

Browsers share (among web dev people)

Posted by Mr.Editor Friday, March 5, 2010 0 comments

Here's some stats about the browsers share (among web dev people).  Specifically, this data is collected from the visitors of the site W3Schools. So have this in consideration:

W3Schools is a website for people with an interest for web technologies. These people are more interested in using alternative browsers than the average user. The average user tends to use Internet Explorer, since it comes preinstalled with Windows. Most do not seek out other browsers.

These facts indicate that the browser figures above are not 100% realistic. Other web sites have statistics showing that Internet Explorer is used by at least 80% of the users

Browser Statistics Month by Month:

Month IE7 IE6 IE5 IE ALL Firefox Chrome Safari Opera
January, 2008 21.20% 32.00% 1.50% 54.70% 36.40%   1.90% 1.40%
February, 2008 22.70% 30.70% 1.30% 54.70% 36.50%   2.00% 1.40%
March, 2008 23.30% 29.50% 1.10% 53.90% 37.00%   2.10% 1.40%
April, 2008 24.90% 28.90% 1.00% 54.80% 39.10%   2.20% 1.40%
May, 2008 26.50% 27.30% 0.70% 54.50% 39.80%   2.40% 1.50%
June, 2008 27.00% 26.50% 0.50% 54.00% 41.00%   2.60% 1.70%
July, 2008 26.40% 25.30%   51.70% 42.60%   2.50% 1.90%
August, 2008 26.00% 24.50%   50.50% 43.70%   2.60% 2.10%
September, 2008 26.30% 22.30%   48.60% 42.60% 3.10% 2.70% 2.00%
October, 2008 26.90% 20.20%   47.10% 44.00% 3.00% 2.80% 2.20%
November, 2008 26.60% 20.00%   46.60% 44.20% 3.10% 2.70% 2.30%
December, 2008 26.10% 19.60%   45.70% 44.40% 3.60% 2.70% 2.40%
January, 2009 0.60% 25.70% 18.50% 44.80% 45.50% 3.90% 3.00% 2.30%
February, 2009 0.80% 25.40% 17.40% 43.60% 46.40% 4.00% 3.00% 2.20%
March, 2009 1.40% 24.90% 17.00% 43.30% 46.50% 4.20% 3.10% 2.30%
April, 2009 3.50% 23.20% 15.40% 42.10% 47.10% 4.90% 3.00% 2.20%
May, 2009 5.20% 21.30% 14.50% 41.00% 47.70% 5.50% 3.00% 2.20%
June, 2009 7.10% 18.70% 14.90% 40.70% 47.30% 6.00% 3.10% 2.10%
July, 2009 9.10% 15.90% 14.40% 39.40% 47.90% 6.50% 3.30% 2.10%
August, 2009 10.60% 15.10% 13.60% 39.30% 47.40% 7.00% 3.30% 2.10%
September, 2009 12.20% 15.30% 12.10% 39.60% 46.60% 7.10% 3.60% 2.20%
October, 2009 12.80% 14.10% 10.60% 37.50% 47.50% 8.00% 3.80% 2.30%
November, 2009 13.30% 13.30% 11.10% 37.70% 47.00% 8.50% 3.80% 2.30%
December, 2009 13.50% 12.80% 10.90% 37.20% 46.40% 9.80% 3.60% 2.30%
January, 2010 14.30% 11.70% 10.20% 36.20% 46.30% 10.80% 3.70% 2.20%
February, 2010 14.70% 11.00% 9.60% 35.30% 46.50% 11.60% 3.80% 2.10%

 

Browsers share (among web dev people)

(click to zoom)

Data source: http://www.w3schools.com/browsers/browsers_stats.asp

 

Basically, FF has stop growing since April 2009, IE is continuously declining an Chrome is gaining ground. But please note the remark at the begin of the text: this is among the visitors of the site W3Schools.

 

For the global market, these are the numbers:

From: http://it-chuiko.com/internet/2659-top-5-browsers-data-for-february.html

Followers