Tips, noticias y consejos para su computador y uso de Internet

Recuperar página de inicio en Chrome y otros navegadores

2015-07-10T16:43:00.003-03:00

A menudo tras instalar un nuevo programa terminamos instalando mil barras a Internet Explorer, un par de programas extras que no sabíamos que venían en el paquete y además desconfigurando nuestros otros navegadores.

Uno de los problemas más comunes es que la página de inicio sea cambiada sin nuestra autorización, pero en esta guía les contamos cómo recuperarla.

1.- Primero, debemos ir al Panel de control->Desinstalar programas y desinstalar cualquier programa que no recordemos haber instalado y que aparezca con fecha de instalación reciente.

2.- Luego, vamos a las configuraciones de Chrome y buscamos la sección "En inicio" que aparece al principio. Aquí elegimos si deseamos que al abrir Chrome se nos muetsre la pantalla de inicio u alguna otra (como Google):

Click para agrandar

La opción por defecto es "Abrir página de Nueva pestaña", pero podemos elegir las otras opciones. Si elegimos abrir un conjunto específico de páginas, hay que ir a la opción "Establecer páginas" para quitar aquellas páginas indeseadas y dejar solo la que nos interese:

Click para agrandar

3.- En esta parte, también es necesario comprobar que el buscador por defecto no se haya cambiado. Se hace simplemente eligiendo Google (o el que más nos guste) de la lista desplegable (¡perdón por el inglés!):

Click para agrandar

4.- Por último, hay que comprobar las opciones de inicio del navegador. Para esto, debemos cerrar el navegador con todas sus ventanas e ir a al acceso que ocupamos para iniciarlo, por ejemplo, la barra de tareas. Hacemos click secundario sobre ella y vamos a la opción "Propiedades". Dependiendo de nuestra versión de Windows, puede ser necesario volver a hacer click en el ícono del navegador que aparece en pequeño, en el menú que recién abrimos y volver a hacer click secundario, tal como se muestra en la imagen:

Click para agrandar

Esto nos abrirá una ventana en la que solo hay que cambiar lo que se marca en al imagen siguiente. Esto es para borrar los parámetros extra que se le dan a un programa al abrirlo, por ejemplo, para iniciarlo minimizado, en modo incógnito, con un cierto perfil de usuario e incluso con una cierta página de inicio:

Click para agrandar

La sección "Target" aparece en español como "Destino". Cada parámetro se escribe de la forma

--opción-personalizada=Valor

Es en esta parte donde debemos borrar lo que haya después de la ruta del navegador, parecida a

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"

Podemos dejar el parámetro --profile-directory="Profile 1", el cual carga nuestro perfil de usuario pero no es grave si se borra también.

Una lista completa de parámetros puede verse en la página http://peter.sh/experiments/chromium-command-line-switches/

Después de esta limpieza, Chrome debería volver a abrir normalmente.

Para limpiar otros navegadores el procedimiento es análogo. El último paso es prácticamente idéntico.

Evitar cambio de hora de Windows por invierno/verano (Chile y México)

2015-03-10T17:24:00.000-03:00

Hace poco el Gobierno de Chile anunció que, este año, se mantendrá el horario de verano durante invierno (GMT -3 en territorio continental y GMT -5 en territorio insular).

Por otro lado, el Estado de Quintana Roo en México se moverá a la zona horaria GMT -5 y se creará la "Eastern Standard Time (Mexico)", con sus propias reglas de cambio de horario.

Por esta razón, Microsoft ha lanzado una actualización que evitará el cambio automático de hora en Chile y ajustará el cambio de hora mexicano.

La actualización puede descargarse desde la web oficial de Microsoft en el siguiente link: http://support2.microsoft.com/kb/3039024

Evitar cambio de horario en Chile (Windows)

2014-03-08T23:15:00.001-03:00

Históricamente, el cambio de horario de invierno se realiza el segundo sábado de Marzo. Sin embargo, políticas de ahorro energético, en Chile se amplió ese plazo hasta el sábado 26 de abril.

Antes de aplicar el parche.

Windows está programado para atrasar el reloj automáticamente 1 hora el 9 de marzo a las 12:00AM, pero esto puede ser evitado descargando un parche (hotfix) desde el sitio oficial de Microsoft:

http://support.microsoft.com/hotfix/KBHotfix.aspx?kbnum=2935092&kbln=es

Solo hay que elegir nuestra versión de Windows y entregar nuestro correo, al cual llegará un enlace para descargar el parche de microsoft.

Después de aplicar el parche.

Windows XP 64 bits en español

2014-01-19T14:53:00.001-03:00

La mayoría de las versiones de Windows XP de 64 bits que se pueden encontrar están en inglés. Hace tiempo era sencillo traducirlo al español; bastaba ejecutar un archivo MUI... que por alguna razón está siendo muy difícil de encontrar.

He encontrado el archivo, y lo pongo para su descarga por mediafire. Espero que les sirva.

Descargar MUI español para Windows XP 64 bits:

http://www.mediafire.com/download/q6m3mx6xcyhkhea/MUI.Spanish.MSI

Dropbox: ten tus archivos donde quieras

2013-09-12T22:09:00.000-03:00

Muchas veces necesitamos pasar un archivo de nuestro computador a otro, o queremos pasar al PC algo que hemos descargado desde el teléfono. Es un poco engorroso, y más cuando en realidad necesitamos enviar ese archivo a muchos computadores nuestros o a nuestro equipo de trabajo.

A veces, simplemente nos gustaría tener una copia de seguridad en la nube de nuestros archivos importantes pero no queremos perder tiempo ene starlos subiendo.

Dropbox es un servicio en la nube que cuenta con un programa que, una vez instalado, sincroniza los archivos que queremos respaldar.

La acción es simple: al instalar el programa de Dropbox, se nos pide que creemos una cuenta (si no se tiene aún), luego se crea una carpeta del mismo nombre (i.e, Dropbox) en nuestra carpeta personal. Todos los archivos que guardemos en esa carpeta se respaldarán automáticamente en los servidores de Dropbox en la nube.

Además, si instalamos el programa en otro computador, con la misma cuenta que en el anterior, sincronizará los archivos de las carpetas "Dropbox" de ambos computadores. También, si estamos en un computador ajeno, podemos ir a la web de Dropbox y guardar el archivo directamente. Al encender nuestro propio computador, el nuevo archivo aparecerá de forma automática.

Esto es especialmente útil para estudiantes, para mantener una copia segura de nuestros trabajos y poder accederlos desde cualquier parte.

Una característica realmente buena es la posibilidad de compartir una subcarpeta con cualquier otro usuario de Dropbox. Cuando cualquiera de los dos agregue o modifique un archivo, este se actualizará en el PC de la otra persona.

Y si por casualidad borras algo, no te preocupes. Desde la web de Dropbox puedes recuperar archivos borrados e incluso versiones anteriores de uno existente.

Dropbox ofrece de forma gratuita 2GB de almacenamiento, pero si ocupas el link:

http://db.tt/Cbb2j1Sa

Obtendrás 500MB de regalo (ese es mi enlace de invitación)

Hay formas de aumentar el espacio mediante formas rápidas y fáciles, como recomendar Dropbox a un amigo.

Está disponible para Windows, Mac, Linux, Android, Iphone, Ipad, Blackberry y Kindle.

Para el próximo artículo, contaré sobre otro programa similar.

Licencias y derechos de autor ¿Internet libre y usuarios libres?

2012-09-17T18:19:00.001-03:00

¿Derechos de autor?

Para empezar, una breve explicación sobre los derechos de autor y sus implicancias:

Una persona que crea algún tipo de contenido, ya sea físico o computacional, sólo por el hecho de haberlo creado, está protegido por la ley, que defiende "el aprovechamiento, la paternidad y la integridad de la obra". En Chile, se trata de la ley 17.336, disponible para leer en el siguiente enlace: http://www.leychile.cl/Navegar?idNorma=28933&idParte=8917032&idVersion=2010-05-04

Esto significa que, sin el permiso expreso del autor de un contenido, es ilegal que nosotros copiemos su obra.

Licencias y derechos en Internet

Al explorar contenido en Internet -Léase "escuchar música, ver videos, leer artículos..."- puedes encontrar tres grandes tipos de permiso que te da el autor:

No puedes usar este trabajo
Puedes usar este trabajo libremente
Puedes, pero con estas condiciones...

1. No puedes usar este trabajo

Este es el tipo de permiso más extendido dentro y fuera de la web. es el típico "Todos los derechos reservados". Que nos prohíbe reproducir o usar cualquier contenido con derechos de copia sin la expresa autorización del autor. Algunas veces, necesitamos la autorización por escrito.

Sin embargo, por ley, podemos tomar ciertas partes para usarlas con fines personales, o para citarlas, siempre y cuando digamos de dónde lo obtuvimos. Esto último es un permiso más bien ético, que nos libera de pedir autorización para usar partes pequeñas de una obra, puesto que no llegará a más público.

2. Puedes usar este trabajo libremente

Este permiso son los que tienes si una obra no incluye información sobre el derecho de autor, es decir, si sólo está ahi. Cualquiera puede tomarlo, usarlo y compartirlo como quiera, ya que no es de nadie.

También puede referirse a obras que tienen autor conocido, que tuvieron el derecho de intelectual sobre la obra, pero fue hace tanto tiempo que ya no es válido. Estas son las obras de dominio público (la Divina Comedia, por ejemplo, es de dominio público). En este sentido, las obras son de todos.

Podemos decir que son los trabajos de "Ningún derecho reservado".

3. Puedes, pero con estas condiciones...

Generalmente, estos trabajos nos permiten "tomarlo, modificarlo y compartirlo" libremente. Es raro encontrar este tipo de obras fuera de la red, pero cuando encontramos un libro que nos de este permiso, podemos hacer algo tan simple como fotocopiarlo o escanearlo sin infringir la ley. Hacer esto con libros que se reservan los derechos es delito.

En el próximo post, daré a conocer más profundamente estos tres tipos de permisos en la web (y fuera), y algunas licencias ya escritas que se obtienen de estos permisos.

Mientras tanto, puedes mirar estas páginas con información y contenidos:

www.creativecommons.org

www.creativecommons.cl

Base de datos con obras de dominio público

www.dominiopublico.es

DMCA (El Acta de Derechos de Autor Digitales del Milenio)

http://www.dmca.com/

Sobre el texto justificado en la web / Libre sea la palabra

2012-02-16T19:34:00.002-03:00

Es un simple text-align:justify en CSS, o presionar las rayitas que forman un cuadrado en Blogger o MS Word, u otro programa. Pero ese no es el punto.

El justificado es para poner orden a un texto, hacerlo cuadrado. Los documentos legales, importantes o serios están, en un 99% de las veces, alineados por medio del justificado. Esto es para hacer que cada línea tenga el mismo ancho que la anterior y la siguiente (La primera, eso si, no puede ser igual que la anterior; y la última no puede ser igual que la siguiente. Léase como si estuviera leyendo un texto legal justificado).

Ahora bien, para dar aire de seriedad a una web o blog, muchos justificamos el texto y, de hecho, cuando encontramos un artículo no justificado, es muy probable que simplemente el editor lo haya olvidado.

La cosa es que haciendo las líneas iguales, estas parecieran morir; la palabra pierde la libertad que en sí misma representa. No es justo que luego de darle vida a una línea, a un párrafo o a todo un escrito simplemente le ordenemos que sea igual que todos los demás.

Una palabra no puede ser encerrada en una caja y si una línea desea sobresalir, que lo haga; y si una línea desea quedarse más adentro, libre sea.

Aspecto psicológico

Leer un texto justificado, si bien puede provocar una sensación de confianza o de respeto, nos obliga a mirar de forma metódica, sabiendo, inconscientemente, que no habrá novedad en cuanto avanzamos salvo por el texto en sí mismo; es decir, salvo por la cosa intelectual.

En cambio, al leer centrado o, en último caso, alineado a un solo lado, sabemos, inconscientemente, que a cada letra encontraremos una sorpresa. Aparte de ser maravillados por la cosa intelectual, nos sorprendemos por la cosa estilística, la cosa artística. Por la cosa del corazón. Casi siempre, los poemas aparecen centrados. No es pensamiento mio el decir que un verso atrapa más fuerte que una bella historia en prosa (y justificada), aunque, de todas formas, un poema es difícil de domar.

¡Por la libertad de las palabras! (Es extraño que en un

texto justificado la última línea sea más larga que la anterior).

Skyrim, The Elder Scrolls V llega este 11-11-11

2011-11-09T20:08:00.000-03:00

Este viernes 11-11-11 al fin será lanzada la quinta edición de The Elder Scrolls: Skyrim, que por tanto y tan ansiosamente ha sido espeada.

The Elder Scrolls es un juego de ROL/Acción ambientado en la época de héroes, demonios y castillos, en el que el jugador controla a un personaje que tiene en sus manos el destino del mundo. En su última entrega, Oblivion, pudimos conocer un grandioso juego que revolucionó la historia de los juegos de su estilo, y que no dejó indiferentes a los expertos en videojuegos. Esto es porque replanteaba la idea de un juego de ROL, el "típico ve donde A para que te diga que vayas a B y consigas C".

Esta nueva edición es, según sus creadores, algo bastante mejorado; tanto a nivel gráfico como de guión. De hecho, todo el código fue reescrito.

Esperamos con ansias el día viernes once de noviembre de dos mil once.

Captura Dragon Fight

Colores pastel con Photoshop, cómo hacerlos

2011-08-31T19:53:00.003-03:00

Los colores pastel se ven bastante bien; le dan vida al sitio sin saturarlo tanto como un color "puro" o fosforecente. Sin embargo, a algunas personas les da mucho juego encontrarlos o elegir el código.

Esta mini-entrada es para explicar como lograr un efecto pastel en Photoshop (u otros editores) en... digamos... ¿1 paso? tal vez 2 o 3.

Trabajaremos con esta imagen, gentileza de http://letraschile.tk (con licencia CC):

1.- La abrimos con Photoshop y creamos una capa blanca sobre el fondo, de modo que quede toda tapada:

2.- A continuación, cambiamos la opacidad de la capa blanca a 50%. Puedes probar con otros valores y buscar uno de tu agrado:

No me atrevería a llamar a este método "tutorial" o "truco", pero ciertamente es una forma fácil y rápida de obtener un efecto sobrio, pero que se ve bien.

Marcha Difusión Linux en Santiago de Chile

2011-08-21T21:47:00.002-03:00

El día sabado 8 de octubre se realizará una marcha por la difusión de Linux y el software libre, como alternativas a Windows y otro software privativo.

Esta iniciativa nació del grupo de Facebook "Ubuntu Chile" hace unos días.
El evento sería a las 16:00 hrs. comenzando en Plaza Italia, pero si estás interesado visita el evento de Facebook para mantenerte al tanto (es posible que la fecha o la hora cambien).
https://www.facebook.com/event.php?eid=251603581529134

CSS:atributos más comunes Border, anchos y altos - Parte 1 de ayuda y consejos para nuevos webmaster

2011-08-13T15:00:00.020-04:00

Siguiendo con atributos comunes en CSS, hoy con bordes, anchos y altos.

Bordes

Estos son los atributos que podemos aplicar a los bordes, con sus respectivos valores:

{border-style:[none/dotted/dashed/solid/double/groove/ridge/inset/outset];} Donde none entrega un elemento sin borde; dotted, un borde formado por puntos; dashed, un borde formado por guiones; solid, un borde formado por una línea continua; double, borde de dos líneas contínuas; groove, ridge, inset y outset son distintos tipos de borde 3D.

{border-width: [ nºpx/thin/medium/thick ];} Donde podemos definir el ancho del borde en pixeles, o usando uno de los tres valores predefinidos. thin es el más delgado, thick es el más grueso y medium está entre los dos. Para que este atributo funcione, es necesario haber definido border-style también.

{border-color: [color];] Especificamos el color del borde, de la forma en que vimos en el tomo anterior.

Podemos especificar valores distintos para cada uno de los cuatro bordes de un elemento, especificando hasta 4 valores.

Usaremos:
border-top para el borde superior.

border-right para el borde derecho.

border-bottom para el borde inferior.

border-left para el borde izquierdo.

Si especificamos 4 valores: border-style: [top] [right] [bottom] [left];
Ej: border-style: solid dotted dashed double; que dará por resultado:
borde superior solid
borde derecho dotted
borde inferior dashed
borde izquierdo double

Si especificamos 3 valores:
border-style: [top] [right/left] [bottom];
ej: border-style: solid double dotted; entregará por resultado:
borde superior solid
borde derecho e izquierdo double
borde inferior dotted

Si especificamos 2 valores:
border-style: [top/bottom] [right/left];
ej: border-style: solid dashed; obtendremos por resultado:
borde superior e inferior solid
borde izquierdo y derecho dashed

Además, podemos especificar valores distintos para cada border de la siguiente manera:

border-[top/right/bottom/left]-style: [valores];
ej: border-top-style: solid;
border-right-style: dashed;

LAS CARACTERÍSTICAS ANTERIORES SIRVEN CON TAMBIÉN CON border-color Y border-width.

Podemos usar la forma abreviada para los bordes, si especificamos valores en el siguiente orden:

border: [width] [style] [color];
ej: border: 2px solid #FF0000;
Anchos y altos

Esto es más simple de entender, usamos width para el ancho y hight para el alto:
p {
width: [ auto / nºpx / % / inherit ];
hight: [ auto / nºpx / % / inherit ];
}

Donde auto ajustará el ancho de acuerdo al contenido; nºpx indica que podemos especificarlo en pixeles u otra medida; % indica que podemos indicarlo en porcentaje respecto al elemento padre; e inherit provoca que se herede el ancho del elemento padre.

Ejemplo:

p {

width: 100px;

height: 100px;

}

No es necesario especificar ambas propiedades, y éstas se aplican a prácticamente cualquier elemento.

Si te lo perdiste, mira la parte anterior

CSS: atributos más comunes Texto y fondos- Parte 1 de ayuda y consejos para nuevos webmaster

2011-08-12T15:00:00.040-04:00

Siguiendo con el mini-curso, pasamos a revisar los atributos más comunes en CSS. i.e, manipulación de texto y fondos.

Texto:

Al texto podemos aplicar los siguientes atributos, con sus respectivos valores:

{font-family: [fuente];} ej: p {font-family: "Times New Roman", Times, serif;}Aquí están las combinaciones seguras

{font-size: [px / em / %]; ej: p {font-size: 16px;}

{font-style: [ normal/italic/bold/oblique ];} Donde normal es por defecto, italic es cursiva, bold es negrita y oblique es similar a italic, pero con menos soporte.

{font-variant: [ normal/small-caps/inherit ];} Donde normal es por defecto, small-caps es versalitas (mayúsculas pequeñas) e inherit especifica que herede atributos del elemento padre.

{font-weight: [normal/bold/bolder/lighter/100/200/300/400500/600/700/800/900];} Donde bold es negrita, bolder es más grueso que antes, lighter es más delgado que antes, 400 equivale a normal, 700 equivale a bold.

En CSS, podemos escribir los atributos font en una sola línea, si lo hacemos en este orden:

{font: [font-style] [font-weight] [font-size] [font-family];}{font: italic 700 30px Verdana, Arial;}

Además, tenemos para tratar párrafos (aunque no estén en un elemento <p>) lo siguiente:

{letter-spacing: [px / em];} esto cambiará el espacio entre las letras.

{text-transform: [ capitalize/uppercase/lowercase ];} Se transformarán mayúsculas y minúsculas; capitalize cambiará a Mayúscula La Primera Letra De Cada Palabra, uppercase cambiará todo a MAYÚSCULAS y lowercase, todo a minúsculas.

{text-align: [ left/center/right/justify ];} si el texto se alínea a la izquierda, al centro, a la derecha, o se justifica.

{text-decoration: [ none/overline/line-trough/underline/blink ];} Donde none es nada, overline es línea encima del texto, line-trough es ~~tachado~~, underline es subrayado, blink es parpadeante (no todos los navegadores soportan blink).

{text-indent: [ px /em / % ];} Ajustará la sangría de la primera línea de texto.

También podemos especificar el color del texto:

{color: [ RGB/RGBa/HEX/HSL/HSLa/predefinido];} Tenemos 6 formas de escribir el color.

Usando rgb, puede ser: rgb(255,255,255) o bien rgb(100%,100%,100%). El primer valor es cantidad de rojo; el segundo, de verde; y el tercero, de azul. Valores van del 0 al 255 o del 0% al 100%.
Usando rgba, es igual que arriba, pero con un cuarto miembro, numeral del 0 al 1, para el canal alfa o de transparencia. 1 es opaco y 0 es transparente rgba(0,255,255,0.5).
Usando HEX es lo más común: #FFFFFF Los dos primeros caracteres son para rojo, los dos del medio son para verde, y los dos últimos son para azul. En sistema hexadecimal, los números van del 0 al 9, y luego de la A a la F en el siguiente orden creciente: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.
HSL se usa: hsl(360,100%,50%). El primer valor es el matiz, de 0 a 360, siendo ambos extremos equivalentes a rojo. El segundo, es saturación y el tercero es luminosidad. Esta es la representación de colores coordinados en cilindro, que podemos ver en software como Paint, GIMP o Photoshop. Una saturación del 0% supone un color negro. Una luminosidad del 0% es negro también. Una combinación de Sat. 0% y Lum 100% supone gris. Es decir, cuando un valor es cero, anula todos los valores a su izquierda. Luminosidad 0% es negro, independiente de los demás valores, y 100% es blanco. Pero saturación 0% aún depende de la luminosidad.
HSLa se usa como el ejemplo anterior, pero con un cuarto valor que representa el canal alfa o de transparencia hsl(360,100%,50%,0.3).
Un color predefinido es interpretado por el navegador. podemos escribir transparent, blue, black, red, white... o alguno de los 147 colores predefinidos posibles.

Fondos:

Podemos aplicar los siguientes atributos a los fondos, con sus respectivos valores

{background-color: [ RGB/RGBa/HEX/HSL/HSLa/predefinido];} Este atributo se maneja igual que color ya explicado.

{background-image: url( [ruta o url] );}
ej. {background-image: url('fondo.gif);}. Podemos colocar una URL externa.

{background-repeat: [repeat/no-repeat/repeat-x/repeat-y];} Por defecto, una imagen se repite hacia la derecha y hacia abajo. Con repeat-x hacemos que se repita sólo hacia la derecha. Con repeat-y hacemos que se repita sólo hacia abajo. no-repeat hace que no se repita en ninguna dirección. Para entender este atributo, debemos imaginar nuestra imagen en un sistema de ejes perpendiculares.

{background-attachment: [scroll/fixed];} Especifica si la imagen de fondo debe ser explorada junta con la página o se queda estática mientras exploramos la página. scroll hace que se mueva; fixed, que se quede quieta.

{background-position: [left/right] [top/bottom] / [nºpx] [nºpx] / inherit;}. Podemos especificar adonde se alineará el fondo de 3 maneras.

[left/right/center] [top/bottom/center]: left top, right bottom, etc. Si se especifica sólo un valor, el otro se trata como center.
[nºpx] [nºpx]: 10px 20px. El primer valor es para x el segundo para y. Se pueden usar otras medidas, como em o %.
inherit: heredado del elemento padre.

Se pueden combinar medidas absoultas y porcentajes.

Podemos usar background de la forma abreviada si escribimos en el siguiente orden:

{background: [color] [image] [repeat] [position];}

ej:

{background: #000000 url(fondo.gif) no-repeat left top;}

Hasta aquí los atributos más comunes de CSS. para la próxima, más atributos.

¡Con esto ya tienes para experimentar mucho, haz la prueba!

Ver la primera parte (Introducción a CSS)

CSS: Introducción - Parte 1 de ayuda y consejos para nuevos webmaster

2011-08-10T18:00:00.040-04:00

Primera entrega de consejos para nuevos Webmasters. En esta ocasión, consejos para nuevos programadores. Uso de CSS.

Todos empezamos desde cero y, algunos, empezamos por hobbie, por lo que no tenemos mucha ayuda. Esto es un pequeño empujón.

Haremos diferencia sólo entre HTML y CSS, pero entiéndase por HTML al lenguaje de escritura de código, y no a la extensión del archivo.

CSS (Cascading Style Sheets, Hojas de Estilos en Cascada) se usan para cambiar la forma en que se muestra nuestra página en una pantalla. Son un método mucho más ordenado, puesto que permiten especificar una sola hoja de estilos que puede ser llamada desde un número infinito de páginas en HTML.

Una hoja de estilos tiene una forma como esta:

body {

background: #0F0;
color: #FFF;

font-size:16px;
}

.cabeceras {

color: #F00;

font-size: 40px;
}

En este ejemplo, "body" se llama selector, y lo que está {entre llaves} son los estilos.
El ejemplo anterior es exactamente lo mismo que:

body {background: #0F0;color: #FFF;font-size:16px;}
El estilo de una clase se anota entre {llaves de este tipo}, cada atributo se usa atributo:valores, y se separa por punto y coma; ... selector {atributo1:valor1; atributo2:valor2;}

Puedes, al igual que en HTML, tener todo el código en una línea. Tú eliges como usarlo.

Cómo adjuntar una hoja CSS a nuestro HTML
La forma es muy sencilla
<link rel="stylesheet" type="text/css" href="RUTA/NOMBRE.css" />Con eso ya está llamado.
Nociones básicas de CSS
Tenemos 3 formas de selectores para aplicar un estilo que hayamos definido en CSS, a un objeto en HTML.
a) Class
b) ID
c) Etiqueta HTML

Llamar mediante class.
Para esto, en nuestro HTML usamos:
<h1 class="cabecera1">Mi Web</h1>
Y en CSS usamos:
.cabecera1 {color:#FFF; más atributos...}
El estilo se aplicará a cualquier objeto que contenga class="cabecera1", aunque no sea una cabecera. Si escribimos <p class="cabecera1">párrafo de escritura</p> se llamará de igual forma a la clase especificada.

Nótese el .punto en el selector

Llamar mediante IDHTML:
<h1 id="cabecera1">Mi Web</h1>CSS:
#cabecera1 {color: #FFF; más estilos...}
Por restricciones al usar ID, no podemos repetir la misma ID en dos objetos (o, al menos, no debiéramos).

Nótese el #gato en el selector
LLamar por etiqueta en HTMLHTML:
<h1>Mi Web</h1>CSS:
h1 {color: #FFF; más estilos}
En este caso, todas las etiquetas h1 en HTML serán tratadas con el estilo especificado.
-------------------------------------------------------------------------
Además existen pseudo-clases y pseudo-elementos. i.e, "a" especifica un link, por lo tanto, con a{estilos}, cambiaríamos el aspectos de los links. Pero tenemos pseudo-clases /elementos para a:

a:link - links en estado natural
a:hover - links con el puntero encima
a:active - links al hacer click sobre ellos
a:visited - links visitados

"p" para párrafos, ocupa p:first-letter, para la primera línea del párrafo.

"input" de formularios, ocupa input:focus, para el campo en que tenemos el cursor. Varios elementos pueden soportar :focus.
Conductas especiales con CSS (aplicar varias, poner condiciones)
a) Un elemento HTML puede contener class e ID, y puede contener más de una clase:
<p id="parrafo1" class="noticia actualidad">info.....</p>"noticia" y "actualidad" son dos clases distintas. Se separan simplemente por un espacio.
Se asume que un elemento no puede tener dos IDs.

b) Podemos definir los mismos valores para distintas clases o IDs:
.menu, .nav-izquierda {atributos...}".menu" y ".nav-izq" son clases distintas. Se separan simplemente con una coma. Podemos especificar mismo valores para un ID y para una clase.

c) Podemos restringir la aplicación de estilos:
p .noticia {atributos...}
Se aplicará el estilo a los elementos que contengan class="noticia", sólo si están dentro de un párrafo.
Así mismo, .noticia p {atributos...} se aplicará a los párrafos que estén dentro de elementos que contengan class="noticia". Podemos añadir más condiciones:
#menu li a:link se aplicaría a los links dentro de una lista, sólo si la lista está dentro de un elemento que contenga id="menu".

Hasta aquí la introducción a CSS.

En la segunda parte empezamos con atributos, valores, y más!

Redimensionar imágenes con pocos clicks / Right Click Image Resizer

2011-08-09T15:51:00.000-04:00

Right Click Image Resizer (RCIR) es un programa, parte de Powertoys de Microsoft, que nos permite achicar o agrandar imágenes con un simple click derecho sobre una imagen. Al hacerlo, tenemos varios tamaños predefinidos (Poket PC, wallpapeper, etc), pero podemos definir otros más. Tenemos además la opción de seleccionar muchas imágenes a la vez y aplicar el mismo proceso a todas ellas, e incluso ponerles condiciones; como agrandar imágenes a un cierto tamaño, pero no transformar las que superan ese tamaño, etc.

Tiene una interfaz sencilla, enfocada a la simpleza más que a la belleza. Esto permite un funcionamiento rápido.

Esta es la página de Powertoys para Windows XP:
http://www.microsoft.com/spain/windowsxp/downloads/powertoys/xppowertoys.mspx

Y desde acá puedes descargar directamente Right Click Image Resizer:
http://download.microsoft.com/download/whistler/Install/2/WXP/EN-US/ImageResizerPowertoySetup.exe

LibreOffice, alternativa gratuita a Microsoft Office

2011-08-05T16:35:00.000-04:00

Inicio de la Suite de LibreOffice

En este nuevo post de Software Libre, queremos llevarles una alternativa a Microsoft Office para Windows. Si usted no puede o no quiere pagar el valor de la suite de Ms Office, no es la mejor solución buscar el software pirata (aunque es una solución al fin y al cabo). Hay opciones que ni siquiera le piden dinero. Una de ellas es LibreOffice.

LibreOffice es una suite profesional, igual que Ms Office. Tiene para ser ocupadas herramientas que serían equivalentes a Word (Writer en LibreOffice), Power Point (Impress), Excel (Calc); y herramientas de dibujo (Draw), manejo de bases de datos (Base) y cálculos matemáticos (Math) -además de extensiones para cada una de las herramientas anteriores.-

El formato por defecto de LibreOffice es .odt en Writer; .ods en Calc... que significan solamente "Open Document...". Pero es necesario saber que soporta los formatos de Ms Office (.doc, .ppt, .xls, etc.) en todas sus versiones. Sin embargo, pueden haber errores al intentar utilizar, desde LibreOffice, las características más nuevas de Ms Office.
Por su parte, Ms Office puede trabajar con documentos libres (.odt, .ods...).

No piense que va a encontrar algo que se vea más bonito que un producto de Microsoft, pero tenga en cuenta el concepto de Software Libre para juzgar a LibreOffice

Haga click aquí para ver características de LibreOffice en la web oficial en español.

O Haga click aquí para ir a la página de descargas (no pesa más de 190 MB y es gratis)

El nuevo aspecto de YouTube

2011-08-03T14:44:00.000-04:00

Ya habíamos visto el cambio del reproductor de YouTube en la página de ellos, pero a partir de estos días el cambio afectó a los reproductores embebidos en nuestras páginas.
El cambio del blanco al negro es una tendencia de los últimos años... antiguamente los monitores CPUs, mouses... todo era blanco. Ahora todo es negro. Pero no le buscaré la quinta pata al gato como los críticos de libros que le encuentran mensajes ocultos a cada frase.

En fin, si estás impresionado por estos cambios de reproductor, debes saber que toda la página de YouTube está por cambiar. De hecho, se puede acceder a la nueva apariencia para revisarla desde aquí:

http://youtube.com/cosmic panda

Se llama Cosmic Panda, y es más estilizada que la versión antigua.
Y si quieres seguir con el juego de probar nuevas cosas en YouTube, accede acá:

http://www.youtube.com/testtube

Pensamiento Lateral, resolver problemas de una manera diferente

2011-07-31T13:05:00.001-04:00

El pensamiento lateral se basa de alguna manera en romper con lo establecido para resolver un problema; buscar la forma no evidente y ver más allá.
Un ejemplo clásico:
"Con este barómetro, obtenga la altura de este edificio".

Solución evidente:
Medir la presión en la bse del edificio, luego en la azotea. Hacer transformación de milibares a metros... y el resto del cálculo.
Solución no-evidente (pensamiento lateral):
a) Medir el barómetro. Medir la sombra producida por el edificio a una hora en que sea posible y, a la misma hora, medir la sombra producida por el barómetro. Obtener la altura del edificio con una regla de tres simple (La sombra barómetro es al largo barómetro como la sombra del edificio es al largo del edificio).

b) Ir donde el encargado del edificio y decirle: "Si me entrega los planos técnicos del edificio, le regalo este palito".

Romper con la solución establecida.

El pensamiento lateral nos puede ayudar en casos simples, extremos, o supuestos (preguntas de ingenio, adivinanzas...). Lo importante es ser original en nuestra forma de pensar, inventar nuevas soluciones y seguir adelante. Podemos sorprender a quien nos pregunte y ejercitar nuestra capacidad mental.
Como programador, lo transmito a otros programadores; si algo no resulta de la forma en que estamos intentando, intentar de otra aunque no sea lo común. Inventar una nueva forma de hacer alguna cosa es fantásticamente revitalizante.

Aprender la célula jugando, con el juego para PC Kokori

2011-07-29T20:06:00.002-04:00

El proyecto Kokori es llevado a cabo por personas de la Universidad Santo Tomás, la Universidad de Buenos Aires y Austral Biotech S.A, en asociación con ACE Team, y viene a salvar vidas que la biología escolar ataca. Es más fácil aprender jugando ¿cierto?

El juego nos lleva dentro de una célula que está sufriendo alguna complicación y nosotros, a través de nanobots, debemos repararla en distintas misiones que suben de nivel. Así se aprenden sin querer los organelos presentes (a mi, por ejemplo no se me olvidó que los lisosomas se encargan de la digestión celular, básicamente).

La misión que los mismos desarrolladores de Kokori presentan es que hace más fácil la tarea de aprender para los estudiantes y, al mismo tiempo, facilita la tarea de enseñar de los profesores. A mi gusto es un objetivo logrado, pero que aún asi no ha conseguido la difusión que se merece.

Y tratando al juego como software de videojuego, debo decir que superó las espectativas que tuve al leer reseñas. Posee un entorno 3D bastante bueno y que funciona rápido. El diseño es agradable. Además, el juego nos entrega puntos al finalizar cada misión, que pueden ser compartidos con otros jugadores.

Si quieres descargar el juego, puedes hacerlo gratuitmente desde aquí:
http://www.kokori.net/~kk/content/descarga

Espero que lo disfrutes y que aprendas con él.

Famosos programas portables, Firefox, thunderbird, Chrome, Skype, LibreOffice y más

2011-07-27T22:56:00.003-04:00

¿Cómo llevar Firefox, Chrome, Thunderbird, Skype, LibreOffice... en un pendrive para poder usarlo en cualquier computador?

La verdad, es más fácil de lo que podrías llegar a pensar.

Hay un sitio - http://portableapps.com - que cuanta con un directorio de aplicaciones instalables en un dispositivo extraíble o portátil. Ellos definen sus pasos a seguir como "Descarga, instala, y vamos!".

Y es así de simple.

Revisa desde aquí el listado de programas portables que puedes descargar:

http://portableapps.com/apps

Encontrarás juegos, navegadores, herramientas educativas, de desarrollo, de accesibilidad, editores de imágenes, clientes de msn, IRC, reproductores multimedia... y hay más.

También te dicen como crear tus propias aplicaciones portátiles.

Aquí los programas más llamativos para descargar:

Google Chrome:
http://portableapps.com/apps/internet/google_chrome_portable
Firefox:
http://portableapps.com/apps/internet/firefox_portable
Opera:
http://portableapps.com/apps/internet/opera_portable
aMSN (Cliente de msn messenger, msn):
http://portableapps.com/apps/internet/amsn_portable
GIMP (editor de imágenes, como photoshop):
http://portableapps.com/apps/graphics_pictures/gimp_portable
DOSBox (Jugar juegos clásicos DOS):
http://portableapps.com/apps/games/dosbox_portable
VLC (reproductor de videos y otros medios):
http://portableapps.com/apps/music_video/vlc_portable
Audacity (Mezclador de audio):
http://portableapps.com/apps/music_video/audacity_portable
Foxit Reader (Lector PDF, como Adobe reader):
http://portableapps.com/apps/office/foxit_reader_portable
SpyBot (detector y eliminador de SpyWare):
http://portableapps.com/apps/security/spybot_portable
TeamViewer (Asistencia remota) :
http://portableapps.com/apps/utilities/teamviewer_portable
Camtasia Studio (capturador en video de la pantalla):
http://portableapps.com/apps/utilities/camstudio_portable

La Visión de Mundo de Microsoft para el 2019

2011-07-14T19:34:00.000-04:00

Hace un par de años, Microsoft exhibió este video:

Una de las cosas que más se le critica al Internet (y, en general, al proceso de globalización), es que promueve la comunicación a distancia, incluso con nuestros vecinos. Así se forman personas flojas, antisociales, solitarias e individualistas. Biológicamente, además, las personas se hacen más susceptibles a alergias y otros tipos de reacciones.

¿Te conformas con la visión del futuro de Microsoft?
¿Cómo te gustaría a ti que fuese el mundo?
¿Qué haremos para ayudar?

Importar marcadores de Chrome a Firefox 4 en 4 pasos.

2011-07-03T19:40:00.000-04:00

Este es un remake de una entreda, más explicativa que la anterior y en 4 pasos.

¿Quieres probar Firefox 4, pero todas tus cosas están en Chrome? En esta nueva versión de Firefox, podemos importar marcadores desde un archivo HTML... ¡bendita solución! porque Chrome nos deja exportar en HTML.

1.- En Chrome, haz click en Herramientas--->Marcadores--->Administrador de marcadores.

2.- En la parte de arriba, te vas a Organizar--->Exportar marcadores. Elige donde guardarlo

3.- En Firefox, vas al botón de Firefox---->Marcadores---->Mostrar todos los marcadores.

4.- Arriba, presiona el botón Importar y respaldar--->Importar HTML. Ahora sólo busca lo que exportaste con Chrome.

Y listo, ya tienes tus marcadores, organizados tal como los tenías en Chrome, pero la barra de marcadores de Firefox no muestra los de la barra de Chrome, sino una carpeta llamada "Barra de marcadores"

Descargar Firefox 4:

http://www.mozilla-europe.org/es/

Nuevos nombres de dominio para marcas

2011-06-20T18:24:00.000-04:00

ICANN (Internet Corporation for Assigned Names and Numbers) aprobó el proyecto que amplía la posibilidad de dominos utilizables. Se podrá, por ejemplo, tener una terminación acorde al sector comercial de una empresa o a la ocupación de una organización; .CAR, .viajes, etc.

imagen de http://www.fayerwayer.com

Sin embargo, se concederá el derecho de usar este tipo de dominios sólo a quienes cumplan una serie de requisitos, y además tendrán que pagar U$ 185.000 de impuesto.

Lo que toca ahora, es hacer los cambios necesarios para que los servicios de DNS funcionen con los nuevos dominios

Nuevo Spot de iregresiva: Arreglo y reparación de computadores en Puente Alto

2011-05-22T01:16:00.000-04:00

Primer Spot para la web:

Comprar libros por internet // buscalibros.cl

2011-05-16T18:54:00.001-04:00

Ha pasado que buscamos y buscamos y el santo libro no está ni en la feria ni en librerías. Entonces recurrimos a internet. Hace poco conocí http://www.buscalibros.cl, una web donde puedes buscar un título por nombre, auto o categoría y si lo encuentras, unos clicks y lo pides como encargo.

Lo bueno de buscalibros.cl es que puedes pagar incluso en Servipag, lo que es un alivio si no usas tarjetas. Los precios de los libros no superan el normal y es posible encontrarlos más baratos.

Con respecto al envío, se hace a través de Correos de Chile y, en el mejor de los casos, ¡con una demora de 24 hrs! De todos modos, cada libro especifica el tiempo de envío.

Y para los que tengan una cuenta con universia, hay descuento de hasta 15%, ¿más que bueno cierto?

La verdad es que no he probado el servicio (solamente pedí saber la disponibilidad de un libro y me respondieron en menos de un día), pero pueden pasarse por las opiniones http://www.buscalibros.cl/opiniones-clientes.php que son bastante inspiradoras.

Todos somos anónimos / Tormenta del Sur / No HidroAysen

2011-05-11T16:13:00.002-04:00

Para mañana, a partir de las 9:00 hrs. Está planeado el ataque de DDoS (Denial of service) a la web de HidroAysen, http://www.hidroaysen.cl.

El llamado fue hecho por Anonymous en el video:

Básicamente, si todos entramos a la misma hora a la misma web, en algún momento dejará de respondernos. Y hay programas que nos permiten crear conexiones a la página blanco de forma más rápida y múltiple.

El programa que recomiendan usar en el Video es LOIC

Descargar de acá: https://github.com/NewEraCracker/LOIC/downloads

Y el manual de cómo usarlo está acá: http://tormentadelsur.zxq.net/loic.html

De todas formas, la página de HidroAysen ha sufrido varias caídas este día, pero es probable que ellos mismos la estén bajando para actualizarla.

Y por útimo:

Un grano de arena es insignificante. Pero dime cuántos insignificantes granos de arena hay en el mundo. Dime si su valor está en la individualidad o en el compañerismo. Dime si son lo que son por sí solos o por su conjunto.