Webmaster Libre

Desarrollo Web con Software Libre

Archivo de July de 2006

26 July 2006

Aptana: Un IDE para AJAX

Escrito por: Alma Fernández

Archivado en: Windows, Javascript, Mac OS, Linux, Editores, Aplicaciones

Aptana Logo Aptana es un IDE o entorno de desarrollo enfocado a las aplicaciones web con AJAX/Javascript.
Está basado en Eclipse y, como este, está disponible para Windows, Linux y Mac OS.
Además, si no nos interesa instalarnoslo como una aplicación independiente podemos agregarlo a nuestra instalación actual de Eclipse como un plug-in.

Características:

  • Asistente para código CSS, HTML y Javascript, incluyendo tus propias funciones de Javascript
    Captura de pantalla de Aptana
  • Estructura esquemática que te permite analizar tu proyecto en una visión de conjunto
  • Notificaciones de errores y advertencias

Aptana es Software Libre, licenciado bajo la Eclipse Public Licence

Aptana:
http://www.aptana.com/
Eclipse: http://www.eclipse.org

Via Genbeta

26 July 2006

Firefox 1.5.0.5

Escrito por: Alma Fernández

Archivado en: Navegadores, Windows, Mac OS, Linux, Aplicaciones

Logo Firefox
La fundación Mozilla ha liberado la versión 1.5.0.5 de nuestro querido navegador Firefox, con esta versión se solucionan varias vulnerabilidades de seguridad y se mejora la estabilidad del producto.

Más información en la nota oficial de lanzamiento.

Firefox:
http://www.mozilla.com/firefox/

26 July 2006

103 Bees: Estadísticas sobre términos de búsqueda

Escrito por: Alma Fernández

Archivado en: Herramientas Online, SEO y SEM, Recursos

Logotipo 103 Bees Seguro que siempre te has preguntado cómo llegan los usuarios a tu sitio, como te encuentran en los buscadores y, a veces incluso es divertido, qué estaban buscando. Casi todos los sistemas de estadísticas te ofrecen algo de información al respecto, no obstante, para realizar un uso más serio que el de satisfacer un poco nuestra curiosidad, necesitaremos apoyarnos en otras herramientas.

103 Bees es un servicio gratuíto (¿de momento?) que te permite acceder a estadísticas avanzadas sobre los términos de búsqueda que han llevado a los usuarios a tu sitio, de que motores provienen…

Vista de 103 Bees

103 Bees: http://103bees.com/

Via el blog de Seth Godin

25 July 2006

Acelerando PHP: PHP Accelerator

Escrito por: Alma Fernández

Archivado en: PHP

PHP es un lenguaje muy potente y práctico pero, al igual que otras tecnologías como ColdFusion o ASP, se compila “al vuelo”. Es decir, el servidor interpreta el script PHP cada vez que se ejecuta.
Existen numerosas utilizades que cachean el script para no tener que compilarlo en cada petición.

Logo ionCube PHP Accelerator

Via Code and Coffee conozco ionCube PHP Accelerator.

PHP Accelerator es gratuito pero consigue igualar y mejorar los resultados de otras soluciones comerciales, las páginas aceleran su carga entre cinco y diez veces.
Es sencillo, limpio y los resultados son visibles.
Una buena solución para los que no disponemos de servidores dedicados para alojar nuestras aplicaciones y sitios web.

ionCube PHP Accelerator:
http://www.php-accelerator.co.uk/

25 July 2006

Socialtext Open: Un wiki comercial de código abierto

Escrito por: Alma Fernández

Archivado en: Wikis, CMS

Logo Socialtext Open

Socialtext era, hasta hoy, un servicio de wikis enfocadas a las comunicaciones dentro de las empresas, de pago y nada más. Hoy, esta empresa californiana ha decidido marcar un hito en lo que a este tipo de aplicaciones se refiere y ha decidido lanzar su código como Open Source.
Desde el mismo momento del anuncio se puede descargar el código fuente de Sourceforge.

Me parece un sabio movimiento en vista de que, cuando tu código no está disponible la gente inventa la manera de conseguir crear algo que haga lo mismo sin ser lo mismo (véase activeCollab y Velakor Notes).
En cambio, la gente de Socialtext garantiza una mayor expansión de su proyecto y consiguen manos y ojos adicionales para programar y testear, sin perder ni un céntimo ya que mantienen sus soluciones de pago disponibles para empresas que, como es lógico, suelen preferir algo rápido, seguro y sin complicaciones. Y además incluyen un nuevo servicio de pago, el soporte profesional para los usuarios de Socialtext Open. ¿Qué opinais?

Anuncio Oficial: http://www.socialtext.com/node/88
Socialtext Open en Sourceforge:
http://sourceforge.net/projects/socialtext/

Vía Mashable!

25 July 2006

Texto con sombra compatible con todos los navegadores

Escrito por: Alma Fernández

Archivado en: Javascript, Scripts

Generalmente vivimos muy bien sin dar sombra a nuestros textos, a la espera de que más navegadores acepten la propiedad text-shadow de CSS 3, no obstante muchas veces nos resultaría realmente útil poder usarla con resultados uniformes en todos los navegadores.

Hasta ahora teníamos tres aproximaciones al tema, que cuando funcionaban en un navegador fallaban en otro e incluso haciendo uso de una combinación de las tres los resultados eran muy diferentes en los diversos navegadores:

  1. Usando la propiedad text-shadow de CSS 3, de momento sólo soportada por Safari y Konqueror (gracias Xir por la corrección)
  2. Utilizando la pseudo-clase :before antes del texto para duplicarlo y simular una sombra, cosa que no funcionaría en MSIE
  3. Usando un filtro propietario para MSIE

Scott Jehl nos ofrece un script en Javascript, no obstrusivo, que nos permite de forma sencilla conseguir este efecto de forma homogénea en todos los navegadores que tengan soporte para Javascript.

Para utilizarlo simplemente se carga el script

<link href="/2006/07/page/2/css/dropShadows.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/2006/07/page/2/scripts/dropShadows.js"></script>

y se añade la clase highContrast (recuerda, respeta las mayúsculas y las minúsculas)

<h2 class="highContrast">Here's an example</h2>

La apariencia de la sombra puede editarse en el archivo dropshadow.css

Descarga Javascript:
http://www.scottjehl.com/jsDropShadows/scripts/dropShadows.js
Descarga CSS:
http://www.scottjehl.com/jsDropShadows/css/dropShadows.css

En el blog de Scott tenéis más información sobre el funcionamiento del script.

Enlace: http://www.scottjehl.com/jsDropShadows/

24 July 2006

S5 presentaciones online a la Eric Meyer

Escrito por: Alma Fernández

Archivado en: Javascript, Scripts, CSS, (x)HTML

Hace ya algo os había comentado la existencia de HTML Slidy, un sistema bastante simple para generar presentaciones tipo Power Point con XHTML, CSS y Javascript que se pueden reproducir en cualquier navegador.

Captura de pantalla de S5 en funcionamiento
S5 es un sistema similar, creado por Eric Meyer, que cuenta con bastante más documentación y ayuda que HTML Slidy, además de existir varios themes para escoger, más cómodo imposible.

S5: http://meyerweb.com/eric/tools/s5/

24 July 2006

Algo para leer sobre SEM

Escrito por: Alma Fernández

Archivado en: SEO y SEM

El SEM puede ser un factor clave de cara al éxito de determinados proyectos comerciales online. Crear una buena campaña de publicidad es una tarea complicada y peligrosa, ya que implica arriesgar parte del dinero de un proyecto a determinadas cartas, y nunca esta de más saber lo más posible lo que estamos haciendo o, ante la más mínima duda, contar con el apoyo de profesionales.

Como el saber no ocupa lugar, vayámos a llevar nosotros mismos nuestro SEM, vayámos a delegar en otros, nunca está de más leer algunos artículos. Hoy buceando por las entradas pasadas de algunos blogs encontre un ebook para descargar gratuitamente, en inglés por suerte o por desgracia: Essential Guide to Search Engine Marketing.

Se trata de una colección de artículos divididos por niveles: básico, intermedio y avanzado.

Eso sí, si no os gusta chocaros con enormes páginas de publicidad mientras leéis un pdf mejor absteneos…

Essential Guide to Search Engine Marketing
[pdf]

Via The Search Engine Marketing Weblog

22 July 2006

Como crear páginas amistosas para el usuario

Escrito por: Alma Fernández

Archivado en: Usabilidad y Accesibilidad

Mientras ojeaba dzone he encontrado un resumen de Priorizing Web Usability de Jakob Nielsen, está en inglés así que voy a traducir un poco por encima.

1. Equilibra la tecnología con las necesidades de los usuarios.
2. Usa multimedia cuando beneficie a los usuarios.
3. No te olvides de los usuarios de equipos antiguos, que son muchos, y utiliza tecnología lo más compatible posible.
4. Diseña pensando en los usuarios con conexiones lentas, que también siguen siendo bastantes.
5. Cuando un elemento esté cargando incluye indicadores visuales claros de la carga (por ejemplo con imágenes animadas)
6. Presupón siempre el mínimo conocimiento técnico para tus usuarios.
7. Si vas a ofrecer diferentes versiones de contenido dependiendo de la conexión del usuario, haz la detección automáticamente ya que muchos usuarios apenas entenderán de que les estás hablando.

Seguir leyendo en Web Reference

20 July 2006

sIFR: Reemplazo dinámico de tipografías con Flash

Escrito por: Alma Fernández

Archivado en: Javascript, Recursos, (x)HTML

El universo está lleno de preciosos tipos de letra, lamentablemente el uso de tipografías personalizadas en la web está francamente limitado. No existe un método fiable de garantizar que el usuario ve la tipografía que queremos que vea ya que estamos supeditados a las fuentes que tenga instaladas en su sistema.

Durante muchos años, los diversos navegadores han ido haciendo experimentos con tipografías descargables y artimañas similares pero su implementación es irregular y se hace desaconsejable.

Cuando lo que queremos es utilizar fuentes personalizadas para pequeños detalles en el sitio es francamente simple hacer un reemplazo con imágenes pero, ¿qué pasa cuando necesitamos reemplazar, por ejemplo, los títulos de las entradas de una bitácora? ¿Crearemos uno por uno todos los títulos como imágenes y haremos un reemplazo manual?

Logo sIFR

sIFR nos sale al rescate para esos momentos, ofreciéndonos una forma dinámica de conseguir encabezados con algo más de estilo.
Leer el resto de la entrada

WordPress // Diseño por Heavenly Flames // Iconos FamFamFam //Mapa del Sitio