Si ya tienen una web en funcionamiento y tenían pensado contratar a alguien para que se las tradujese a otros idiomas, pongan un momento el freno, al menos si están bajos de presupuesto, ya que hoy les voy a mostrar un nuevo recurso web que les puede ayudar.

La web se las dejo al final del post, y aunque se ofrecen servicios de pago, con traductores especializados que garantizan una traducción en contexto y perfecta, también nos dan la posibilidad de ver como nuestra web, de reducido tamaño puede cambiar de idioma de forma sencilla y sin gastarse ni un solo euro accediendo a una traducción automática que ellos nos proporcionan.

Evidentemente, no es que nos vaya a quedar lo mismo, porque ya se sabe que en automático muchos conceptos se pierden, pero si hemos utilizado un lenguaje sencillo, el resultado puede ser más que pasable, y al menos podremos ir tirando mientras que no conseguimos mayor cantidad de dinero para contratar a un verdadero traductor. Me parece sin duda una gran idea para llegar a un mercado globalizado. ¿Cómo lo ven?

Más info | smartling

En la actualidad existen multitud de servicios que nos brindan la oportunidad de realizar tareas que antes eran exclusivas de aplicaciones de escritorio a través de nuestro navegador usando recursos online. Forman parte de lo que se ha dado en llamar “la nube” y de esa tendencia a considerar el software como un servicio.

En el apartado de entornos de desarrollo ya hay algunos intentos de trasladar la experiencia completa de un entorno IDE a la Web con resultados desiguales. Ahora Exo, una compañía dedicada a desarrollar soluciones empresariales en la nube basadas en el paradigma de “Platform as a Service” (PaaS) o “plataforma como servicio”, ha creado Cloud IDE.

Se trata de un completo entorno de desarrollo que ofrece desde la escritura del código hasta el despliegue de las aplicaciones usando su propia plataforma (servicios y frameworks) como base. Actualmente soporta Java y el objetivo del proyecto es el de ofrecer varios entornos de desarrollo más, incluyendo Rails o .Net

Entre algunas de las características a destacan la integración con el sistema de control de versiones distribuido Git, ofrece la posibilidad de desplegar la aplicación en local o en remoto a través de Git o War, rápida configuración de nuevos dominios para el desarrollo con edición colaborativo de forma instantánea, desarrollo de servicios REST o HTML5, entre otras.

Cloud IDE se encuentra en beta privada y para poder probarlo es necesario registrarse dando un email y una URL libre válida dentro del servicio. Sin embargo, el proceso de la petición apenas tarda unos minutos y se puede empezar a probar sus posibilidades sin esperar demasiado.

La aplicación de WordPress para iOS, que desarrolla Automattic, cumple su función para usos puntuales. Sin embargo, está un poco lejos de ser la solución ideal para editar y publicar contenidos en movilidad.

No se puede negar que desde su lanzamiento en julio de 2008 ha mejorado de forma constante, publicándose actualizaciones frecuentes que han ido añadiendo estabilidad,  mayor rendimiento y nuevas características, imprescindibles para aprovechar mejor las capacidades del nuevo hardware y el potencial de administración de WordPress.

Después de tres meses de desarrollo se ha publicado la versión 2.7 de WordPress para iOS con mejoras importantes de rendimiento y fiabilidad de uso. Todo ello debido principalmente a la migración del almacenamiento local a Core Data, el API de gestión de bases de datos que provee el propio kit de desarrollo de Apple.

Por otra parte, el protocolo XML-RPC ha sido actualizado para evitar problemas de conexión, mejorando así notablemente la fiabilidad.

Quizá lo más destacable para el usuario junto a estas mejoras internas es la renovación del interfaz del editor de artículos que permite subir varios archivos multimedia al mismo tiempo. Se ha añadido además la ya estándar funcionalidad de “arrastrar para actualizar”, presente en tantas otras aplicaciones,  que aquí permite refrescar el contenido de todas las vistas en formato lista.

Estas son únicamente las novedades más importantes de esta versión que cuenta con más de 100 correcciones de fallos. Un pequeño aviso: si actualizáis desde la versión anterior los datos almacenados se migrarán al nuevo formato y esto puede traer consecuencias inesperadas. Si deja de funcionar lo aconsejable es borrar y reinstalar la aplicación de nuevo.

Si os hablamos hace unos días sobre la implementación de App Tabs en la beta 4 de Firefox, Chromium ya lleva esta funcionalidad activada en sus versiones más recientes, se trata de WebApps por las que puede tener pestañas como aplicaciones activas. Esto es un principio hacia un forma de trabajo a través de aplicaciones web.

Y es que es interesante, ya se está trabajando en estas aplicaciones, como es el caso del lanzamiento de los productos live de Microsoft, o MobileMe de Apple, los navegadores web tienen muy presenta también esta nueva tendencia y tanto Firefox como Chromium ya lo están implementando.

Chromium ya tiene activo en sus últimas versiones la posibilidad de agregar estas aplicaciones, aunque difere un poco con respecto a las extensiones de Firefox, ya que estas son aplicaciones están ya creadas y que deberás arrastrar a la ventana activa para usarlas. La idea de Mozilla es crear una app directamente desde una página.

Así mismo Google está trabajando en la Web Store por la que pretende lanzar este tipo de aplicaciones para navegadores dentro de poco tiempo. Lo que nos permitirá tener un amplio abanico de aplicaciones en nuestro navegador y podemos deciros que para aplicaciones como Redes Sociales, ofimatica, calendarios, email… funcionan francamente bien.

• Pagina proyecto Chromium

- En los primeros minutos hemos estado viendo la historia del HTML, desde sus inicios hasta el día de hoy, HTML 5.

- Hemos estado viendo los estilos de diseño que lleva HTML 5, tales como elemento content, video, imagen, pie de página, etc.

- Anteriormente, el lenguaje de codificación de HTML era puro text/html, mientras que por el contrario ahora en HTML5 cambia la serialización a application/xhtml+xml o application/xml.

- Algunas de las diferencias entre XHTML vs HTML en cuanto a etiquetas tales como rel=”stylesheet”, span, etc. que en HTML5 mejoran con diferencia. También algunas de las nuevas mejoras son los atributos globales que implementa HTML5 (ejemplo: @style, @title, @role, @draggable, etc.).

- Surgen nuevos elementos estructurales, tales como <section>, <header>, <footer>, <nav>, <article>, <aside>. El por qué se creó estos nuevos elementos es porque se usaban etiquetas para cada parte de una sección de una página web, esto es, una sección para la cabecera, otra para el lateral, otra para el contenido, otra para el menú y otra para el pie de página, en vez de definirlo como anteriormente hacíamos: <div class=”footer”>.

- Una de las ventajas frente al anterior HTML es que todo está mucho más estructura y jerarquizado, ya hay una etiqueta para casi todo, lo que hace que sea más fácil identificar qué es una imagen, un video, contenido, texto, etc. Todo ello intentando aunar una compatibilidad en todos los navegadores web.

- Luego vienen los formatos de vídeo y audio. ¿Cómo afecta a HTML5? HTML5 tiene soporte para WebM, que es el formato que usa YouTube, disponible y compatible ya para los navegadores web Google Chrome, Opera 10.60, Firefox y IE9. Es el camino a seguir, pero aún queda para que haya un estándar de vídeo y audio para todos los navegadores web.

- Se incluye una nueva etiqueta para la geolocalización (geolocation API), para usarlos sobre todo en terminales móviles. También se pueden usar para aplicaciones web, tales como geoposicionar la foto que hemos subido a nuestra galeria de fotos para saber desde donde la tomamos y tener una mayor experiencia de usuario. Para ello, el navegador web debería preguntar si quiere compartir su geolocalización para hacer uso de esta.

- El uso de las cookies pasan a mejor vida y se usan los “web storage“, que hay dos: session storage (para uso actual del navegador y para las páginas del mismo origen), local storage (páginas del mismo origen pero para múltiples ventanas). Esto lo que hace es aumentar la seguridad a través de la etiqueta <storage> y poder evitar hacer ataques cross-directory. También permite guardar bases de datos sql en el propio navegador.

- La capacidad de tener las aplicaciones web offline. Para ello es necesario tener los recursos de estas aplicaciones también offline que se define en el manifest.

Adobe ha firmado una alianza junto con Sourceforge para lanzar una plataforma Open@Adobe para animar a desarrolladores a trabajar en proyectos de código libre. Esta alianza pretende fomentar los programas abiertos de Adobe en tecnologías como Flex y otros estándares y especificaciones para aplicaciones en internet.

Esto puede ser una medida para contrarrestar la confrontación con la tecnología HTML5 de código libre frente a Flash de Adobe, de código cerrado y demostrar que también se puede crear proyectos de código libre con la tecnología de Adobe.

Sea por propio interés o más por una necesidad ya que la tendencia de las aplicaciones en internet sean de código libre. Adobe esta dando pie a desarrollar a través de su tecnología aplicaciones que se integren mejor con las nuevas tendencias en internet.

Una de las últimas confrontaciones de los últimos meses protagonizada por Adobe y Apple sobre el uso de aplicaciones de código libre ha demostrado que Adobe provee de buenas soluciones pero que HTML5 da libertad a los desarrolladores a la hora de programar sus aplicaciones.

Sitio Oficial Open@Adobe

Fuente Genbeta y ReadWriteWeb

Desde el día de ayer ya está disponible la beta del primer SP1 o actualización de Windows 7. Ya se puede descargar desde los servidores de Microsoft. Esta actualización se podría considerar como menor ya que no ofrece nuevas funcionalidades al Sistema operativo.

Esta beta del SP1 instalará soporte a través de drivers para nuevos productos y nuevas marcas. Además ofrece mayor compatibilidad con nuevas tecnologías.

Para saber como realizar la descarga sigue leyendo este artículo y te lo explicamos mejor ya que requiere de un método para poder actualizar.

A través del enlace de descarga que pondremos más abajo nos solicitará cual es nuestra ocupación, en este punto deberás elegir “IT Worker”, “IT Manager” o “Developer” ya que si elegimos otra opción no nos permitirá descargar la actualización.

Hecho esto se descarga un activador para suscribirnos a “Beta Channel” y “Deve Channel” que también es indispensable. Después de esto ya comenzará a descargase la beta de SP1 para Windows 7.

Descarga Beta SP1 Windows 7

Fuente genbeta

Una de las mejores aplicaciones de escritorio para editar en Css es Dreamweaver, no obstante si utilizas varios equipos o te resulta más comodo editar con herramientas online puedes utilizar estas herramientas que te proponemos.

CSSDesk – Online CSS Sandbox

Una de las mejores herramientas online para editar Css ya que puedes previsualizar los cambios de forma rápida y simple. Permite colorear el código además puedes descargar el archivo resultante una vez termines de editarlo. Te recomendamos que lo pruebes.

CSS Formatter and Optimiser

Con esta herramienta puedes pegar directamente tu archivo Css o enlazar a la ruta donde tienes alojado el mismo para poder editarlo. Además dispones de un informe con los cambios realizados al archivos Css.

Online CSS Editor

Con Online Css Editor puedes editar directamente tu Código y además previsualizar los cambios y una vez terminado tu trabajo te permite al igual que CSSDesk exportar a un archivo.

CSS Compressor

Con CSS compressor puedes optmizar tu Código de forma que puedes subir tu código y comprobar la validez del mismo, para después poder reeditarlo.

CSS Formatter and Optimiser

Al igual que el anterior te permite subir tu código y reeditarlo a la vez que te informará de la validez del mismo.

Si te han resultado interesante estas herramientas cuéntanos con cual te sientes más cómodo a la hora de editar tu código.

Free CSS Toolbox

Se trata de una aplicación para Windows la cual permite editar y dar formato al código, incluso validar mientras se escribe; incluye una herramienta para comprimir el archivo y ahorrar espacio. También incluye la opción de resaltar partes de código y corrector se sintaxis; es un excelente recurso y es gratis.
Enlace | Free CSS Toolbox

Simple CSS

Se trata de otro editor gratuito, que corre en Mac, Windows y Linux; permite manejar proyectos con varias hojas de estilo e incluye una herramienta para validar el código (sólo soporta la especificación CSS2).
Enlace | Simple CSS

JustStyle CSS

Esta aplicación cuenta con una interfaz más potente con muchas opciones disponibles; se enfoca más a la edición mediante la interfaz gráfica que a la edición manual. Corre en Windows, Linux, Mac, OS/2 y algunos oros sistemas, ya que se encuentra hecho en Java. Es un programa gratuito también.
Enlace | JustStyle CSS

Personalmente me gusta usar este tipo de programas, sobretodo por las herramientas disponibles, como los colores en palabras clave y propiedades. Mi favorito es CSSEdit, de MacRabbit, que aunque no es gratuito, para mi, es el mejor editor CSS que existe en cualquier plataforma. Para ver la lista completa de todas las aplicaciones, visita el artículo original en The Design Mag.

Muchas ocasiones los diseñadores, además de tener el navegador de Internet abierto, también tienen abiertos infinidad de programas para poder hacer su trabajo. Y, si eres usuario de Firefox, tenemos magníficas noticias para tí.

La comunidad de desarrollo del Mozilla Firefox, ha logrado que los desarrolladores programen infinidad de agregados; y entre ellos, muchos muy útiles para los diseñadores. Aquí cubriremos 19 agregados que nos permitirán elegir colores, medir dimensiones, guardar imágenes, etc.

Aunque por otro lado, te advertimos que, entre más agregados instales, más lento se volverá el Firefox (seguramente ya lo sabías).

Herramientas de Color

Colorsuckr: Ya te hemos hablado de éste agregado en algún post anterior; pero te lo recordamos, ColorSuckr elegirá los 12 colores más comunes de una imagen para permitirte hacer una paleta de colores basada en dicha imagen.

ColorZilla: ColorZilla permite obtener una lectura desde cualquier punto del navegador, lo cual, permite ajustar el color y pegarlo a otros programas. Además de identificar colores, permitirá medir la distancia entre dos puntos determinados.

FirePalette: FirePalette añade una herramienta de selección de color al pánel CSS de Firebug y así, podrás elegir colores compatibles con CSS.

Palette Grabber: Permitirá que puedas hacer una paleta de color, de cualquier página web que visites para después exportarla a Photoshop, Flash, PaintShop Pro, GIMP, Adobe Fireworks, etc.

Herramientas de medición

GridFox: Podrás dibujar una cuadrícula encima de cualquier página web, para medir las columnas de la misma, además de poder hacer otras mediciones.

MeasureIt: Una manera fácil y rápida de dibujar una regla alrededor de cualquier elemento de una página y ver que tan grande es en pixeles.

Pixel Perfect: Permite que los diseñadores puedan incrustar su composición arriba del progreso del desarrollador, para ver que tanto falta para terminar un proyecto, y que ajustes se deberán hacer.

Herramientas varias

Firebug: Generalmente es asociado con desarrolladores, pero los diseñadores pueden utilizarlo para inspeccionar la disposición de los elementos de una página, así como el CSS.

Font Finder: Te permitirá resaltar cualquier elemento en una página para ver la información CSS del mismo. Es especialmente útil cuando se requiere identificar una fuente.

View Dependencies: Añade un “lengüeta” a la “información de la página” para que se puedan ver todos los archivos asociados con la página, junto con su peso. Con ésto te podrás dar cuenta que elementos son los que están retardando la carga de cierta página.

Web Developer: No le hagas mucho caso al nombre, los diseñadores, podrán inspeccionar, editar y deshabilitar el CSS, así como las gráficas. También puede ser utilizado para medir elementos, redimensionar el navegador, desplegar el CSS por tipo de archivo y bastante más.

Window Resizer: Permite que puedas ver cualquier página en diferentes resoluciones: 640×480, 800×600, 1024×768, 1280×800, 1280×1024 y 1600×1200.

Herramientas para capturas de pantalla

Abduction!: Permite guardar una porción de una página o guardarla toda, para poder mostrar problemas potenciales a otras personas. También se puede imprimir o copiar cualquier imagen que hayas guardado.

FireShot: Nos dará múltiples opciones para poner las imágenes en cierto tipo de página, la cual, podrás enviar por correo electrónico, guardar o subir a cualquier host.

Image Zoom: Elige el tamaño al cual deseas redimensionar una imagen para que puedas revisar en que calidad quedará una vez redimensionada.

Picnik: Permitirá guardar una imagen de la página que estés visitando y enviarla directamente al editor de imágenes en línea, Picnik.

Pixlr: Puedes editar y abrir imágenes que has tomado directamente en el editor de imágenes en línea conocido como Pixlr.

Screengrab: Podrás capturar el documento completo, o sólo la parte visible. Este agregado sólo guardará los elementos de una parte de la estructura de la página, si así se desea, así mismo, podrá guardar imágenes provenientes de elementos de Flash o JavaScript.

Talon: Se trata de un agragado que permite tomar capturas de pantalla que pueden ser guardadas en tu ordenador para que puedan ser abiertas por el editor de imágenes en línea Phoenix.

Esperemos sea de utilidad, y para acceder a todos y cada uno de los agregados, lo tendrás que hacer por medio de la página donde se encuentra el artículo original.

Vía | sitepoint