Similar Posts
WYMeditor: editor XHTML/CSS
WYMeditor es un editor WYSIWYM basado en web. La caracterÃstica principal de este navegador es centrar la atención del usuario en la estructura de la página (layout).

WYMeditor ha sido creado para generar código XHTML estricto perfectamente estructurado, según las especificaciones XHTML de la W3C. El código no puede ser contamidano por información visual como estilos de fuentes, tamaños, bordes o colores. El usuario define el significado del contenido, por el cual será determinado su aspecto mediante la hoja de estilos. El resultado es fácil y rápido de mantener.
WYMeditor
VÃa / SitePoint Blogs
Más de 30 extensiones Firefox para desarrolladores web
Una lista de más de 30 extensiones para Firefox que nos pueden ayudar en nuestros desarrollos web. Algunas ya son conocidas, pero alguna otra que desconocÃa parecen bastante interesantes.
CSS
- Aardvark: permite ver atributos CSS, ids y clases seleccionando elementos de la página de forma individual.
- chromEdit: permite modificar los CSS y los javascripts de cualquier página.
- CSSMate: edición de ficheros CSS.
- CSS validator: valida los CSS de tu página.
- CSSViewer: visualiza propiedades CSS.
- EditCSS: permite modificar los CSS cargados.
- IE Tab: visualiza la página en Internet Explorer.
- Style Sheet Chooser II: permite seleccionar CSS alternativos para una página.
Debug y análisis
- FireBug: consola para realizar debugs de JavaScript, HTML y llamadas Ajax.
- HTML Validator: valida la página con el estándar HTML de W3C.
- JavaScript Debugger: debug de Javascript.
- Link Checker: comprueba si los enlaces de una página son válidos.
- Load Time Analyzer: muestra gráficas del tiempo de carga de una página en Firefox.
- View Dependencies: busca todos los ficheros que se cargan al visualizar una página.
Otros
- Clipmarks: guarda partes de la página web.
- Codetech: editor web con la apariencia de Dreamweaver.
- ColorZilla: obtiene colores de las páginas visitadas.
- FirePHP: ayuda a depurar PHP.
- Greasemonkey: controla cualquier aspecto del comportamiento de las paginas web.
- Measureit : mide en pixels el tamaño de partes de las páginas web.
- Platypus: una de las mejores extensiones para modificar una página web.
- Poster: permite interactuar con web services y otros recursos web.
- Professor X: comprueba los contenidos de la cabecera de una página web.
- Screen grab: guarda páginas web cómo imágenes.
- TestGen4Web: guarda la actividad de los usuarios en páginas web.
- View Source Chart: visualizador de código fuente.
- Web Developer: colección de herramientas para desarrolladores web.
- X-Ray: permite ver el código fuente de una página y alternar entre ambos de forma sencilla.
30+ Firefox Add-ons for Web Developers & Designers
VÃa / Digg
Glyde: proxy PHP para descargas directas
Glyde es un script proxy PHP, el cual podemos instalarlo en nuestro servidor pudiendo acceder a URLs que tenemos capadas ya sea en nuestra oficina o por la nueva ley que se ha inventado la ministra para lo de las páginas de enlaces (en este caso nuestro servidor no podrá estar en España, lógicamente).
Entre las características que ofrece nos encontramos con:
- Muy fácil de instalar, tan sólo hay que copiarlo y ya funciona
- URLs encriptadas
- Bloqueo de IPs (aunque yo casi le metería protección por htaccess)
- Caché en el servidor
- Soporte de Javascript
- Panel de administración
Laboratorio: reconocimiento de un motor de búsqueda para navegadores
Una de las caracterÃsticas más útiles que poseen actualmente los navegadores es la posibilidad de personalizar y añadir motores de búsqueda. Firefox lo dispone desde hace tiempo e Internet Explorer lo ha añadido en su última versión. Para poder tener un poco de orden en la creación de estos motores existe OpenSearch, que tal como dice la Wikipedia es:
es un conjunto de tecnologÃas que permiten publicar los resultados de una búsqueda en un formato adecuado para la sindicación y agregación. Es una forma para que las páginas web y los motores de búsqueda publiquen sus resultados de forma accesible
El proceso es sencillo, añades un XML en tu web y un acceso desde tus páginas para que el navegador lo reconozca y te avise de que existe para instalarlo directamente.
El XML serÃa el siguiente:
<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Sentido Web</ShortName>
<LongName>Sentido Web - Actualidad, productividad y desarrollo web...</LongName>
<Description>Encuentra todo lo que necesitas en tu dÃa a dÃa del desarrollo web.</Description>
<Tags>sentidoweb web internet blogs bitácoras weblogs web2.0 estándares css xhtml web-semántica php javascript</Tags>
<Contact>info@blogsmedia.com</Contact>
<Url type="text/html" template="http://sentidoweb.com/bm/mt-search.cgi?IncludeBlogs=1&search={searchTerms}&submit.x=0&submit.y=0&submit=Buscar"/>
<Image height="16" width="16" type="image/vnd.microsoft.icon">http://sentidoweb.com/i/favicon.ico</Image>
<Query role="example" searchTerms="php" />
<Developer>Luis Sacristán Pascual</Developer>
<Attribution>BlogsMedia 2007, Creative Commons (Reconocimiento-NoComercial-SinObraDerivada 2.5)</Attribution>
<SyndicationRight>open</SyndicationRight>
<AdultContent>false</AdultContent>
<Language>es-es</Language>
<OutputEncoding>UTF-8</OutputEncoding>
<InputEncoding>UTF-8</InputEncoding>
</OpenSearchDescription>
Y la lÃnea que hay que añadir a nuestras páginas en el header es la siguiente:
<link rel="search" type="application/opensearchdescription+xml" href="http://dominio/path/opensearch.xml" title="Nuestro buscador" />
El XML de arriba es el que usamos para Sentido Web y aunque su lectura es clara, explicaremos cada una de las etiquetas del XML:
- OpenSearchDescription: es la cabecera del XML de OpenSearch.
- ShortName: contiene el nombre corto que identifica al motor de búsqueda. Debe tener como máximo 16 caracteres.
- LongName: contiene el nombre largo que identifica al motor de búsqueda. Debe tener como máximo 48 caracteres.
- Description: descripción del motor de búsqueda. Debe tener un máximo de 1024 caracteres.
- Tags: conjunto de palabras separadas por espacios que describen el tipo de contenido que nos encontraremos en las búsquedas. Debe tener un máximo de 256 caracteres.
- Contact: e-mail de contacto.
- Url: indica el interfaz que el cliente (navegador) podrá utilizar para realizar la búsqueda. Dispone de varios parámetros que nos permiten personalizar la búsqueda:
- type: tipo MIME del resultado de la búsqueda. Puede ser por ejemplo application/rss+xml para RSS o application/xhtml+xml para XHTML.
- template: la plantilla de la URL para indicar al cliente cómo realizar la búsqueda, usando esta sintaxis.
- indexOffset: contiene el Ãndice del primer resultado de búsqueda.
- pageOffset: contiene el número de la primera página de resultados.
Existen otras etiquetas y se le pueden añadir otras si se indica un xmlns en la etiqueta OpenSearchDescription.
FlickTrans: extensión Firefox para enviar imagenes a Flickr
FlickrTrans es una extensión para Firefox que nos permite subir imágenes que visitamos directamente a Flickr.

El autor nos explica todo el proceso que ha realizado para desarrollar la extensión, para lo cual se ha basado en Uploadr for Flickr 1.0 y luego ha realizado sus modificaciones.
FlickrTrans
Vía / digitta
Kodomo Edit: editor para programadores
Kodomo Edit es un editor multilenguaje para programadores, con caracterÃsticas muy similares al resto de los editores tipo PSPad, EditPlus, Notepad++.

Entre los lenguajes soportados encontramos: Perl, PHP, Python, Ruby, Tcl, JavaScript, CSS, HTML y XML. Además resalta el código mediante colores, comprueba la sintaxis y tiene autocompletadores de código.
Como caracterÃsticas que más me han llamado la atención es su emulación de comandos de Vi y la posibilidad de crear tus propias extensiones mediante XUL como en Firefox.
Kodomo Edit
VÃa / The glass is too big / DZone
3 Comments
Comments are closed.
¡Y es Open Source! ¡Que rebueno!
Asà deberÃa hacerse todo…
Saludos!
Muy intresante, sobre todo que sea OS. Los de yahoo son unos cracks, lastima que no esten en un buen momento.