Entradas

Mostrando entradas de agosto, 2011

Colores pastel con Photoshop, cómo hacerlos

Imagen
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

Imagen
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

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 c

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

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,

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

Imagen
Primera entrega de consejos para nuevos Webmasters . En esta ocasión, c onsejos 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 exactam

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

Imagen
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

Imagen
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. S

El nuevo aspecto de YouTube

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