Dise?o Web, SEO, Hosting, Usabilidad, Dominios, PHP.

Aptana Studio, una revisi?n general.

Tue, 30 Sep 2008 16:57:00 GMT

Aptana Studio Community Edition
Un IDE gratuito para desarrolladores Web

De manera muy general, la escogencia de un entorno de desarrollo llega a tener matices muy personales, ya que esta es la herramienta que un desarrollador web utilizar? la mayor parte del tiempo.

Aptana Studio es un IDE gratuito para el desarrollo de aplicaciones web que est? basado en la plataforma Eclipse y soporta diferentes formatos de archivos, entre los que podemos mencionar: Javascript, HTML, CSS, ScriptDoc, XML, entre otros. Adem?s, este IDE provee coloreo de c?digo, chequeo de sintaxis, organizaci?n estructural del c?digo fuente, depuraci?n, autocompletitud integrada con el DOM (Document Object Model) y diferentes marcos de trabajo (Extjs, jQuery, Scriptaculous, Dojo etc.) entre una lista bastante grande de opciones, herramientas y perspectivas.

Una caracter?stica muy ?til es que brinda la posibilidad de asociar un proyecto con una conexi?n FTP para subir y descargar archivos directamente en un servidor de producci?n.

Adicionalmente se provee de un administrador de ?Plugins? para el soporte de c?digo PHP, Ruby on Rails, integraci?n con Subversion, CVS y Git, soporte para librer?as como Adobe Spry, Adobe AIR, Yahoo YUI, entre otras.

A pesar de ser un entorno de desarrollo muy completo, al estar basado en Eclipse, esto lo convierte en un IDE bastante pesado y aplicable s?lo para computadoras con ciertas caracter?sticas en su hardware.

Conozca m?s de Aptana Studio

Nuevo sitio web de The Mansions, Guanacaste

Tue, 30 Sep 2008 16:44:00 GMT

El d?a de hoy tenemos el gusto de anunciar el lanzamiento de un nuevo proyecto de InterGraphicDESIGNS en el ?rea de dise?o web en Guanacaste, el proyecto inmobiliario The Mansions cuenta desde hoy con un nuevo sitio web, el cual cuenta con Tour Virtual, informaci?n general, fotograf?as de alta calidad, y desde luego, desarrollado de acuerdo a los m?s altos de est?ndares de calidad en HTML y CSS de acuerdo a la W3C.

Deseamos muchos ?xitos al proyecto, para InterGraphicDESIGNS es un gusto apoyarles en sus diferentes soluciones web, soluciones gr?ficas e incluso con nuestro servicio de administraci?n de campa?as de Google AdWords, entre otras de nuestras fortalezas. Para nosotros es igualmente un gusto, contar cada vez con m?s clientes de diferentes partes del pa?s.

Puede visitar el nuevo sitio web en http://www.themansions.cr

Recomendaciones para definir las meta-etiquetas de un sitio web

Mon, 29 Sep 2008 19:42:00 GMT

Las meta etiquetas, o meta-tags (en ingl?s), son etiquetas HTML que se colocan en la secci?n "head" de un documento HTML con el objetivo de describir informaci?n sobre el documento mismo. Son de gran importancia en el mundo del SEO (Search Engines Optimization), pues esta informaci?n es tomada en cuenta - dentro de muchas otras variables - para identificar el tema y la relevancia de un sitio web para una tem?tica espec?fica.

A continuaci?n se hace una breve rese?a sobre las meta-etiquetas m?s conocidas, as? como algunos consejos de uso (tips):

Meta-etiquetas m?s conocidas
(Muy importantes para Posicionamiento en Buscadores):

Meta etiqueta "Description": Es una descripci?n general del contenido de su documento HTML, debe haber coherencia entre el contenido de esta meta-etiqueta y las palabras incluidas en el texto del documento, y en el t?tulo de la p?gina. Se recomienda generalmente que la descripci?n tenga entre unas 13 y 15 palabras.

Meta etiqueta "Keywords": Es un conjunto de palabras que tienen el objetivo de describir el contenido de su documento, se separan por el caracter "," (coma). No se recomiendan m?s de 20 keywords.

Otras meta-etiquetas recomendadas:

Meta etiqueta "Abstract": Presenta una abstracci?n breve del documento, un resumen general.

Meta etiqueta "Author": Permite colocar informaci?n sobre el autor de un sitio web, se recomienda colocar el email en este atributo, de manera que, si alguien se interes? en contactar al autor de un documento HTML espec?fico tenga de esta forma la informaci?n de contacto necesaria.

Meta etiqueta "Copyright": Es el espacio formalmente designado para indicar cualquier asunto relacionado con leyes de derechos de autor, propiedad intelectual, licenciamiento, patentes, etc. No es informaci?n que los motores de b?squeda utilicen significativamente.

Meta etiqueta "Distribution": Indica la distribuci?n que se le debe dar al documento, puede ser GLOBAL si se le desea dar uso masivo, LOCAL si es s?lamente para uso local, o IU, que quiere decir que es s?lo para uso interno. Si no se pone, el documento toma un valor GLOBAL por default.

Meta etiqueta "Expires": Se puede usar para documentos que pierden validez despu?s de pasada alguna fecha, lo que le dice a los motores de b?squeda, es que el documento se puede eliminar de la base de datos de ellos en el momento en que se indique en esta meta-etiqueta.

Meta etiqueta "Language": Muy ?til para sitios que no est?n realizados en ingl?s. Permite indicarle a los motores de b?squeda el idioma en que est? hecho el documento, esto puede ser muy importante para directorios que s?lo indexen sitios realizados en alg?n idioma espec?fico.

Meta etiqueta "Revisit": Tiene el objetivo de indicarle a los motores de b?squeda qu? tan frecuentemente deber?an visitar el sitio para re-indexar sus contenidos. Su uso es bastante recomendado pero s?lo en aquellos sitios que realmente est?n cambiando sus contenidos de una forma muy frecuente.

Meta etiqueta "Robots": Existe con el fin de indicar cu?les p?ginas deben ser indexadas por un buscador y cu?les no. Su uso es recomendado para proteger de indexaci?n aquellos archivos que nunca deber?an aparecer entre los resultados de b?squeda de Google. Su uso podr?a ser perjudicial si no se usa con cuidado, en el sentido de que un error ac?, o en el archivo robots.txt podr?a provocar que no se indexen documentos que s? deber?an estarse indexando.

Meta-etiqueta NO recomendada:

Meta etiqueta "Refresh": Es una forma de hacer que una p?gina redireccione hacia otra despu?s de cierta cantidad de segundos, sin embargo, no es la forma m?s elegante de alcanzar este objetivo. Su uso es NO recomendado.

Resumen sobre ventajas de utilizar SubVersion

Mon, 29 Sep 2008 18:31:00 GMT

El presente es el art?culo escrito por Rolando Vindas de InterGraphicDESIGNS, el cual fue publicado por la revista RadarTI en su primera versi?n impresa.

Trabajo colaborativo: Subversion, una opci?n efectiva para controlar y ordenar el desarrollo

Antes de existir las herramientas para controlar las versiones de su proyecto, era com?n escuchar entre los desarrolladores frases tales como: ??Qui?n me cambi? esta l?nea de c?digo??, ?sobrescrib? los cambios y ahora no recuerdo c?mo devolverme?, ?esto ya lo hab?a resuelto y no recuerdo el cambio que hab?a hecho?, entre otras. De ah? que sea indispensable contar con una herramienta que facilite el control de versiones.

Subversion se ha ido posicionando como una de las herramientas de control de versiones m?s populares. En este art?culo presentamos los beneficios que hemos experimentado en InterGraphicDESIGNS desde que iniciamos su uso, especialmente en proyectos de desarrollo Web donde interact?an varios desarrolladores, tanto del ?rea de inform?tica como de dise?o gr?fico.

Es necesario recalcar que la tecnolog?a actual promueve intensamente el trabajo en equipo y la colaboraci?n entre grupos. Por supuesto, el an?lisis apropiado del entorno y la utilizaci?n de las herramientas adecuadas pueden garantizar una administraci?n sana y controlada de los proyectos en su equipo de trabajo.

Subversion, tambi?n conocido con las siglas SVN, es un sistema de control de versiones que permite administrar las versiones (valga la redundancia) de los archivos de un proyecto, promoviendo con esto la colaboraci?n entre los miembros de un equipo de trabajo y, de una manera muy c?moda, coordinar las tareas entre ellos.

La herramienta permite acceso a los archivos de un proyecto, observar el trabajo, realizar cambios y guardar estos cambios en su repositorio, donde se almacenan todos los archivos involucrados. Al finalizar una acci?n de guardar cambios, se considera que se ha creado una nueva ?revisi?n?.

Visibilidad del cambio

En t?rminos de visibilidad, facilita mantener involucrada a cada persona de su equipo en el proyecto, ya que los cambios son visibles para todos una vez que son realizados.

Cada persona utiliza la herramienta de una manera diferente. A algunos les gusta guardar los cambios en el repositorio varias veces al d?a, otros prefieren trabajar en sus proyectos y solamente guardar los cambios al final de la jornada. Mucho de ello depende del tipo de proyecto en el que se est? trabajando, la etapa del ciclo de vida en la que se encuentre y si son pocas o muchas las personas involucradas. La recomendaci?n siempre ha sido de guardar los cambios en el repositorio al menos una vez al d?a.

Tambi?n ayuda a medir la calidad y cantidad del trabajo realizado en una unidad de tiempo. Esta visibilidad instant?nea nos permite observar la productividad del equipo de trabajo, as? como los beneficios a escala administrativa para un l?der de grupo.

La selecci?n de las herramientas adecuadas que interact?an con Subversion puede tener un impacto importante en el desarrollo de los proyectos e incidir grandemente en la facilidad de uso y comprensi?n, as? como el tiempo invertido en funciones que no son espec?ficas del proyecto. Esto debido a que Subversion tambi?n puede ser utilizado directamente con los comandos desde la consola que, si bien es cierto, brinda el mayor control de los repositorios, a la vez implica que la curva de aprendizaje sea alta.

Caracter?sticas

Este software lleva a cabo el proceso de guardar los cambios, llamado com?nmente como commit, en un repositorio de manera at?mica es decir, dicho proceso se realiza de manera completa o no se realiza del todo. Esto permite deshacer un proceso guardado en caso de que ocurran problemas durante dicha tarea, lo que significa que si el proceso de guardado de cambios es interrumpido por alguna raz?n, no provocar? inconsistencias en el repositorio.

Entre los m?todos m?s conocidos para acceder a los repositorios, podemos enumerar:

Servidor Web de Apache mediante la utilizaci?n del m?dulo WebDAV (http y https).
Servicio svnserve, propio de Subversion, que permite tambi?n el acceso mediante una conexi?n segura establecida con el protocolo SSH.
Acceso utilizando direcciones tipo URL, directos en caso de que el repositorio resida en la m?quina local (por ejemplo: file:///).

Versi?n a versi?n

Con respecto a las diferencias de versi?n a versi?n, utiliza un algoritmo de diferenciaci?n binaria cuando almacena el historial de versiones, el cual trabaja igual tanto en archivos de texto como archivos binarios. Esto significa que utiliza exactamente el mismo proceso para ?versionar? cualquiera de estos tipos de archivos. Cabe destacar que Subversion guardar? ?nicamente las diferencias de una versi?n a otra en el servidor, en contraposici?n con sistemas como CVS que, para cada versi?n, hace una copia completa del archivo original.

Subversion fue hecho para ser eficiente, tanto en una red como en el propio medio de almacenamiento donde residen los repositorios, hace lo posible por enviar la menor cantidad de informaci?n a trav?s de la red, as? como la que guarda en el disco duro cada vez que se lleva a cabo un proceso de guardado, logrando enviar ?nicamente las diferencias que han existentes desde la ?ltima versi?n registrada.

Con esto, podemos decir que el costo de cada proceso de guardado es proporcional al tama?o del cambio y no al tama?o de los archivos, convirti?ndose en una ventaja significativa con respecto a otros sistemas de control de versiones.

Existe una amplia gama de aplicaciones cliente que interact?an con Subversion, con lo cual usted tiene la oportunidad de elegir la aplicaci?n que m?s se ajusta a las necesidades de su entorno.

Subversion y los diferentes actores

Ahora, es importante considerar a Subversion desde la perspectiva de los usuarios que interact?an con ?l y que se encuentran involucrados en cada uno de los proyectos.

En un caso com?n, podr?amos tener en el entorno de un proyecto a:

El equipo de desarrolladores.
El administrador del proyecto.
El administrador del repositorio de Subversi?n.
El administrador de la red.
Desarrollo

Los desarrolladores se encuentran relacionados con este software debido a que el trabajo realizado se refleja en los cambios y versiones que se guardan en el repositorio. Esto implica que ellos necesitan tener la capacidad de ubicar los recursos, comparar las diferencias entre versiones y trabajar en distintos proyectos simult?neamente.

Es necesario rescatar que la flexibilidad provista a los desarrolladores consiste en que pueden escoger libremente la aplicaci?n cliente por utilizar. El equipo de desarrollo puede elegir la metodolog?a deseada en el flujo de su trabajo al interactuar con un repositorio, permiti?ndoles utilizar su propia estrategia y proceso de desarrollo.

M?s all? de la t?pica interacci?n con el repositorio durante el proceso de desarrollo, los desarrolladores necesitan saber qui?n realiz? los cambios o qui?n borr? determinado archivo, poder regresar a una versi?n anterior de un archivo o carpeta, revertir los cambios actuales a la ?ltima revisi?n del c?digo, entre otro diverso conjunto de operaciones, dependiendo de la metodolog?a escogida para trabajar.

Administraci?n

Este software permite al administrador del proyecto observar la productividad de su equipo de trabajo, as? como visualizar el historial de cambios de un producto, permitiendo una mejor administraci?n. Esto tambi?n le da la opci?n de trabajar en m?ltiples secciones de forma paralela, dentro del mismo proyecto, mediante las ramificaciones que maneja.

La simplicidad tampoco puede quedar de lado para el administrador del proyecto, ya que este no necesita conocer a fondo la herramienta de ?versionamiento? utilizada para interactuar con ella de manera f?cil y simple.

En cuanto al administrador del repositorio, le resulta importarle no solo la gesti?n del repositorio, tambi?n la administraci?n de los permisos de acceso al mismo.

La flexibilidad de Subversion otorga al administrador de los repositorios la elecci?n propia de la estructura y dise?o del repositorio por utilizar en cada proyecto.

Respecto a los permisos, el administrador puede escoger el esquema que m?s se ajuste a su entorno de trabajo, que depende del protocolo de acceso que est? utilizando para sus repositorios. Adicionalmente, las herramientas y m?todos que provee para llevar a cabo el respaldo y restauraci?n de repositorios son realmente simples de utilizar.

Finalmente, el administrador de la red, en la cual se usa este software, ve facilitado su trabajo debido a las capacidades de este sistema de control de versiones, ya que se podr? acceder a un repositorio aunque se encuentre detr?s de un firewall o un proxy, sin tener que crear reglas de acceso o abrir los puertos en el hardware de red.

Debido a que nos es intrusivo, puede ser instalado sin requerir ajustes espec?ficos a la red del entorno de trabajo, por lo que puede ser implementado de una manera muy f?cil y segura.

Experiencias con Subversion en Proyectos Web

En el caso espec?fico de InterGraphicDESIGNS, nuestros proyectos demandan la colaboraci?n interdisciplinaria de profesionales en el campo de la inform?tica (edici?n de archivos de texto, por lo general PHP), as? como de dise?adores gr?ficos (tambi?n edici?n de archivos de texto HTML, CSS y Javascript, entre otros).

Esto hace de Subversion una herramienta ideal para el control de versiones, pues permite mantener en repositorios, relativamente peque?os, gran cantidad de informaci?n acerca de las mejoras realizadas a los proyectos Web de nuestros clientes, comentarios de nuestro equipo de trabajo para cada cambio realizado, entre otros.

Los beneficios que hemos experimentado son una mejora en el tiempo de desarrollo, debido a la minimizaci?n de posibles retrasos causados por una mala administraci?n de versiones, minimizamos los riesgos de p?rdida de datos, centralizamos de una forma flexible gran cantidad de conocimiento sobre cada proyecto, entre otros.

Nuestra experiencia tambi?n ha sido ?til al demostrar en la pr?ctica que el tema del control de versiones no es exclusivo de profesionales en el ?rea de inform?tica, sino que, con la debida capacitaci?n, es totalmente aplicable para otras disciplinas profesionales.

RadarTI publica art?culo escrito por InterGraphicDESIGNS

Mon, 29 Sep 2008 18:21:00 GMT

La revista costarricense de tecnolog?a de informaci?n RadarTI, lanz? en su primera edici?n impresa un art?culo escrito en InterGraphicDESIGNS dedicado a resaltar la importancia que tiene el buen manejo de versiones, el art?culo fue escrito por Rolando Vindas y es titulado "Trabajo colaborativo: Subversion, una opci?n efectiva para controlar y ordenar el desarrollo".

Aprovechamos adem?s para felicitar a RadarTI por la iniciativa de lanzar su primera edici?n impresa, esperamos que el proyecto siga el crecimiento que ha tenido hasta ahora y contin?e posicion?ndose como uno de los principales medios de comunicaci?n especializados en TI.

Hi5 y YouTube son los t?rminos m?s buscados en Google Costa Rica

Mon, 29 Sep 2008 23:11:00 GMT

Seg?n la herramienta Google Insights for Search, los t?rminos "Hi5" y "YouTube" son los t?rminos m?s buscados en Costa Rica en los ?ltimos 30 d?as.

Estas son tambi?n algunas de las p?ginas m?s visitadas en Costa Rica seg?n el ranking de Alexa, muchos usuarios evitan tener que digitar la direcci?n en el campo URL de su navegador y usualmente colocan los t?rminos "hi5" o "youtube" en el campo de b?squeda de Google, lo que provoca que se conviertan en algunos de los t?rminos m?s buscados.

Seguidamente se encuentran palabras como "juegos" y "videos" lo cual parece indicar que los costarricenses utilizan masivamente Internet para aplicaciones de ocio/tiempo libre.

El t?rmino que m?s creci? en cuanto a b?squedas en Internet fue "latin american idol" (70% de aumento en relaci?n al mes anterior) debido a la participaci?n de la costarricense Maria Jos? en este programa televisivo.

Nuevo blog de Google AdWords para Am?rica Latina

Mon, 04 Aug 2008 15:02:00 GMT

Google lanz? recientemente un nuevo espacio para mantenernos al tanto sobre todo lo relacionado con AdWords, el blog est? especialmente orientado a las necesidades de Am?rica Latina en esta regi?n... Por el momento contiene entradas relacionadas con algunos tips y sugerencias sobre este producto y otras ventajas que Google ofrece como Analytics.

La direcci?nd el nuevo blog es: http://adwords-al.blogspot.com/

RSS Advertising

Fri, 21 Nov 2008 22:33:42 GMT

Take a Bow ....... By Rihanna.
See more info...

DIV y CSS vs Tablas. Maquetaci?n web. Razones para utilizaci?n de DIVs y CSS

Wed, 20 Aug 2008 23:26:00 GMT

Hace algunos a?os era normal que la maquetaci?n HTML de todos los sitios estuviera realizada utilizando la etiqueta table para dar forma al dise?o, estructura de las diferentes secciones de un sitio web, etc... Desde hace unos a?os se viene utilizando en vez de esto la etiqueta div y apoy?ndose en estilos de archivos .css para dar cuerpo a la forma (layout) de un sitio web.

La discusi?n sobre cu?l de las dos formas es mejor es un tema muy tratado ya en Internet, la pr?ctica y la tendencia escogida por los principales proyectos web demuestra que lo mejor es la utilizaci?n de DIVs/CSS sobre las tablas.

Ahora bien, muchos webmasters deben dar una explicaci?n a sus clientes sobre por qu? escoger una forma u otra, incluso algunos webmasters siguen poniendo en duda las ventajas de una forma sobre otra. Adjuntamos dos enlaces sumamente ?tiles para hacer esta justificaci?n:

http://css-discuss.incutio.com/?page=WhyCss

http://www.hotdesign.com/seybold/10filesize.html

El primer art?culo describe en espa?ol b?sicamente los siguientes puntos, los cuales son contundentes en la justificaci?n:

1. Editando un solo archivo CSS puede hacer cambios dr?sticos a un dise?o completo en segundos.
2. CSS le permite tener un output en m?ltiples formatos de una forma muy sencilla
3. CSS le permite usar nombres para cada elemento de una p?gina. Usted por ejemplo puede darle a un DIV el nombre de "Encabezado" que describe perfectamente el contenido de su HTML.
4. Los CSS externos se quedan almacenados en el cache de los navegadores por lo que se reduce el tiempo de descarga de un sitio web
5. CSS elimina c?digo innecesario y obsoleto, por ejemplo la etiqueta font, gifs spacer, tablas encadenadas. Todo esto mejora el tiempo de carga y hace la vida del desarrollador m?s f?cil
6. CSS permite hacer cosas m?s interesantes que el HTML por s? s?lo no permite como un mejor control de los tipos de letra, posicionamiento absoluto, borders m?s elegantes, etc.
7. El buen uso de CSS mejora la accesibilidad y la lectura que tienen los motores de b?squeda sobre un sitio web.
8. El uso de :hover en CSS elimina el uso de Javascript para crear efectos de onmouseover.
9. Si quiere validaci?n XHTML strict no le queda otro camino que usar este m?todo.

?Cu?les son las palabras m?s buscadas en Google en Costa Rica en los ?ltimos 30 d?as?

Tue, 12 Aug 2008 13:27:00 GMT

Google anunci? el lanzamiento de Insights for Search, una nueva herramienta que muestra los t?rminos m?s buscados en la red, dentro de cada pa?s o en per?odos de tiempo.

El servicio est? destinado inicialmente a profesionales del mercadeo, aunque la firma espera que sea ?til a muchos otros usuarios.

El economista jefe de Google , Hal Varian, dijo a la prensa de Estados Unidos que la herramienta tiene otros usos interesantes.

Entre ellos cit? previsiones econ?micas, estudios sociol?gicos, financieros, incluso, etimol?gicos para ver c?mo se expanden nuevas palabras entre la poblaci?n.

Los t?rminos m?s buscados en Costa Rica entre el 12 de julio y 12 de agosto:

1. hi5
2. youtube
3. juegos
4. videos
5. hotmail
6. yahoo
7. traductor
8. musica
9. google
10. banco costa rica

Puede conocer m?s de Google Insights for Search en: www.google.com/insights/search/

Lanzamiento de php 5.3 alfa 1

Fri, 01 Aug 2008 19:51:00 GMT

El equipo de php ha anunciado en su sitio web el lanzamiento de la nueva versi?n alpha de php la cual no se recomienda para utilizar en producci?n, s?lo a manera de revisi?n y experimentaci?n.
Los cambios m?s importantes incluyen funciones lambda y closure, recolector c?clico de basura, adici?n de las extensiones intl, phar, fileinfo, sqlite3 entre otros.

Editores de c?digo fuente

Fri, 01 Aug 2008 16:07:00 GMT

Smashing Magazine analiza un conjunto de editores de c?digo del mercado para el desarrollo. Un En Intergraphic Designs la experiencia indica que no existe un editor que lo haga todo bien, por ejemplo, dreamweaver puede ser uno de los mejores editores para trasladar del dise?o al html, pero se queda corto con respecto a la programacion, en comparacion contra un phpDesigner o un NuSphere

Ver art?culo aqu?.

TurboDbAdmin, administre sus BD via web, con este m?dulo Ajax

Wed, 09 Jul 2008 15:47:00 GMT

TurboDbAdmin es una excelente forma de administrar sus bases de datos de una forma r?pida v?a web, las ventajas sobre otras conocidas aplicaciones de este tipo, como phpMyAdmin, es el no tener que usar botones "Submit" ni refrescamientos de p?gina, al tener todo al estilo Ajax es mucho m?s r?pido hacer ediciones, insertar filas, ejecutar consultas SQL, etc; como si estuvi?ramos en una aplicaci?n de escritorio.

Requiere PHP 4.3 o superior y MySQL 3 o superior.

Ha superado las pruebas de testing en Firefox y en IE 6.0 o superior.

El producto a?n tiene en desarrollo varias tareas esenciales en la administraci?n de bases de datos, por lo que la recomendaci?n ir?a en tener esta herramienta como apoyo a otros editores de BD.

Ir al sitio oficial de TurboDbAdmin

?Cu?les son algunos de los stock de fotos gratuitos m?s populares?

Wed, 09 Jul 2008 15:01:00 GMT

En muchos casos, los clientes de dise?o web desean excelentes fotograf?as en su proyecto, sin embargo, no cuentan con este material fotogr?fico ni con los recursos para generar sus propias fotograf?as profesionales, algunos cuentan con los recursos para adquirir fotograf?as en stocks en los que se paga alg?n tipo de membres?a o derechos sobre una fotograf?a espec?fica.

El siguiente es un breve listado de algunos de los stock de fotograf?as gratuitos que han ido ganando popularidad.

OpenPhoto
morgueFile
Free Picture
Pixelio.de
Royalty free images
Bigfoto.com
FreeStockPhotos.com
FreeFoto.com
Freeimages.com

RSS Advertising

Fri, 21 Nov 2008 22:33:42 GMT

I Kissed a Girl ....... By Katy Perry.
See more info...

Funcionalidad target="_blank"

Wed, 02 Jul 2008 16:45:00 GMT

Ha sido muy ?til colocar links p?ginas que se despliegue en otra ventana para colocar, por ejemplo, para los v?nculos hacia patrocinadores o banners.

Sin embargo, esto no valida contra los est?ndares; sin embargo se propone una alternativa que s? lo hace en esta direcci?n.

http://www.sitepoint.com/article/standards-compliant-world

?D?nde encontrar recursos gr?ficos buenos para mi sitio web?

Thu, 10 Jul 2008 17:10:00 GMT

Encontramos esta serie de enlaces que queremos recomendar como buenas fuentes de recursos gr?ficos, especialmente para proyectos web.

Texture King
Free Background Tiles
Creamed Ice Graphics
Kaliber10000
Buttonland
Sub Dimension Studios
Pattern4u
Free Logo Templates

Esperamos que los enlaces les sean de mucha utilidad

?C?mo abreviar el c?digo CSS?

Fri, 27 Jun 2008 17:34:00 GMT

Es muy frecuente encontrar c?digo CSS en varias l?neas que podr?an ser simplificadas en una sola. Muchos dise?adores CSS prefieren la versi?n "contra?da" del CSS para tener menos c?digo, reducir el tama?o de sus archivos CSS, etc.

Ac? presentamos algunos ejemplos conocidos sobre c?mo se podr?an simplificar algunas l?nea de c?digo CSS:

Backgrounds:

CSS Expandido ( background ) - - - - - - - >
background-color: red;
background-position: top;
background-position: center;
background-image: url(../);
background-attachment: scroll;
background-repeat: repeat-x;

contracci?n - - - - - - - >
background: url(../) red top center scroll repeat-x;

M?rgenes:

CSS Expandido ( margin / padding ) - - - - - - - >
margin-top: 10px;
margin-left: 5px;
margin-right: 5 px;
margin-bottom: 10px;

contracci?n 1 - - - - - - - >
margin: 10px 5px 10px 5px ;
contracci?n 2 - - - - - - - >
margin: 10px 5px;

Tipos de letra:

CSS Expandido ( font ) - - - - - - - >
font-family: Arial, Helvetica, "Trebuchet MS";
font-size: 12px;
font-style: italic;
font-weight: bold;
line-height: 15px;

contracci?n - - - - - - - >
font: bold italic 12px/15px Arial, Helvetica, "Trebuchet MS";

Bordes:

CSS Expandido ( border ) - - - - - - - >
border-top: 1px;
border-bottom: 1px;
border-left: 1px;
border-right: 1px;
border-color: red;
border-style: solid;

contracci?n - - - - - - - >
border: 1px solid red;

Colores:

CSS Expandido ( color ) - - - - - - - >
color:#0099FF;
color:#000000;
color:#660000;

contracci?n - - - - - - - >
color:#09F;
color:#000;
color:#600;

Listas:

CSS Expandido ( list-style ) - - - - - - - >
list-style-image: url(../);
list-style-position: inside;
list-style-type: circle;

contracci?n - - - - - - - >
list-style: url(../) inside circle;

Comentarios y ejemplo con xajax - PHP Class Library

Sun, 01 Jun 2008 03:36:00 GMT

XAJaX es una librer?a de clases de c?digo abierto elaborada en PHP que permite utilizar Ajax en aplicaciones web sin tener que programar directamente en JavaScript. Esto no significa que no se pueda utilizar JavaScript en una aplicaci?n que est? utilizando XAJaX.

El programador simplemente elabora en PHP las funciones que actualizan el contenido de un objeto HTML (un DIV o un INPUT por ejemplo) y XAJaX se encarga de generar el c?digo Javascript AJaX correspondiente a esas funciones en el momento de cargar la p?gina.

En mi caso espec?fico, he tenido la oportunidad de trabajar con esta librer?a y me ha gustado el hecho de no tener que elaborar el c?digo Javascript para AjaX. En ocasiones he tenido que elaborar funciones que no actualizan contenido HTML sino m?s bien realizan ?nicamente operaciones en base de datos.

Para consultar informaci?n m?s detallada de esta librer?a, la p?gina oficial del proyecto es: http://www.xajaxproject.org

Vamos a realizar un ejemplo sumamente sencillo de c?mo puede utilizarse esta librer?a para actualizar din?micamente el contenido de un objecto INPUT y de un objeto DIV.

El primer paso consiste en descargar la librer?a XajAx desde la p?gina oficial (para este ejemplo se utiliz? la versi?n 0.5 beta4 Compiled) y descomprimirla en una subcarpeta llamada xajax en la ra?z donde vamos a ubicar los archivos de nuestro ejemplo. Los archivos que vamos a elaborar para nuestro ejemplo son: index.php (archivo principal que contiene los objetos HTML) y entorno_xajax.php (archivo con las funciones y el entorno XAJaX). La estructura de directorios y archivos de nuestro ejemplo ser?a la siguiente:

Primeramente vamos a crear nuestro archivo principal index.php que contiene los objetos HTML a ser actualizados din?micamente:

Seguidamente vamos a crear el entorno de XAJaX (entorno_xajax.php) con las funciones encargadas de actualizar los contenidos de los objetos HTML (Archivo entorno_xajax.php):

Este ha sido un ejemplo muy sencillo de la utilizaci?n de XAJaX. Sin embargo, hay m?s cosas que se pueden llevar a cabo con esta librer?a (tema que est? m?s all? del alcance de este art?culo).

Descargar ac? el ejemplo completo: ejemplo_xajax.zip

?Es posible que un dominio tenga ??

Sat, 03 May 2008 20:43:00 GMT

Para todos quienes hablamos espa?ol, ser?a muy ?til poder adquirir nombres de dominio que incluyan la letra ? o las tildes. Antiguamente los dominios no pod?an contener car?cteres especiales como la ?, tildes, dieresis o la ???, pero desde el a?o 2003 se defini? un mecanismo para registrar ?Nombres de dominios internacionalizados?, m?s comunmente conocidos como Dominios IDN o dominios multiling?es.

En Espa?a ya se han implementado todas las medidas necesarias para que en este pa?s sea posible trabajar con dominios como ba?os.es, ni?os.es, monta?ismo.es, etc. Esta medida empez? a funcionar desde el d?a 5 de noviembre de 2007. Parece que los dominios multilingues funcionan por defecto con Firefox, y funcionar?a con Internet Explorer por medio de un plug-in.

El grupo encargado de tramitar este tipo de dominios en Espa?a es red.es, y en SEDO.com ya es posible consultar y tramitar varios dominios IDN. En Costa Rica a?n no es posible tramitar este tipo de dominios con extensi?n .cr

Art?culos relacionados:

Dominios con ?
"Los dominios con ? ya tienen due?o" en Espa?a

Utiliza sitemaps, una buena pr?ctica en cualquier sitio web

Wed, 28 May 2008 20:50:00 GMT

El protocolo Sitemap permite que los motores de b?squeda como Google sepan cu?les direcciones deben rastrear al llegar a un determinado sitio web, un archivo sitemap es un archivo XML que lista todas las URL de un sitio, e incluso puede aportar informaci?n adicional como qu? tan relevante es un URL en un sitio en comparaci?n con sus otras secciones.

Son muy ?tiles, especialmente cuando hay areas de un sitio web a la que no se puede llegar siguiendo una serie de links desde la p?gina de inicio de un sitio, pues si esto ocurre, es dif?cil que un motor de b?squeda encuentre esta p?gina, sin embargo, si usamos sitemaps el buscador ya tendr? en su informaci?n que esa p?gina existe, y seguramente la analizar?.

Un punto importante es que si se usa un archivo sitemap esto no sustituye el rastreo normal de un buscador a un sitio web, sino que lo complementa, y otro punto a tomar en cuenta es que el hecho de incluir un URL dentro del sitemap no es garant?a absoluta de que esta p?gina se ingresar? al indice de Google, pero al menos nos garantiza de que Google (u otro buscador) sabr? de su existencia.

El tener sitemaps no hace que aparezcamos m?s arriba para una b?squeda determinada, pero nos asegura que los motores de b?squeda sabr?n de la existencia de todas las URL de nuestro proyecto.

La informaci?n completa sobre este tema la puede encontrar en Herramientas para webmasters de Google

?Qu? porcentaje de usuarios de Internet habla espa?ol?

Sun, 25 May 2008 20:49:00 GMT

Actualmente, se estima que el planeta tiene 420 millones de personas de habla hispana, sin embargo, los c?lculos m?s recientes estiman que "s?lo" 80 millones de estas personas tienen acceso a Internet, esto quiere decir que de todas las personas de habla hispana, s?lo el 19% tiene acceso a Internet en este momento. En comparaci?n con otros idiomas, el espa?ol es el tercero en uso en Internet despu?s del ingl?s y el chino.

Actualmente 1 de cada 10 internautas habla espa?ol, sin embargo, estos n?meros van en un acelerado aumento, seg?n Antonio Marzo, Director de SEDO.com para Espa?a y Latinoam?rica, el n?mero de usuarios que hablan espa?ol aument? un 231.1% del 2000-2006; esto supera incluso el aumento del 135.6% que hubo en estos mismos a?os para los usuarios de habla inglesa.

Este aumento en la cantidad de usuarios de habla hispana ha provocado un aumento en la compra y demanda de dominios en espa?ol. El auge en la cantidad de usuarios va de la mano del crecimiento econ?mico que ha mostrado latinoam?rica y Espa?a en los ?ltimos a?os.

Las consecuencias evidentes de este crecimiento son el aumento en la cantidad de empresas que se anuncian en espa?ol, el aumento en el precio de las campa?as PPC en espa?ol, la especulaci?n sobre grandes dominios en este idioma, etc. Otra consecuencia interesante es el aumento en el inter?s en dominios .es, que si bien es cierto son propios de Espa?a como pa?s, muchas empresas lo han ido adquiriendo para colocar ah? sus respectivas traducciones de sus contenidos en espa?ol, aunque el contenido no tenga relaci?n alguna con Espa?a como tal. Se estima que el 15%-25% del tr?fico hacia dominios .es proviene de EUA y Latinoam?rica.

Nota original:

The Internet and the Spanish Revolution: An Update on the Spanish Domain Market, por Antonio Marzo de SEDO.com

?Cu?les son los 15 dominios m?s antiguos?

Sun, 20 Apr 2008 16:48:00 GMT

El siguiente es un listado obtenido en http://www.whoisd.com/oldestcom.php donde es posible consultar el listado de los 100 dominios m?s antiguos. Los primeros dominios adquiridos datan de 1985 y 1986. Presento la lista de los 10 primeros dominios adquiridos en estas fechas:

03/15/1985		SYMBOLICS.COM
04/24/1985		BBN.COM
05/24/1985		THINK.COM
07/11/1985		MCC.COM
09/30/1985		DEC.COM
11/07/1985		NORTHROP.COM
01/09/1986		XEROX.COM
01/17/1986		SRI.COM
03/03/1986		HP.COM
03/05/1986		BELLCORE.COM
03/19/1986		IBM.COM
03/19/1986		SUN.COM
03/25/1986		INTEL.COM
03/25/1986		TI.COM
04/25/1986		ATT.COM

RSS Advertising

Fri, 21 Nov 2008 22:33:42 GMT

Listen .......(from Dreamgirls). By Beyonce.
See more info...

Cr?ticas a precio de los dominios .cr

Tue, 01 Apr 2008 16:43:00 GMT

El peri?dico La Naci?n public? este s?bado 29 de marzo un art?culo sobre la impresi?n del alto precio que la Academia Nacional de Ciencias fij? para los dominios .cr. Estos dominios tienen un monto de $100 anuales, cuando los dominios .com, .net, .org valen en el medio internacional entre $7 y $15 aproximadamente.

Seg?n dijo J?ssica Calvo, administradora de NIC-Internet Costa Rica, al ser la Academia Nacional de Ciencias (ANC) un organismo sin fines de lucro, las tarifas est?n calculadas al costo.

Para leer el art?culo completo puede visitar: http://www.nacion.com/ln_ee/2008/marzo/29/aldea1477188.html

Tips para evaluar velocidad de scripts de PHP

Thu, 20 Nov 2008 16:00:00 GMT

No todos los scripts PHP son igual de r?pidos aunque funcionalmente logren el mismo objetivo, el sitio web "The PHP Benchmark" es una iniciativa que pretende evaluar diferentes pr?cticas de programaci?n en PHP y demostrar cu?ntos milisegundos toma realizar la misma acci?n pero ejecutando funciones diferentes.

El proyecto es encabezado por Chris Vincent, y utiliza la funci?n microtime() de PHP para publicar este tipo de resultados.

Algunos ejemplos interesantes:

Utilizar for ($i=0; $i<$size; $i++)" en vez de utilizar "for ($i=0; $i

Pues el c?lculo de la funci?n sizeOf o count toma mucho tiempo de ejecuci?n.

Resultados:

Precalculando el tama?o del array: 132 milisegundos.
Calculando el tama?o del array en cada iteraci?n: 57296 milsegundos

Resultados interesantes con la funci?n echo():

echo 'aaaaaaaaaaaaaaaaaaaaaaaaaaaa': 139 milisegundos.
echo 'aaaaaaa','aaaaaaa','aaaaaaa','aaaaaaa': 278 milisegundos.

Utilizar foreach en vez de utilizar while:

foreach($aHash as $val); 14 milisegundos.

while(list($key) = each($aHash)) $tmp[] = $aHash[$key]; 98 milisegundos.

Le invitamos a leer m?s conclusiones en el sitio web y hacer sus propias estimaciones utilizando la funci?n microtime() en sus propias aplicaciones.

ULICORI con nuevo sitio web

Tue, 18 Nov 2008 14:55:00 GMT

Esta semana la Universidad Libre de Costa Rica se uni? a nuestra lista de clientes satisfechos, el sitio web ulicori.ac.cr se lanz? al aire el d?a de hoy y brinda informaci?n relacionada con las fechas m?s importantes de este centro de estudios, planes de estudio de cada una de sus carreras e informaci?n general, entre otras cosas.

El sitio web Ulicori.ac.cr se caracteriza por su dise?o limpio y por su alta calidad en cuanto a est?ndares W3C (autoridad encargada de certificar que un sitio web cumpla con est?ndares y buenas pr?cticas en construcci?n de sitios web).

El sitio fue incluido hoy mismo en el portal w3csites.com donde el sitio se une a varios de nuestros otros proyectos que han sido aceptados en esta y otras galer?as de dise?o.

El portal tambi?n se convierte en uno de los primeros proyectos en utilizar nuestro nuevo administrador de contenidos Arcangel 2.0, el cual ha contado con muy buena aceptaci?n de nuestros clientes y amigos.

Felicidades a ULICORI por este nuevo proyecto.

Tipograf?as m?s usadas en dise?o web

Tue, 28 Oct 2008 01:25:00 GMT

El presente art?culo pretende presentar informaci?n general sobre las tipograf?as m?s populares en el dise?o web. Como muchos ya saben, existe un grupo de fuentes llamadas fuentes seguras para web (web-safe fonts en ingl?s), las cu?les son las ?nicas que un buen dise?ador web debe utilizar un un sitio web. El art?culo muestra las razones por las cuales esto ocurre as?, adem?s de referencias a alternativas como sIFR para utilizar otras tipograf?as en web, e incluso listados estad?sticos sobre las tipograf?as instaladas por defecto en los navegadores m?s populares. Tambi?n se incorpora una traducci?n de algunos segmentos del art?culo "16 best-loved font bits in web design" presentado en InspirationBit.com, donde se presenta una breve rese?a hist?rica de las tipograf?as m?s populares.

?Por qu? no se puede usar cualquier tipo de letra en dise?o web?

Los navegadores (programas como Internet Explorer, Opera, Safari, Firefox, Google Chrome, etc) son los programas encargados de interpretar cada dise?o web, para esto, utilizan las tipograf?as instaladas en el Sistema Operativo (Windows, Linux, MacOS, etc) donde se esten ejecutando. Dado que no todos los sistemas operativos tienen las mismas tipograf?as instaladas, es recomendable utilizar aquellos fonts que est?n instalados en todos los sistemas operativos m?s populares.

?Cu?les son las tipograf?as instaladas por defecto en los S.O. m?s populares?

El sitio FontTester.com se ha dado la tarea de presentar el listado de fuentes seguras para web, el cual presentamos a continuaci?n en el formato t?pico en el que se utiliza en archivos CSS:

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

?C?mo puedo saber cu?les fonts est?n instaladas en cada sistema operativo?

La presente imagen se tom? de "Browser News" el 27 de octubre de 2008, esperamos que sea una referencia suficientemente clara sobre las fuentes m?s comunes en cada sistema operativo.

?Qu? alternativa se tiene para utilizar una tipograf?a que no es web-safe?

Para este tema, le recomendamos leer nuestro art?culo sobre sIFR, una t?cnica que combina JavaScript y Flash para lograr este objetivo sin tener que exportar como imagen un segmento de texto.

Breve rese?a hist?rica de las tipograf?as m?s utilizadas

A continuaci?n se presenta una breve rese?a hist?rica sobre las tipograf?as m?s utilizadas para dise?o web, los cr?ditos del art?culo original le corresponden al sitio "InspirationBit.com", de donde estamos traduciendo un segmento relacionado con las tipograf?as m?s conocidas:

Helvetica, Helvetica Neue, Arial:

Helvetica fue creada por dise?adores suizos hace 50 a?os y es una de las fuentes sans-serif m?s ampliamente conocidas. Muchas compa??as populares como American Airlines, Lufthansa y Toyoya escogieron esta tipograf?a como parte de su mercadeo e identidad gr?fica. Hay muchas variaciones de Helvetica, en 1983 Linotype lanz? Helvetica Neue redibujando toda la familia Helvetica. Muchos consideran que Arial, dise?ada 30 a?os despu?s que Helvetica fue la imitaci?n barata de esta, sin embargo, tiene m?s similitudes con Univers que con Helvetica

Verdana

Verdana fue dise?ada espec?ficamente por Microsoft en 1996 con el prop?sito de crear una tipograf?a que fuera f?cil de leer en un tama?o muy peque?o de una pantalla. El no tener serifs, su proporci?n ancha y la p?rdida de espacio entre letras hacen que sea una fuente extremadamente legible para sitios web.

Georgia

Georgia es otra fuente ordenada por Microsoft en 1993 que tiene bastantes similitudes con Times New Roman, pero es sustancialmente m?s larga. Funciona realmente bien tanto en tama?os grandes como en tama?os peque?os, y es usualmente seleccionada por los dise?adores web como una sustituta de la ya muy utilizada Times New Roman.

Trebuchet

Una vez m?s, Microsfot solicit? el dise?o de otra muy buena fuente para web tambi?n en 1996. Funciona especialmente bien para t?tulos grandes y es ah? donde se utiliza m?s popularmente.

Fuentes:

Browser News
InspirationBit.com
FontTester.com

Municipalidad de Sarapiqu? estrena nuevo sitio web

Mon, 20 Oct 2008 14:35:00 GMT

El cant?n de Sarapiqu? ya cuenta con un nuevo sitio web en la direcci?n http://www.sarapiqui.go.cr, el proyecto contiene informaci?n general de la Municipalidad de este cant?n, as? como informaci?n relevante para los tr?mites m?s frecuentes.

El proyecto incluso permite consultar los pagos pendientes para cada uno de los contribuyentes de este cant?n, funcionalidad que refleja un caso de ?xito m?s de nuestro departamento de programaci?n, al permitir integrar la funcionalidad ya existente en los sitemas de la Municipalidad llev?ndolos a la plataforma web de manera que sean consultados de una forma m?s c?moda por los vecinos de este importante cant?n herediano.

Para InterGraphicDESIGNS es un gusto felicitar a la Municipalidad de Sarapiqu? por este nuevo proyecto, y les deseamos mucho ?xito con esta nueva herramienta al servicio de los vecinos del cant?n.

Sitio web de Liga Deportiva Alajuelense reconocido en CSSglance.com

Thu, 02 Oct 2008 20:53:00 GMT

El reconocido portal de dise?o web CSS Glance (cssglance.com) incorpor? esta semana a su galer?a el sitio web de Liga Deportiva Alajuelense. Esto representa un reconocimiento al dise?o y desarrollo de este importante proyecto. El enlace donde se puede apreciar la incorporaci?n del sitio web de LDA en este sitio es: http://www.cssglance.com/gallery/liga-deportiva-alajuelense/

De acuerdo con sus autores, CSSGlance es un proyecto que cumple con el objetivo de brindar a sus visitantes una base de datos de sitios web basados en CSS que sean innovadores y bien dise?ados, el proyecto desea mostrar que el buen dise?o y el cumplimiento de est?ndares web son dos caras de la misma moneda.

El reconocimiento nos motiva a continuar mejorando el sitio web en conjunto con Liga Deportiva Alajuelense y aprovechar as? esta excelente herramienta como una forma de mantener informados a los aficionados y medios de comunicaci?n en general.

Con el sitio web de Liga Deportiva Alajuelense ya son ocho los sitios Costarricenses que pertenecen a esta galer?a, todos desarrollados en InterGraphicDESIGNS