Ranking navegadores países habla hispana Marzo 2010

* Cuota de uso en Sudamérica

1. Explorer (IE) 56.38 %
2. Firefox (FF) 31.66 %
3. Chrome 10.25 %
4. Opera 0.81 %
5. Safari 0.74 %

* Cuota de uso por países

Uruguay
IE 48.83 %, FF 37.22, Safari 0.96, Chrome 11.64, Opera 1.14
España
IE 56.49%, FF 30.69, Safari 2.87, Chrome 8.19, Opera 1.07
Argentina
IE 58.86%, FF 29.6, Safari 0.87, Chrome 9.22, Opera 1.23.
México
IE 69.4, FF 20.69, Safari 2.77, Chrome 5.85, Opera 1.04
Chile
IE 48.1%, FF 36.79 , Safari 1.52, Chrome 11.75, Opera 1.62.
Perú
IE 79.33%, FF 13.79, Safari 0.69 , Chrome 5.58, Opera 0.52.
Ecuador
IE 58.92%, FF 31.31, Safari 2.06, Chrome 6.81, Opera 0.6
Colombia
IE 62.26%, FF 24.86, Safari 1.28, Chrome 10.79, Opera 0.68.
Venezuela
IE 61.8%, FF 27.25, Safari 1.27, Chrome 8.84, Opera 0.59.
Bolivia
IE 68.71%, FF 23.88, Safari 1.11, Chrome 5.47, Opera 0.67.
Costa Rica
IE 50.61%, FF 36.27, Safari 3.31, Chrome 8.41, Opera 1.12.
Cuba
IE 40.59%, FF 52.06, Opera 2.53, Chrome 2.68.
El Salvador
IE 48.05%, FF 40.34, Safari 1.76, Chrome 8.3, Opera 1.3.
Guatemala
IE 57.93%, FF 29.15, Safari 2.39, Chrome 9.42 Opera 0.93.
Honduras
IE 60.55%, FF 27.85, Safari 1.59, Chrome 8.55, Opera 1.26.
Nicaragua
IE 45.34, FF 44.85, Safari 1.28, Chrome 6.91, Opera 1.37.
Panama
IE 66.62%, FF 22.89, Safari 2.36, Chrome 7.2, Opera 0,75.
Paraguay
IE 43.87%, FF 43.55, Safari 0.41, Chrome 11.33, Opera 0.69.
Puerto Rico
IE 55.71, FF 28.49, Safari 5.36, Chrome 8.41, Opera 1.02.
Republica Dominicana
IE 49.22%, FF 35.94, Safari 2.57, Chrome 10.96, Opera 1.11
Brasil
IE 54.54%, FF 33.35%, Chrome 10.77, Opera 0.62, Safari 0.6

VN:F [1.9.10_1130]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.10_1130]
Rating: -1 (from 1 vote)

Ranking de Servidores Marzo 2010

Según Netcraft en marzo se registraron un total de 206,675,938 webs. Las últimas estadísticas señalan además que los servidores web más importantes son Apache, Microsoft y Google.

Ranking Servidores Marzo 2010

1. Apache con 112,747,166 de sites y el 54.55% del mercado
2. Microsoft con 50,572,540 de sites y el 24.47 del mercado
3. Google con 14,592,133 de sites y el 7.06% del mercado
4. nginx con 12,673,962 de sites y el 6.13% del mercado
5. lighttpd con 1,657,584 sites y el 0.80% del mercado

VN:F [1.9.10_1130]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.10_1130]
Rating: 0 (from 0 votes)

Lorem Ipsum

The standard Lorem Ipsum passage, used since the 1500s

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”
Section 1.10.32 of “de Finibus Bonorum et Malorum”, written by Cicero in 45 BC

“Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?”
1914 translation by H. Rackham

“But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?”
Section 1.10.33 of “de Finibus Bonorum et Malorum”, written by Cicero in 45 BC

“At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.”
1914 translation by H. Rackham

“On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.”

VN:F [1.9.10_1130]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.10_1130]
Rating: 0 (from 0 votes)

Rotando texto con CSS (El código no es estandar y solo funciona en Safari/WebKit, Firefox e Internet Explorer, Google Chrome)

El código HTML es:

<div class="container">
  <div class="rotar_texto">Aquí el texto a Rotar a 90°</div>
</div>

El código CSS es:

.rotar_texto {
	/* WebKit, Safari */
	-webkit-transform: rotate(-90deg); 
 
	/* Firefox 3.5+*/
	-moz-transform: rotate(-90deg);	
 
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
VN:F [1.9.10_1130]
Rating: 7.0/10 (3 votes cast)
VN:F [1.9.10_1130]
Rating: 0 (from 2 votes)

Crear Sitemap e indexarlo en Google

Que tal les dejo una herramienta muy util para crear sus sitemaps.

http://www.xml-sitemaps.com/

Ahora abrimos nuestro FTP (Sugiero FireFTP obvio de Firefox).

Ahora subimos nuestro archivo descargado llamado sitemap.xml en root.

Una vez que han hecho lo anterior, quiero suponer que ya se registraron en Google Webmaster, sino a investigar.

Ya estando ahí acceder a la siguiente liga.

https://www.google.com/webmasters/tools/

Ya estando ahi accedemos a nuestro sitio al cual declararemos nuestro Sitemap.

Nos vamos a “Informacion del Sitio -> Sitemap”

Y ahi le damos nuestra liga del Sitemap.

Saludos.
Héctor Aguilar
Aguitech.com

VN:F [1.9.10_1130]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.10_1130]
Rating: 0 (from 0 votes)

Plugins jQuery

Lista de Plugins de jQuery.

Entre ellos encontramos Plugins para Formularios, Cajas de selección, Validación de Formularios, Subida de Archivos, Chechboxes, Hora y Fecha, Selectores de Color, Complementos para Votacaciones (Rating Plugins), Complementos de Búsqueda, Edición, Editores, Audio, Video, Flash, SVG, Fotos, Imágenes, Galerías, Google Maps, Juegos, Tablas, Cuadrículas, Gráficos, Presentaciones, Bordes, Esquinas, Fondos, Textos y Enlaces.

Validación de formularios

jQuery Validation
Auto Help
Simple jQuery form validation
jQuery XAV – form validations
jQuery AlphaNumeric
Masked Input
TypeWatch Plugin
Text limiter for form fields
Ajax Username Check with jQuery

Subida de archivos

Ajax File Upload
jQUploader
Multiple File Upload plugin
jQuery File Style
Styling an input type file
Progress Bar Plugin

Formularios – cajas de selección

jQuery Combobox
jQuery controlled dependent (or Cascadign) Select List
Multiple Selects
Select box manipulation
Select Combo Plugin
jQuery – LinkedSelect
Auto-populate multiple select boxes
Choose Plugin (Select Replacement)

Formularios básicos, campos de entrada, chechboxes y otros

jQuery Form Plugin
jQuery-Form
jLook Nice Forms
jNice
Ping Plugin
Toggle Form Text
ToggleVal
jQuery Field Plugin
jQuery Form’n Field plugin
jQuery Checkbox manipulation
jTagging
jQuery labelcheck
Overlabel
3 state radio buttons
ShiftCheckbox jQuery Plugin
Watermark Input
jQuery Checkbox (checkboxes with imags)
jQuery SpinButton Control
jQuery Ajax Form Builder
jQuery Focus Fields
jQuery Time Entry

Hora, fecha y selectores de color

jQuery UI Datepicker
jQuery date picker plugin
jQuery Time Picker
Time Picker
ClickPick
TimePicker
Farbtastic jQuery Color Picker Plugin
Color Picker by intelliance.fr

Complementos para votar (Rating plugins)

jQuery Star Rating Plugin
jQuery Star Rater
Content rater with asp.net, ajax and jQuery
Half-Star Rating Plugin

Complementos de búsqueda

jQuery Suggest
jQuery Autocomplete
jQuery Autocomplete Mod
jQuery Autocomplete by AjaxDaddy
jQuery Autocomplete Plugin with HTML formatting
jQuery Autocompleter
AutoCompleter (Tutorial with PHP&MySQL)
quick Search jQuery Plugin

EdiInline Edit & Editors

jTagEditor
WYMeditor
jQuery jFrame
Jeditable – edit in place plugin for jQuery
jQuery editable
jQuery Disable Text Select Plugin
Edit in Place with Ajax using jQuery
jQuery Plugin – Another In-Place Editor
TableEditor
tEditable – in place table editing for jQuery

Audio, Video, Flash, SVG, etc

jMedia – accessible multi-media embedding
JBEdit – Ajax online Video Editor
jQuery MP3 Plugin
jQuery Media Plugin
jQuery Flash Plugin
Embed QuickTime
SVG Integration

Fotos/Imagenes/Galerias

ThickBox
jQuery lightBox plugin
jQuery Image Strip
jQuery slideViewer
jQuery jqGalScroll 2.0
jQuery – jqGalViewII
jQuery – jqGalViewIII
jQuery Photo Slider
jQuery Thumbs – easily create thumbnails
jQuery jQIR Image Replacement
jCarousel Lite
jQPanView
jCarousel
Interface Imagebox
Image Gallery using jQuery, Interface & Reflactions
simple jQuery Gallery
jQuery Gallery Module
EO Gallery
jQuery ScrollShow
jQuery Cycle Plugin
jQuery Flickr
jQuery Lazy Load Images Plugin
Zoomi – Zoomable Thumbnails
jQuery Crop – crop any image on the fly
Image Reflection

Google Maps

jQuery Plugin googlemaps
jMaps jQuery Maps Framework
jQmaps
jQuery & Google Maps
jQuery Maps Interface forr Google and Yahoo maps
jQuery J Maps – by Tane Piper

Juegos

Tetris with jQuery
jQuery Chess
Mad Libs Word Game
jQuery Puzzle
jQuery Solar System (not a game but awesome jQuery Stuff)

Tablas, cuadrículas etc.

UI/Tablesorter
jQuery ingrid
jQuery Grid Plugin
Table Filter – awesome!
TableEditor
jQuery Tree Tables
Expandable “Detail” Table Rows
Sortable Table ColdFusion Costum Tag with jQuery UI
jQuery Bubble
TableSorter
Scrollable HTML Table
jQuery column Manager Plugin
jQuery tableHover Plugin
jQuery columnHover Plugin
jQuery Grid
TableSorter plugin for jQuery
tEditable – in place table editing for jQuery
jQuery charToTable Plugin
jQuery Grid Column Sizing
jQuery Grid Row Sizing

Graficos, presentaciones etc.

jQuery Wizard Plugin
jQuery Chart Plugin
Bar Chart

Bordes, esquinas, fondos

jQuery Corner
jQuery Curvy Corner
Nifty jQuery Corner
Transparent Corners
jQuery Corner Gallery
Gradient Plugin

Textos y enlaces

jQuery Spoiler plugin
Text Highlighting
Disable Text Select Plugin
jQuery Newsticker
Auto line-height Plugin
Textgrad – a text gradient plugin

VN:F [1.9.10_1130]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.10_1130]
Rating: 0 (from 4 votes)

Modificar botón derecho en Sitio Web

Para modificar el boton derecho de nuestro sitio web, es tan sencillo como agregar las siguientes lineas de código. El ejemplo funcionando aquí
En nuestro head pondremos lo siguiente.

<style type="text/css">
.skin0{
position:absolute;
width:130px;
border:2px solid black;
background-color:orange;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:14px;
z-index:100;
visibility:hidden;
}
.menuitems{
padding:0 10px;
}
</style>

Y en nuestro body pondremos lo siguiente, que quede claro que las ligas las podemos modificar a nuestro antojo, en este caso, las ligas por default son acerca de mí.

<div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none>
<div class="menuitems" url="http://aguitech.com">H&eacute;ctor Aguilar</div>
<div class="menuitems" url="http://aguitech.com/BlogSite">BlogSite</div>
<div class="menuitems" url="http://aguitech.com/aboutme">AboutMe</div>
<div class="menuitems" url="http://twitter.com/aguitech">Twitter</div>
<div class="menuitems" url="http://facebook.com/aguitech">Facebook</div>
<hr>
<div class="menuitems" url="mailto:hector@aguitech.com">E-mail</div>
</div>
 
<script>
 
//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
var display_url=0
 
var ie5=document.all&&document.getElementById
var ns6=document.getElementById&&!document.all
if (ie5||ns6)
var menuobj=document.getElementById("ie5menu")
 
function showmenuie5(e){
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY
 
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX
 
//same concept with the vertical position
if (bottomedge<menuobj.offsetHeight)
menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight
else
menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY
 
menuobj.style.visibility="visible"
return false
}
 
function hidemenuie5(e){
menuobj.style.visibility="hidden"
}
 
function highlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor="highlight"
firingobj.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
 
function lowlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor=""
firingobj.style.color="black"
window.status=''
}
}
 
function jumptoie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
if (firingobj.getAttribute("target"))
window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
else
window.location=firingobj.getAttribute("url")
}
}
 
if (ie5||ns6){
menuobj.style.display=''
document.oncontextmenu=showmenuie5
document.onclick=hidemenuie5
}
</script>

Para terminar podemos observar el ejemplo funcionando aquí.

VN:F [1.9.10_1130]
Rating: 10.0/10 (1 vote cast)
VN:F [1.9.10_1130]
Rating: +1 (from 1 vote)

Definiendo estilos en XML con CSS

En nuestra página.xml colocaremos lo siguiente.

<?xml version="1.0" encoding="ISO-8859-1" ?> 
<?xml-stylesheet href="estilos.css" type="text/css" ?> 
<pagina> 
   <cabecera> 
      Definiendo estilos en XML con CSS 
   </cabecera> 
    <cuerpo> 
      Aquí pondremos nuestro texto del contenedor cuerpo 
   </cuerpo> 
   <cuerpo_2> 
      Aquí estará nuestra segunda parte de nuestro cuerpo
   </cuerpo_2>
   <cuerpo_3>
      Aquí la tercera parte de nuestro cuerpo, y lo creceremos indefinidamente 
   </cuerpo_3> 
   <pie_pagina>
      Aquí van nuestros créditos, etc. 
   </pie_pagina> 
</pagina>

Ahora como definiremos los estilos, tan sencillo como hacerlo de nuestro archivo estilos.css

En nuestra página estilos.css pondremos el siguiente código, si son observadores se daran cuenta que manejo los estilos comon si fueran tags, porque en sí es lo que son en nuestro archivo xml.

<style type="text/css">
pagina{
   /* Aquí nuestro código CSS para pagina */
}
cabecera{
   /* Aquí nuestro código CSS para cabecera */
}
cuerpo{
   /* Aquí nuestro código CSS para cuerpo */
}
cuerpo_2{
   /* Aquí nuestro código CSS para cuerpo_2 */
}
cuerpo_3{
   /* Aquí nuestro código CSS para cuerpo_3 */
}
pie_pagina{
   /* Aquí nuestro código CSS para pie_pagina */
}
</style>
VN:F [1.9.10_1130]
Rating: 4.0/10 (1 vote cast)
VN:F [1.9.10_1130]
Rating: 0 (from 0 votes)

Agregar Sitio Web a Google, Yahoo y Bing.

Agregar URL a Google
Para agregarlo a Google, únicamente tenemos que acceder a la siguiente dirección:
www.google.es/addurl/
Una vez ahi, llenamos el breve formulario y lo enviamos.

Agregar URL a Bing
Para agregarlo a Bing, accedemos a la siguiente liga:
http://www.bing.com/webmaster/WebmasterAddSitesPage.aspx
Despues iniciamos nuestra sesión de hotmail, luego llenamos el formulario y para terminar vamos a agregar el meta que nos dan para validar que somos los dueños del sitio.

Agregar URL a Yahoo
Para agregarlo en Yahoo, tenemos que iniciar sesión con nuestro correo de yahoo, ahora accedemos a la siguiente dirección: http://es.siteexplorer.search.yahoo.com/free/submit y le damos en agregar sitio URL, y listo.

VN:F [1.9.10_1130]
Rating: 1.0/10 (1 vote cast)
VN:F [1.9.10_1130]
Rating: 0 (from 0 votes)

Centrar DIV, Imagen Position:absolute Internet Explorer (IE)

Que tal les dejo un super tip para centrar una imagen, div, etc.
Les explico a continuación lo que hace el código.

<style type="text/css">
.centrar {
	<!-- Indicamos la posicion absoluta -->
	position: absolute;
	<!-- Vamos a dar el margen de la mitad del ancho div, imagen o lo que queramos centrar
        antepuesto del signo negativo -->
	margin-left: -375px;
	<!-- Este es el truco el 50 por ciento nos indicará el margen -->
	left:50%;
	<!-- El ancho de nuestro div, imagen, etc -->
	width:750px;
	height:229px;
	background:#B4ACA0;
	border: 1px solid black;
	display:none;
} 
</style>
<div class="centrar"></div>
VN:F [1.9.10_1130]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.10_1130]
Rating: 0 (from 0 votes)