Esta pregunta me la han hecho varias veces, así que hoy les hablare un poco de los hosting que utilizo. Primero que nada no recomiendo a ninguna empresa de hosting que sea revendedora (reseller), a menos que necesiten facturas (la mayoría de Mexicali y México son revendedoras). Sale mas barato comprar donde compran ellos para revenderte que a ellos (obvio).

Actualmente tengo 4 servidores, 1 es Windows (plesk), 2 Linux (Cpanel) y otro es un  reseller Linux con WHM y cuesta el doble que los otros 3, así que solo les hablaré de los 3 primeros que uso.

Hosting económico en México

Zuperhosting.com (Mexicano) en este servidor pago 155.00 dlls por año, es un servidor Windows con panel Plesk (o linux) donde te dan 30GB de espacio y 60GB de transferencia. En este hosting hay planes desde 15dlls al año, pero si quieres experimentar y montar una web o un blog personales, te recomiendo que compres el de 23dlls por año, te dan el dominio, 2GB de espacio, 20GB de transferencia mensual y el soporte es bueno, lo que no me gusta es que a veces tardan en responder los tickets o el msn. Pero es de lo mejor que encontrarás aquí, según yo.

Hosting internacionales buenos y económicos.

Servage.com, este me sale en 77dlls por 14 meses, ofrecen 750GB de espacio(que uso como 1GB nomas) y 7500GB de transferencia mensual que es lo que me importa, te dan dominio gratis y ademas puedes alojar varios dominios en este servidor, o sea, varias paginas distintas. En mi caso tengo 4 paginas aquí y juntas reciben unas 8,000 visitas al día, soycachanilla.com es una de ellas. El soporte es muy bueno y rápido, por lo menos a mi me han resuelto inmediatamente todos mis problemas(2 problemillas).

Servage | cupón: chicali13

Hostgator.com (Gringo), es de los mas populares que hay actualmente. Este servidor me sale en 111dlls al año porque lo pago cada mes.  Ofrece 3 planes, uno de 55dlls al año, otro de 95dlls y otro de 155dlls( también tiene planes resellers y VPS), si quieres tener una sola pagina te recomiendo que compres el de 55dlls, si quieres tener mas de una pagina te recomiendo cualquiera de los otros dos dependiendo de tus necesidades. En este servidor ofrecen todo ilimitado, soporta hasta 20,000 visitas diarias en cualquiera de sus 3 planes, eso es lo que me han dicho otros amigos que tienen paginas con mucho trafico, yo no puedo opinar de eso porque no recibo mas de 400 al día. En este servidor tengo 2 páginas, una de ellas es twittmxl.com y la otra aún no la he terminado pero espero reciba por lo menos unas 3,000 visitas diarias, a parte mudaré las paginas de servage aquí para tenerlas todas juntas antes que me endeude XD.

Hostgator.com

¿ Donde comprar dominios web baratos ?.

Ahora, si quieren tener muchas paginas en uno de estos servidores, no les recomiendo comprar dominios en estas paginas, lo mejor es en alguna empresa que se dedique a la venta de dominios de a bolsa por un dolar(chiste local). Alguna de estas dos empresas puede ser Name.com y Godaddy.com, yo recomiendo name.com porque hay cupones de descuento y todos los viernes tienen ofertas chilas. Por ejemplo, hace dos semanas compre 3 dominios, un .net, un .com y un .info por 12 dlls y fue gracias a una promoción del viernes.

Name.com

Si buscan alguna empresa Mexicana, aquí les dejo una recopilación de algunas que me encontré hace casi un año “ Busco hosting en México ” con sus precios y algunas cosas que ofrecen.

El día lunes me llamo la jefa de mi amá para decirme que me tenia un trabajo y que si se lo podía hacer, le pregunte de que trataba y me dice que esta formando una fundación de ayuda con tecnologías y bla bla bla… 30 minutos después del choro me dice que necesita una pagina web, acepte y le dije que me diera la información para empezar y me dijo que simon, que fuera por ella, pensé que sería todo, pero antes de colgar me dice, oye! tengo 3 arbolitos que se secaron porque tienen hongos radioactivos, puedes venir a cortarlos? le dije, ummmm… y enseguida me dice, te pago como ingeniero, y yo WTF!!?.. total que le dije que arre lulú.

Al día siguiente entro mi amá a mi cuarto como a las 6 de la mañana para despertarme, me dijo un montón de cosas que ni me acuerdo, me movió, me aventó cosas y no me despertaba por culpa de una desvelada del día anterior xD, total que me desperté como una hora después y me lance con ella a la casa de su jefa, llegamos a la casa de la señora y parecía que tenia una selva en la pura entrada de su casa, había pinches matas de chiles, pinches arboles de plátanos, pinches arbolitos de de no se que, pinches matas, en fin, un chingo de pinches cosas verdes.

Me metí a la casa y busque los arboles que tenia que quitar,  saque una pala del cuartito de las pinches cosas para quitar los pinches arboles y me puse a escarbarle al primero, 20 minutos después y como 100 paladas y 140 raíces cortadas, logre derribar el primero. Nombre! me sentí bien fregon y dije: “uff a este ritmo en una hora me los echo y me voy de aquí.

Me puse con el segundo pinche árbol y tenía unas raíces como de 15 cm. Por mas palazos que le daba a las raíces con la pala sin filo que me dejaron nomas no tronaban las malditas. Total que me lo aventé en 2 horas y media. Cuando termine el segundo árbol decidí que ya era tiempo de tomar un break porque ya me dolían las manos de tanto escarbar y tirarle palazos a las raíces.  Me fuí a mi casa a comer y descansar una hora y luego regresar.

Luego de una hora de break me devolví a la casa de la señora para cortar el último árbol, llegue y dije, ahora si ya te cargo chencho!.. Agarre la pala, le tire un palazo a una de las raíces que estaba por encima de la tierra y me canse, así que decidí volver a descansar un rato.

Después de descansar comencé de nuevo mi trabajo de jardinería para poner en practica mis conocimientos en sistemas [?], empece a escarbar y no manchen!, las raíces del mismo tamaño que el segundo árbol, pero con la diferencia de que este ultimo árbol tenia raíces del segundo árbol mezcladas  + las de una enredaderas que tenía, lo peor es que este árbol estaba pegado a la pared y pues solo le podía dar palazos de un lado, me tarde como 3 horas en arrancarlo del suelo. Y cuando al fin termine guarde las herramientas de jardinería y me senté en el suelo a perder una hora de tiempo viendo hormigas negras, abejas y mate a una araña mientras me tomaba un arizona verde y descansaba.

Neta que mis respetos para todos los jardineros, es una friega, por lo menos para mi que mi trabajo comparado con la jardinería es trabajo de niñas, que diseño web, programación ni que nada, los verdaderos trabajos de hombres son los que te salen cayos en las manos, terminas todo cansado, te duelen los brazos, los hombros, la espalda, los pies, las manos y sudas como puecooo!!.. ja!.

Lo bueno después de este día madriador fue la paga, me pagaron, muy muy bien, ahora ya nomas me falta ponerme a diseñar la pagina que me encargo hasta  el fin de semana porque esta semana tengo 2 trabajillos que se me juntaron, luego tengo un proyecto mio estancado en el 5% de avance y nomas no puedo seguirle u_U..  y ya pues, tan..tan..

El fin de semana me puse a modificarlo y creo que avance un 15% o 20% en la optimización, algunas cosas que modifique son.

Rediseño de los comentarios

Rediseño del logo de soycachanilla

Modifique la barra de navegación

Modifique el slidebar para que se vean algunas cosas en las paginas, otras en el index, otras en las categorías, con esto me refiero a que no van a ver las mismas cosas en la barra de la derecha.

Modifique el CSS y agregue CSS personalizado que venia usando en el otro theme.

Optimice algunas cosas de seo como los links con canonical en los comentarios.

Quite cosas que no necesito del theme original.

Integración del buscador google en el blog.

Cambie la fuente y la hice mas grande para una mejor lectura .

Agregue una funcion para publicar entradas aleatorias en el sidebar dentro de cada entrada.

Integre google friend connect

Algunas cosas que faltan por hacer son:

Crear una plantilla para los minipost( si vieron alguna ves a chuck norris aparecer en el blog en un cuadrito pequeño, esas son las minientradas)

Separar las categorías en dos columnas.

Y bueno, hasta ahora eso es lo único que tengo pensado hacer el fin de semana, no iba hacer publico el theme hasta el día 24 de Octubre que es el primer aniversario del blog, pero me gustaría que fueran mis beta testers(por eso la palabra beta a un costado del logo) y me digan si se topan con algún bug(algo que se vea mal o no sirva).

En fin, espero les guste y si no, pues espero criticas sobre algo que no les guste(colores, cosas que no quieran ver, etc.) o cosas que quieren que agregue también serán tomadas en cuenta.

1
2
3
4

border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius

Con esas propiedades definimos que esquina vamos a redondear y le colocamos la medida del radio: 5px, 10px, 15px o lo que queramos. Pero como no todo en la vida es tan fácil, resulta que estas propiedades no jalan todavía en los navegadores actuales y estos tienen “sus propias propiedades propias de ellos” :O!! Por ejemplo, para redondear bordes con CSS para firefox y todos sus hijos (seamonkey,mozilla etc..) necesitamos estas:

1
2
3
4
5

-moz-border-radius
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft

Para redondear esquinas con CSS para Chrome y Safari que utilizan esa onda del karatekit llamada webkit se utilizan estas:

1
2
3
4
5

-webkit-border-radius
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-border-bottom-right-radius
-webkit-border-bottom-left-radius

Para IE8 supuestamente existe -ms-border-radius, pero nel!! no jala y tienes que utilizar hacks o fixes como iepngfix.htc o border-radius.htc
Ejemplo bordes redondos para Firefox y sus hijos.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
 <title>Bordes redondos</title>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
 <style type="text/css">
 body { text-align:center; }
.cajita {
width:200px;
padding:5px;
margin:0 auto 0 auto;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
background:#FF0000;
color:#fff;
text-align:left;
}
.cajita p{
padding 0px;
margin 0px;
background:#fff;
color:#000;
text-align:center;
}
 
</style>
</HEAD>
<BODY>
   <div class="cajita">
   <p>Titulo noticia</p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged..
</div>
</BODY>
</HTML>

Resultado:

Para los demás navegadores(excepto IE) se hace de la misma forma, solo que debemos cambiar la propiedad -moz-border-radius-bottomright por las que sirven para los otros navegadores o simplemente agregar esas propiedades para que nuestra web se vea con bordes redondos en todos los navegadores no importa con cual se acceda.

Ahora, esta es la forma fea de crear bordes redondos a una web con IE(sin css), no importa si es ie6,ie7,ie8 etc..
Lo primero que tenemos que hacer es crear una imagen con los bordes ya dibujados, debe ser del mismo ancho que nuestra cajita y debe tener el mismo fondo para que no se note que es una imagen.
Por ejemplo:

Para esto vamos a ocupar 3 Divs, uno que sirva como contenedor, otro que es el que tiene la información y un tercero donde vamos a meter nuestra imagen que sirve de borde.
Este ejemplo esta hecho para que los bordes se vean en firefox, chrome, safari e ie.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
 <title>Bordes redondos</title>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
 <style type="text/css">
 body { text-align:center; }
.cajita {
width:200px;
padding:5px;
margin:0 auto 0 auto;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
background:#FF0000;
color:#fff;
text-align:left;
}
.cajita p{
padding 0px;
margin 0px;
background:#fff;
color:#000;
text-align:center;
}
.bordeie8{
background:#FF0000;
}
</style>
</HEAD>
<BODY>
<div>
   <div class="cajita">
   <p>Titulo noticia</p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged..
   </div>
  <!--[if IE ]> <div class"bordeie8">
   <img src="bottom.png" border="0">
   </div>
   <![endif]-->
</div>
</BODY>
</HTML>

Si se dan cuenta utilice una condición que solo reconocen los navegadores explorer < !--[if IE ]> < ![endif]--> esta condición significa que si el navegador con el que entro X persona es IE(cualquiera) mostrara un div que contiene dentro de el una imagen que es la que tiene los bordes redondos, si no es IE no hara nada y mostrara los bordes como se definieron en las propiedades de la clase cajita.
Este es el resultado en IE8

Comentarios?, por si no los hay y creen que entendieron todo, pss a ver quien puede hacer un circulo dentro de otro circulo con puro CSS .

This post is password protected. To view it please enter your password below:

Password:

Por que SoyCachanilla.com.?

Fácil, porque nací en la ciudad de Mexicali Baja California hace 27 años y nuestro gentilicio no oficial es “cachanillas”, que es de ahí de donde viene el nombre de este blog, SOY de YO y cachanilla porque Yo Soy cachanilla.

Si quieren saber mas de los cachanillas vean este vídeo de LIBO. En el podrán escuchar una breve descripción de lo que es vivir y ser un cachanilla.

Click para ver el vídeo

Descripción rápida

Soy amistoso, sincero, irresponsable, responsable, crítico, utopista(existirá esa madre???, bueno…), creativo, puntual, impuntual, optimista, pesimista, desprendido, sociable, culto, inculto, perrón, callado, inteligente, brillante, tonto, chistoso, aburrido, ocurrente, rencoroso, vengativo, impulsivo, sarcástico, cruel, mentiroso piadoso, super buen compa, , creativo( Siii!, 2 veces y que? soy recreativo), juguetón, enojón, leal, bromista, sencillo, gentil, buena onda, carismático, no soy hipócrita, ni hablador, no me gusta hablar a las espaldas de las personas(aunque a veces se da!), no me gusta meterme en la vida de los demás, ni mucho menos que se metan en la mía, siempre me ando peleando con mis cosas materiales llámese carro, computadora, playstation, cuarto, cama, cartera(es que nunca trae dinero), impresora, puertas, llaves etc, etc.

En fin, soy un wey tan idiota, estúpido, increíble e inocente que todo lo vive con asombrosa intensidad, me rio de lo malo y disfruto lo bueno como debe ser. =)

¿A que demonios me dedico?
Soy Licenciado en Sistemas Computacionales egresado de la UABC, actualmente me dedico al diseño y programación web como freelancer en mis tiempos libres. Básicamente desarrollo sitios con PHP, CSS, XHTML y un poco de JQuery. Amante de la maquetación y desarrollador de themes para CMS WordPress optimizados para SEO.

Soy dueño y socio de una empresa de venta y reparación de equipos de computo, instalación de redes y todo lo que tenga que ver con tecnología y comunicación, se llama Gymco.

También poseo una pequeña red de 8 sitios de temas sobre Mexicali, Tecnología,  Programación, Libros, Escritores, Vídeos, Música, Humor, Recetas de comida, Celulares y Deportes, generando ingresos mensuales gracias a Adsense e Infolinks, ambas son empresas de publicidad por Internet .

En fin, eso es todo,  si todavía desean saber algo mas de mi pueden contactarme desde aquí [contacto], rellenan el formulario de contacto y les responderé en cuanto revise mi correo.