|

Instala tu propia Wikipedia

ByLuis

WikipediaWikipedia, para aquellos que no la conozcan, es una enciclopedia libre escrita de forma colaborativa, que usa la tecnología wiki. Está realizada mediante el software llamado MediaWiki, creado especialmente para Wikipedia, el cual podemos instalarnos en nuestro sitio web.
Los requerimientos mínimos son: Apache, PHP, MySQL y el propio MediaWiki. Yo recomiendo, al igual que en Lifehacker, el uso de WAMP Server, para instalar Apache, PHP y MySQL de forma sencilla, yo es el que uso para mis cosas y es muy sencillo y va muy bien, a parte incluye un gestor de BD para facilitar la tarea.
Puedes ver el resto de la explicación de como instalar tu propia Wikipedia en Lifehacker, está bastante bien explicado, paso a paso, lo cual se agradece mucho.
Vía / Lifehacker

Similar Posts

| | |

Scrolling usando thumbnail

ByLuis

En esta entrada vamos a explicar cómo desarrollar un scrolling de texto usando para ello una miniatura del texto que se va a mostrar. Dispondremos de una capa con el texto y otra capa con la minuatura del texto, la cual remarca que parte del texto se está enseñando.

Scrolling

Este efecto ha sido testeado en IE6 y en Firefox 1.5 bajo Windows XP, en Opera es posible que no funcione debido a un bug que lleva arrastrando bastante tiempo.

Read More “Scrolling usando thumbnail”

| |

Elige. Tu dominio con o sin www

ByLuis

www-si-o-no.jpg Uno de nuestros hábitos, aunque muchos dicen pijerías :), es mostrar los dominios en una versión, es decir con o sin www lo que impide la duplicación de contenidos en 2 url’s diferentes.

Las razones para evitar la duplicidad son variadas. Desde posicionamiento en buscadores a unificar el pagerank. Aunque Choan y Víctor lo resumen muy bien en castellano:

En realidad, lo importante es que el usuario pueda acceder a nuestro sitio con o sin el www. por delante. Ojo, con un pero bien grandote: debemos facilitar el acceso a través de cualquiera de las dos direcciones —en beneficio del usuario—, pero nuestros contenidos deben estar disponibles solamente en una de ellas.

Choan Gálvez

En la mayoría de casos estamos optando sin www. Las encontramos superfluas y totalmente innecesarias cuando verbalizas una dirección web.

Dando por hecho que tu web está en Apache crea o edita el archivo .htaccess de tu raíz FTP sustituyendo example y .com por lo que corresponda a tu dominio:


# Para que el dominio salga siempre sin www.
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.example\.com$ [NC]
RewriteRule ^(.*)$ http://example.com/$1 [R=301,L]

Y si te gusta lo clásico:


# Para que el dominio salga siempre con www.
RewriteEngine On
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]

Cl1p: el clipboard de internet

ByLuis

cl1p.pngLa verdad es que algunos pensarán que es una tontería teniendo correo, mensajería y otras cosas más, pero a mí alguna vez no me habría venido nada mal disponer de esta utilidad. Cl1p se trata de un portapapeles por internet, en el cual podemos almacenar texto, archivos de hasta 2Mb. y enlaces.
Su utilidad es sencilla, nos inventamos una url que empiece con http://cl1p.net, y ya accederemos al portapapeles, podremos copiar y pegar texto e indicar cuánto queremos que permanezca en el portapales.
Cl1p.net
Vía / dzone

| |

Laboratorio: simulación de transparencia mediante CSS

ByLuis

En la Web 2.0 está más de moda usar transparencias en nuestras páginas web, realmente se puede realizar con estilos, pero con Internet Explorer se hace de una forma y con Firefox de otra, y no estoy muy seguro, con Opera no se puede (actualización: Federico nos comenta que en la versión 9 ya está implementada). Por ello, una forma de simular la transparencia en una capa es usar dos imágenes, una de fondo con la imagen original y la otra con una imagen que hemos creado nosotros que tendrá el efecto de transparencia.
transparencia.png

Yo en el ejemplo me he creado una capa blanca, encima he puesto la imagen con cierto grado de transparencia y encima he puesto la misma imagen con efecto de luminosidad suave, para que no sea símplemente una transparencia.

Tenemos una capa div y dentro de ella un párrafo:

<div><p>...</p></div>

Ahora le tenemos que indicar los estilos:

div.contenedor {
width: 500px;
height: 375px;
background: url(forest.jpg) top left no-repeat;
}
div.contenedor p {
width: 420px;
height: 295px;
top: 40px;
left: 40px;
background: url(forest_transparencia.jpg) -40px -40px no-repeat;
border: 2px solid #000000;
position: relative;
}

Si te fijas, verás que en el estilo de párrafo, se desplaza del background hacia arriba y hacia la izquierda tanto como está desplazado el párrafo hacia abajo y hacia la derecha sobre la capa contenedora.

Ejemplo

| | |

Del.icio.us como posts en tu blog. Los breves de toda la vida

ByLuis

delicious-firefox.png Que las nanopublicaciones están desempeñando la misma función que las revistas en papel, no es nada nuevo. Hasta en el formato.
La sección de breves de toda la vida es posible gracias al daily blog posting de Del.icio.us accesible desde las settings de tu cuenta. Lástima que con Movable Type 3.2 solo deje publicar con el nombre de autor del sistema ya que hace falta la contraseña de acceso remoto (API) pero los quicklinks los recopilaremos Luis, Gabriel y yo. Aún estamos dudando de si los metemos a primera hora en plan resumen de prensa o de si haremos que trabaje varias veces al día ya que el ritmo de información útil es incesante.
Si usas Movable Type, en William Computer blog cuentan paso a paso cómo hacerlo. Lo único que tendrás que ignorar si usas la 3.2 es cuando escribe: “out_pass: your mt password” ya que como decíamos ahí tendrás que poner la contraseña de acceso remoto (API) que es la última contraseña que verás en tu perfil de autor de Movable Type. Recuerda, solo se te revelará si eres el administrador de MT.
En VivirLatino lo venimos usando desde hace varias semanas al igual que tantos otros sitios.
Para los usuarios de WordPress es casi idéntico como explican en Cosas por hacer. Para los más tuneros: Yet Another DailyDelicious hack for WordPress.
Eso sí, sea el CMS que uses, utiliza la extensión de Firefox. Sin ella no sería todo tan rápido y productivo. Solo le pondría un pero. Cuando se tiene varias cuentas en Del.icio.us es muy engorroso el proceso de cambiar. Te tendría que dar la opción de que elijeras en qué cuenta decides guardar la URL.

10 aplicaciones software libre para tu web

ByLuis

Para aquellos que empiecen, esta lista les puede ser muy útil. Se trata de aplicaciones software libre para incluir en nuestra web.

  • Joomla: un CMS para crear webs y otras aplicaciones.
  • PHP-Nuke: un clásico para la creación de páginas web.
  • phpBB: para la creación de foros.
  • WordPress: crea tu propio blog en tu servidor.
  • osCommerce: si quieres tu propia tienda online.
  • phplist: si te interesa crear una web tipo directorio.
  • Coppermine: tu album de fotos.
  • Advanced poll: sistema de encuestas, batante cofigurable.
  • Advanced guestbook: libro de visitas (ya un poco antiguo lo de los libros de visitas).
  • CutePHP: sistema de noticias.

10 aplicaciones de Software Libre utiles para utilizar en una web

Vía / menéame