Diseño y Desarrollo Web

PUCP lanza portal puntoedu utilizando Joomla

2009-04-11T10:00:00.000-07:00

El día de hoy vi un banner sobre el lanzamiento del portal "puntoedu" el cual parece ser un magazine que publica la Pontifica universidad Catolica del Perú, luego de navegar por algunas secciones del sitio web, me di cuenta que el sistema parecia estar hecho utilizando el CMS Joomla, aunque el sitio web esta muy bien estructurado y diseñado y no vi por ningún lado el crédito por utilizar Joomla, asi que me dedidi investigar un poco mas.

¿Como saber si el portal puntoedu de la PUCP usa Joomla?
Luego de revisar nuevamente si por algun lado aparecian los créditos de uso de Joomla, nopude dar con ellos, asi que hubieron ciertos puntos que investigue para confirmar el uso del CMS:

1. Las URLS generadas por el sistema estan puestas bajo el sistema de Joomla, por ejemplo:
http://www.pucp.edu.pe/puntoedu/index.php?option=com_content&task=view&id=830

Con solo ver esta URL ya estaba casi seguro que el sitio utilizaba Joomla, tal vez si utilizarán URLs amigables me hubiese costado mas trabajo identificarlo.

2. Veamos el código fuente:
Oh sorpresa y que paso con el:

Al parecer no aparece por ningún lado la referencia que estan utilizando Joomla

3. Que plantillas estan utilizando?
Vamos a ver que plantilla utilizando ¿Sera una hecha a medida o una comercial?

http://www.pucp.edu.pe/puntoedu/templates/beez/css/template.css

Bien, hasta aqui no hay nada extraño, son las reglas CSS que podría tener cualquier sitio web, ahora veamos esto:

http://www.pucp.edu.pe/puntoedu/templates/beez/css/layout.css

Creo que encontramos la primera prueba:

/**
* @version $Id: layout.css 10387 2008-06-03 10:59:16Z pasamio $
* @author Design & Accessible Team ( Angie Radtke  )
* @package Joomla
* @subpackage Accessible-Template-Beez
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/

Tal vez por alguna razón o coincidencia utilicen las hojas de estilo basandose en una plantilla de Joomla, veamos si también tienen la misma carpeta de administración de Joomla:

http://www.pucp.edu.pe/puntoedu/administrator

Si, parece ser que el panel tambien tiene el mismo nombre que el panel de Joomla y por seguridad tienen protegido el acceso hacia el, lo cual es muy bueno.

Sinceramente los retoques hechos sobre Joomla son muy buenos y al parecer también utilizan algunos componentes hechos a medida, el diseño y estructuración estan muy bien desarrollados, pero falto dejar intacto los créditos sobre Joomla, al menos en el código fuente.

Slider gratis en Jquery

2009-02-17T08:44:00.000-08:00

Ahora que esta tan de moda utilizar Jquery, que de a pocos esta reemplazando los efectos que solo se podian realizar con flash, via css-tricks.com nos ofrecen un ejemplo de slider de cajas o fotos creado en Jquery para descargarlo gratuitamente.

El efecto es muy vistozo y puede ser fácilmente incluido en tu sitio web

Ver demostración

Descargar

Contenido de ejemplo para el diseño de tu sitio web

2009-02-17T08:33:00.000-08:00

Varias veces me ha sucedido que al realizar el diseño de una página web para un cliente, este no cuenta con el contenido de la página pero quiere ver un avance, sin embargo para que el sitio web se vea bien, es necesario ponerle algún contenido de ejemplo, cuando me iniciaba en esto usualmente solo copiaba y pegaba el texto "contenido de ejemplo" pero cuando lo copiaba en toda la página web, esto hacia que se vea muy mal y distorsinaba el diseño, hasta que un buen día descubri que otras personas también tenian el mismo problema que yo, realmente parece algo tan sencillo que me parecia tonto buscar la solución.

Pero navegando encontre dos sitios web que estan creados especificamente para brindarte contenido de ejemplo, para que tu sitio web se vea bien, no se en que idioma esta el contenido de ejemplo pero cumple su función muy bien.

Hasta el momento solo conosco dos sitios web:

Lipsu.com El cual ofrece contenido de ejemplo, palabras, párrafos,etc. te da la posibilidad de elegir la cantidad de palabras o párrafos.

html-ipsum.com El cual también ofrece contenido de ejemplo, pero lo interesante es que te ofrece el código HTML, de las etiquetas mas utilizadas en un sitio web, por ejemplo listas, ordenadas, párrfados, encabezados,etc. todo con contenido de ejemplo listo para copiar y pegar.

Si conoces mas sitios web similares o te fue de utilidad, por favor deja tu comentario :)

Como crear un gif animado de ti mismo

2009-01-29T15:04:00.000-08:00

Si quieres personalizar al máximo tus trabajos o la partición en los foros, por que no tener tu propio gif con tu imágen? Cool Webcam Avatars es un servicio web que te permitirá crear un gif animado grabandote a ti mismo a través de tu webcam.

Solo debes de entrar en la web de Cool Webcam Avatars luego en la parte superior al lado derecho del logo hay una imágen que dice "RECORD YOU AVATAR" cuando hagas click allí, te mostrará una opción para permitir el uso de tu webcam, al aceptar tendrás tiempo de 2 segundos para grabar cualquier cosa en tu webcam, cuando te encuentres listo solo debes de presionar el botón "Star" y eso es todo ya tendrás tu propio gif personal, al principio quizas te paresca demasiado poco 2 segundos pero viendo las imágenes de ejemplo del sitio web si que realmente puedes hacer algo muy divertido :D

No olvides de dejar tu comentario indicando donde se puede ver tu propio GIF!

Visita el sitio web en:
http://www.coolwebcamavatars.com/

Descargar Joomla 1.5.9

2009-01-13T09:40:00.000-08:00

Ya está disponible el pack Joomla!Spanish 1.5.9 [Vatani]. Esta versión es una liberación de seguridad, se recomienda la actualización inmediata a esta versión.

Han pasadodos dos meses desde que Joomla 1.5.8 fue liberado el 10 de Noviembre. El objetivo del Equipo de Desarrollo es seguir presentando regular y frecuentemente nuevas actualizaciones a la comunidad Joomla!.

INSTRUCCIONES:

Descarga del paquete completo de Joomla 1.5.9 ahora:
Formatos disponibles:

	Pack Joomla-1.5.9-spanish.zip	7684f6dd1e865c357177fbf86837b1ec
	Pack Joomla-1.5.9-spanish.tar.gz	4f8104d23a6158ab601160eb2a4fc640
	Pack Joomla-1.5.9-spanish.tar.bz2	5208dd6eb02f2b454606055d6fe5b423

Mas información en :

http://www.joomlaspanish.org/content/view/319/79/

Mueble hecho de mouse pad

2009-01-13T09:26:00.000-08:00

¿Y pensabas que no se podia obtener algo creativo con tus mousepad? Este sillo o mueble fue creado solo utilizando mousepads, el resultado se ve muy bien. ¿Que opinas?

Como recuperar el funcionamiento de windows cuando se cuelga

2009-01-09T09:37:00.000-08:00

Cuantas veces te ha sucedido que cuando estas utilizando varios programas a la vez , navengado en Internet, descargando música, hablando por el msn,etc. Tu PC en cierto momento se queda congelado y simplemente no responde, la solución siempre es reiniciar el PC, lo cual con el tiempo puede crear dificultades en el disco duro o corromper algún archivo del sistema sin embargo con el programa AntiFreeze podrás solucionar esto.

Antifreeze es un programa que se encarga de mostrarte dentro de una ventana los procesos que se encuentran corriendo en tu PC para que puedas eliminar el que más este consumiendo la memoria de la PC.

Para que puedas ejecutar Antifreeze simplemente debes de presiponar las combinaciones de teclas: ALT + CTRL + WIN + HOME

Software:
Descargar AntiFreeze

Buscador gratuito de archivos DLL

2008-12-29T15:54:00.000-08:00

Cuantas veces te ha pasado que al iniciar tu computadora con el sistema operativo Windows te muestra una mensaje de error, que te dice que falta ubicar un archivo DLL, o tal vez por culpa de algun virus tus programas dejaron de funcionar y siempre te muestra un mensaje de error por falta de un archiv DLL.

El gran problema es que encontrar estos archivos DLL parece ser algo imposible, sin embargo existe alldll.net donde podrás encontrar una gran cantidad de archivos DLL, ordenados por categorías y es posible descargarlo gratuitamente

Menus CSS gratis

2008-12-22T08:19:00.000-08:00

Cambiar del antiguo uso de javascripts e imágenes en rollover para crear menus vistozos por divs en CSS ha sido uno de las mejores simplificaciones que se han inventado :) styledmenus.com nos proporciona una lista de ejemplos de menus de diseño profesional creados en CSS, los mismo que podrás descargar de manera gratuita incluyendo los gráficos con que fueron creados.

Puedes descargar estos menus profesionales desde el sitio web de styledmenus.com

Imágenes para fondos de sitios web

2008-12-10T13:02:00.000-08:00

Navegando en la red encontre un sitio web que ofrece fondos para sitios web gratuitos, lo mejor es que estan organizados por colores y formas, ademas puedes probarlos antes de descargarlos.

En ava7.com puedes encontrar los fondos de sitios web

Descargar gratis 100 plantillas profesionales en CSS Xhtml

2008-12-04T18:58:00.000-08:00

Siguiendo con los recursos para diseñadores webv que estan empezando a estudiar el diseño basado en xHTML y CSS, desde la web de smashingmagazine han hecho un recopilatorio de 100 plantillas gratuitas hechas xHTML / CSS listas para descargar.

Para descargar las plantilas web gratis, visita el sitio web oficial de smashingmagazine

Cómo probar tu sitio web en varios navegadores

2008-11-28T07:04:00.000-08:00

Varias veces me ha ocurrido que terminando de hacer un sitio web, solo lo podía probar en los navegadores que tengo instalados en mi PC (Internet Explorer y Firefox) desconocía si se veia bien en otros navegadores o en otras resoluciones de pantallas, hasta que encontre un recurso en línea que me permitia obtener screenshots(capturas de pantalla) de como se veia mi sitio web en varios navegadores.

Browsershots.org es un sitio web que permite probar tu sitio web en varios navegadores, solo tienes que indicar la URL de tu web y Browsershots se encargará de probar tu sitio web en varios navegadores y diferentes sistemas operativos, mostrándote diversas capturas de pantallas en línea.

Plantillas CSS Gratuitas

2008-11-28T05:49:00.000-08:00

A estas alturas, los sitios web diseñados con tablas ya se quedaron en el pasado, en la actualidad es casi un estandar diseñar sitios web con CSS y xHTML, si necesitas una ayuda en la estructuración seguramente te seran de utilidad esta colección de plantillas xHTML gratuitas.

En solucija.com han publicado una gran lista de plantillas gratis en CSS, que te ayudarán a tener un sitio web fácilmente y optimizado.

Colección de pinceles, bruches y vectores de siluetas humanas

2008-11-25T12:13:00.000-08:00

A veces suele difícil encontrar estas figuras de siluetas y especialmente gráficos gratuitos, esta vez podrás descargar una gran colección de siluetas, brushes y vectores, espero que te sean útiles.

La colección se encuentra disponible en la web de webresourcesdepot.com

Software gratis para hacer backup de Outlook Express

2008-11-22T10:05:00.000-08:00

Si utilizas Outlook Express para revisar tus emails , lo recomendable es siempre tener una copia de seguridad de todos tus mensajes por si tienes un problema con tu PC o con el servidor de correos, existen varios programas que te permiten realizar esto, sin embargo la mayoría de ellos son programas comerciales, sin embargo existe un programa gratuito que te permite.

Outlook Express Backup es un programa gratuito que permite realizar copias de seguridad de todos los mensajes que se encuentren almacenados en Outlook Express y ademas obviamente también te permite restaurar los backups creados.

Estilizar formularios con CSS

2008-11-21T17:10:00.000-08:00

Cuando inicias la maquetación de un sitio web y dejas para el final el estilo del formulario, muchas veces es una tarea un poco ardua aplicar estilos a todos los elementos dentro de un formulario y que además de tener un diseño atractivo también tengan usabilidad, desde la web de emblematiq nos brindan un script y estilos que podremos aplicar para que nuestros formularios se vean vistosos y sin mucho esfuerzo.

La hoja de estilo y el script pueden ser descargados desde la web de emblematiq, el estilo es compatible con los siguientes navegadores:

Firefox 1.5+, Internet Explorer 6.0+, Safari y Opera, si! lamentablemente no es compatible con Internet Explorer 6.0

Puedes ver una demostración en:
http://www.emblematiq.com/niceforms/v20/niceforms.html

12 Iconos gratis para Bloggers

2008-11-19T10:12:00.000-08:00

Si quieres darle un toque especial y personalizar tu blog nada mejor que agregarle algunos iconos, BlogPerfume ha puesto para descarga gratuita un pack de 12 íconos con la temática de los blogs

Puedes descargar el pack de 12 íconos desde BlogPerfume

Backgrounds profesionales para sitios web

2008-11-19T09:18:00.000-08:00

Si estas buscando fondos de imágenes para tu sitio web, esto te va ser realmente útil, en la web de dinpattern podrás encontrar fondos de sitios web profesionales y tienes la opción de probarlos en línea antes de descargarlos.

Descargar gratis 50 fuentes tipograficas profesionales

2008-11-17T12:08:00.000-08:00

El tipo de fuente de un sitio web es fundamental para diseñar un sitio web, en la actualidad existen miles de fuentes comerciales de muy buena calidad, pero también existen fuentes gratis de aspecto profesional, desde noupe han creado una lista de 50 sitios webs para descargar fuentes gratis

Guia oficial de optimización en los buscadores (SEO) por Google

2008-11-15T09:58:00.000-08:00

Google ha publicado un manual gratis donde explica los aspectos básicos que necesitas en la optimización de tu sitio web a los buscadores (SEO) el cual cubre los aspectos básicos en el uso de los títulos, metatags, navegación, uso de etiquetas, etiquetas descriptivas en las imágenes,etc.

La información es realmente muy útil y que mejor si viene del mismo Google, aunque la información se encuentra en ingles el documento se encuentra muy bien estructurado e ilustrado, además si no dominas este idioma, puedes utilizar el traductor de Google o alguna herramienta similar.

El manual fue publicado en el blog oficial de Google

14 Sitios web para descargar archivos PSD de photoshop gratis

2008-11-13T07:36:00.000-08:00

Seguimos con los recursos gratuitos para Photoshop, esta vez una lista de 14 sitios web para descargar archivos PSD para photoshop, en estos sitios web es posible descargar los archivos gratis, si conoces mas sitios, por favor deja un comentario :)

Puedes encontrar la lista de los recursos en el sitio web de speckyboy.com

Joomla 1.5.8 Ya disponible para su descarga

2008-11-11T12:34:00.000-08:00

Joomla 1.5.8 ya se encuentra disponible para su descarga, en esta nueva versión [Wohnaiki] se han corregido algunos bugs detectados y 2 bugs de seguridad de nivel moderado, en el sitio web oficial de Joomla, se puede descargar la versión original en ingles, pero si necesitas descargar la versión en español puedes hacerlo desde la web de Comunidad Joomla.

Para descargar la versión en español distribuidad por Comunidad Joomla sigue los siguientes pasos:

Descargas

Haz click aquí para descargar Joomla 1.5.8 (Paquete completo)
Haz click aquí para descargar el paquete de actualización

Instrucciones

Para mayor información puedes visitar el sitio web oficial de Comunidad Joomla

Descarga mas de 500 Brushes gratis inspirados en el espacio

2008-11-11T12:07:00.000-08:00

Los brushes se han convertido en herramientas indispensables para diseñar una imágen profesional y futurística, a cotinuación una lista de mas de 500 brushes de escenas del espacio, planetas, glaxias, estrellas, lunas y mucho mas.

En designm.ag puedes encontrar toda la lista completa de los brushes incluyendo algunas vistas preliminares de los brushes, es una colección muy profesional y se puede descargar gratis

Cómo crear direcciones webs ( URLs ) cortas y fáciles de recordar

2008-11-06T07:47:00.000-08:00

Si has encontrado un sitio web interesante pero te encuentras utilizando una PC que no es tuya, es posible que no puedas guardar la la dirección de la página web en tus favoritos o por alguna otra razón no has podido recordarla por que la dirección URL de la página era demasiada larga, a veces suceden casos en que la dirección de una página o de un documento es muy extenso y es casi imposible de recordar.

En Internet existen varios servicios que te permiten transformar una dirección larga como esta:
http://www.eldominio.com/carpeta1/archivo64/documento_216465465.html en algo com esto:
http://www.urlcorta.com/loquequieras de este modo podrás recordar fácilmente la dirección de una página web, a continuación una lista de los sitios web que ofrecen este servicio gratuitamente:

http://tinyurl.com/
http://www.esyurl.com/
http://is.gd/
http://www.urlpass.com/
http://url.ie/
http://cli.gs/

Si conoces otros sitios web que ofrecen este servicio, por favor deja un comentario.

Cómo saber el tipo de fuente que utiliza una imágen

2008-11-04T12:34:00.000-08:00

Si necesitas realizar un logo o modificar algún texto dentro de una imágen, pero desconoces el tipo de fuente que se utilizo para hacerlo, probablemente esto te venga muy bien, myfonts.com ofrece una herramienta en la cual puedes averiguar el tipo de fuente con que fue hecho un texto dentro de una imágen.

Tan solo es necesario subir la imágen desde tu PC o indicar la dirección URL donde esta publicada la imágen y el sistema intentará averiguar el tipo de fuente con que fue hecho, una vez terminado la operación, el sistema te dirá el tipo de fuente, por las pruebas que he realizado este sistema tiene una precisión de mas del 90% de efectividad y muchas veces me ha salvado de apuros.