CSS

La tecnología Flash ha sido desde siempre una de las principales prioridades de Adobe. Con una defensa a capa y espada (sobre todo contra Apple y sus declaraciones hacía dicha tecnología)Adobe no ha dejado de apostar por ella, al fin y al cabo ya no sólo es por “adornar” la web sino que es, aunque esto va cambiando, complemento imprescindible para la visualización de vídeos en internet.

Pero viendo el panoráma y como las tendencias cambian está claro que Adobe se ha tenido que replantear el tema y sin abandonarlo a su suerte apuesta por nuevas formas de enriquecer la web. Por ello ha presentado Adobe Edge.

Edge es una plataforma que permite crear animaciones web usando HTML5, CSS y Javascript. La nueva aplicación se puede descargar de forma gratuita desde la web para probarla y ver su potencial. De momento, parece ser que la idea es que coexista junto a Flash pero como apuntan en Genbeta mas bien parece una evolución de Flash a largo plazo. Y es que, pese al soporte de Flash por parte de algunos sistemas operativos móviles como Android, lo cierto es que para esos pequeños gadgets es una tecnología poco eficiente.

¡Gracias a Andrés por avisar también de dicho lanzamiento!

Vía | Genbeta
Más información | Adobe Edge
En Applesfera | Adobe lanza una herramienta de conversión de Flash a HTML5

Sorpresa de última hora la que nos ha dado Apple hoy: sin ningún tipo de aviso ha lanzado iAd Producer, una herramienta oficial que nos permite crear nuestros anuncios para la plataforma iAd de publicidad que llegó junto con iOS 4. A sabiendas que un anuncio para iAd se puede hacer con cualquier editor de código, Apple nos proporciona con iAd una herramienta optimizada para ello que nos facilita el trabajo.

Concretamente, iAd Producer nos ofrece plantillas para anuncios, un editor visual con una librería de componentes semejante a lo que ya están acostumbrados los usuarios del Interface Designer de XCode, animaciones en HTML5 y CSS preparadas, un simulador para probar nuestro anuncio en un iPhone, y por supuesto una herramienta avanzada para edición y resolución de errores con javascript.

La interfaz de la aplicación recuerda ligeramente el diseño del nuevo iPhoto’11. Básicamente, Apple nos ha dado una forma muy visual para poder crear nuestros anuncios sin complicarnos y al mismo tiempo ofrece una herramienta potente para los profesionales que prefieran tocar el código directamente. Podemos conseguir el programa si somos miembros del iOS Developer Program de Apple, y accedemos a la página de descarga introduciendo nuestras credenciales.

Vía | MacStories
Sitio oficial | iAd Producer

CSSEDit, aplicación de MacRabbit, una gran aplicación para trabajar con hojas de estilo en cascada (CSS Style Sheet) no tiene soporte para el autocompletado de la versión CSS3. Pero no pasa nada, gracias a unos sencillos pasos vamos a poder agregarlo. Veamos cómo añadir autocompletado de CSS3 en CSSEdit.

Lo primero que necesitamos es descargar un archivo .plist desde la web de Jessedodds. Una vez en nuestro disco duro nos dirigimos a la ubicación donde tengamos la aplicación CSSEdit. Y como en otras tantas ocasiones, hacemos clic con el botón secundario abriendo un menú donde eligiremos Mostrar Contenido del paquete. Ahora vamos a la carpeta Resources y ahí dentro arrastramos y soltamos el archivo AutoCompletion.plist que hemos descargado previamente.

Cerramos, lanzamos CSSEdit y probamos. Ya tenemos soporte para poder usar el autocompletado y facilitarnos un poco el trabajo con las nuevas propiedades que incorpora CSS3. Una última cosa, podéis hacer el reemplazo sin problemas pues en la carpeta descargada tendremos una copia de seguridad del archivo original.

Vía | Mac Stories
Descarga | CSS3 propiedades autocompletado para CSSEdit
En Applesfera | CSSEdit

Aunque cualquier página web se puede ver cómodamente en el iPad y en el iPhone, Apple ya demostró que con un poco de pericia y la ayuda de unas funciones javascript se puede emular la interfaz del iPhone OS sin problemas. Ahora la empresa ha extendido esa posibilidad al iPad, y ha desvelado un nuevo framework llamado AdLib que consigue emular perfectamente el aspecto y comportamiento de la interfaz del tablet de Apple.

Como su predecesor PastryKit, AdLib hace uso de HTML, CSS y Javascript para poder incluso reflejar la inercia de los desplazamientos de las zonas interactivas de la interfaz del iPad, con un comportamiento idéntico. El código realizado por Apple calcula esos aspectos, al mismo tiempo que va redibujando en tiempo real las barras de desplazamiento.

Para los valientes que quieran echarle un vistazo al código, éste se compone de 4300 líneas y por lo que se ha visto está optimizado para el iPad y no es general para el resto de dispositivos multitáctiles de Apple. Parece que la interfaz dividida que Apple mostró con Mail ha triunfado, y no me extrañaría ver versiones de webs optimizadas para el iPad de esta forma a corto plazo. La primera de ellas, por ejemplo, ya se ha hecho notar.

Vía | MacRumors
Más información | Código comentado del framework
Vídeo | Youtube

Por motivos personales, me estoy introduciendo poco a poco en el mundo de la programación Web. Tengo que aprender rápido para que todo avance a su debido ritmo, y entre las necesidades que me van surgiendo se encontraba la urgente necesidad de buscar un programa para trabajar con Subversion.

En un primer momento, había resuelto parte de mis necesidades con Cornerstone, pero desgraciadamente cuando actualicé a Snow Leopard me percaté de que el programa había dejado de funcionar en el nuevo sistema operativo de Apple. Tenía que buscar una variante, y no sabía que en realidad ya la conocía, solo que dado el escaso uso que le había dado a dicho programa, se me había pasado por alto sus posibilidades.

Coda, desde su versión 1.5 trae integración con Subversion, tal vez el más popular gestor open source de versiones para el desarrollo de un trabajo. Y tal como alardean en Panic, Coda es un editor de CSS sencillo y “Cool”.

Leer más

Viendo la historia más reciente de Apple parece evidente que en Cupertino no son muy amigos del motor Flash de Adobe, y mediante el nuevo Safari que vendrá incluído en Snow Leopard, Apple introducirá efectos tridimensionales renderizados a partir de CSS.

Además, todos estos efectos tridimensionales con CSS han sido propuestos como estándares, de modo que a medio plazo, si son aceptados, podríamos ver todos estos efectos en cualquier navegador que soporte esta tecnología.

De todos modos, todavía queda el problema de elegir un formato de vídeo, sustituto del flash video que se ha impuesto ahora, para que se reproduzca sin ningún tipo de plug-in en todas las páginas web que cuenten con HTML5. Apple apuesta por su H264, mientras que otras firmas apuestan por el Ogg Theora.

Vía | Macrumors
Vídeo | Youtube

Seguro que los que os dediquéis al diseño web conoceréis CSSEdit, un estupendo editor de hojas de estilo en cascada CSS. Una aplicación que aconsejo pues facilita muchísimo la edición de archivos CSS tanto a usuarios noveles (con sus carácteristicas de autocompletado, inspector X-Ray,...) como a expertos en la materia.

Pues bien, ahora los chicos de Macrabbit nos sorprende con Espresso. Una aplicación muy a tener en cuenta que verá la luz en Noviembre pero que si sois impacientes podéis registraros para ver si os aceptan como betatester.

Espresso ofrecerá un navegador de etiquetas HTML en forma de arbol, posibilidad de contraer código de forma que iremos visualizando lo que nos interesa evitando el mareo que genera tanto código, incorporación de pestañas, previsualización instantánea, un buscador, posibilidad de trabajar con FTP fácilmente y lo más novedoso “sugars”, extensiones que seguro dan mucho juego.

A simple vista y tras ver las capturas de la web oficial se hace muy goloso, pidiendo firmemente ser digno de una oportunidad una vez se lance. Cosa que yo sí haré personalmente y ver si sustituye algunas de mis actuales aplicaciones para dichos propositos.

¿Arrollará a Coda?, Programa de Panic que junto a su precio nunca llego a ocupar un sitio imprescindible en mi disco duro.

Vía | ThinkWasabi
Más información | Espresso

El número de seguidores de Google Reader va aumentando según pasa el tiempo ya que no tenemos que usar nuestro propio ordenador para acceder a nuestros feeds.

Lo único “malo” es el típico diseño Google que a pesar de ser sencillo y funcional no tiene ese feel & look Apple que tanto nos gusta. Por ello os voy a mostrar como , gracias a los chicos de Hickdesign, podremos cambiar su aspecto.

Leer más

Nuestro lector Daniel nos manda un interesante enlace con un widget que trae una chuleta (acepción 3) para poder consultar la sintaxis de CSS cuando lo necesitemos.

Dividido en categorias, podremos seleccionar que parte del código queremos repasar: sintaxis, selectores, propiedades, unidades… Incluso podremos ver gráficamente como es la estructura de una caja CSS para luego podrer diseñar la nuestra propia sin temor a confundirnos de propiedad.

Muy cómodo tenerlo a mano si empezamos a utilizar las hojas de estilo en nuestras webs, o quizás para repasar algún concepto y despejar cualquier duda.

¡Daniel muchas gracias por el aviso!

Sitio oficial | Method Arts