ACERCA DE · CONTACTO · RSS · ·

despuesdegoogle

internet y pos(t)modernidad


Atención: Este blog ya no se actualiza. Desde el 22 de agosto de 2011 se ha integrado en el nuevo blog tiempos pos(t)modernos, que te invitamos a visitar



Archive for the ‘css’ Category

Adobe Edge, descarga esta nueva herramienta para crear animaciones en HTML 5

leave a comment

Adobe Edge
Lo mismo que Dreamweaver es un editor de páginas web que genera código HTML, y Flash un editor de animaciones que genera archivos SWF, el nuevo producto de Adobe quiere ser un (¿o quizás el? editor de animaciones que genera código HTML 5 para poder subirse al carro del nuevo estándar, y salvar así una parte de la cuota de mercado que Apple le ha recortado desde que lanzó su contundente campaña contra Flash.
La nueva herramienta fue presentada durante el Adobe MAx del pasado octubre, y ahora está disponible para su descarga gratuita la primera preview. Versiones para Mac (51 Mb) y Windows (65 Mb)
Adobe Edge usa los estándares HTML 5, CSS 3 y JavaScript.

Vía Genbeta

Written by emiligene

agosto 1st, 2011 at 10:45 am

Posted in css,desarrolloWeb,javascript

Tagged with , ,

CSS3 Generador, crea hojas de estilo de forma gráfica e intuitiva

one comment

css3 generator
Interfaz gráfico para definir el borde redondeado, color, opacidad, sombreado, color del fondo… Con un previsualizador del efecto final, y la posibilidad de generar código que soporte las extravagancias de IE 7 y 8. Basta darle al botón Get the code y habremos obtenido el código CSS3 correspondiente de forma absolutamente intuitiva.

Enlace: CSS3 Generator

Written by emiligene

abril 17th, 2011 at 8:11 pm

Posted in css

Tagged with , ,

Iconos iOS 4 hechos en CSS

leave a comment

Apenas hace unos días que ha salido la nueva versión del sistema operativo del iPhone y ya se han publicado los correspondientes jailbreaks (en realidad, ya estaba disponible antes del lanzamiento oficial de iOS 4)
Además, la ligera renovación estética ha inspirado a algunos virtuosos en hojas de estilo, lo mismo que en anteriores ocasiones pasó con Homer Simpson, las Meninas o el sistema solar entre otras impresionantes traducciones de imágenes a puro texto codificado.
Graphicpeel publica una colección de 11 iconos de iOS 4 creados con CSS3, que sólo podrás renderizar correctamente con un navegador basado en Webkit como Chrome o Safari. Haz la prueba con Firefox y comprobarás la diferencia actual en el soporte al estándar CSS3.

Vía Ajaxian

Written by emiligene

junio 28th, 2010 at 6:20 pm

Posted in css

Tagged with , ,

El sistema solar en CSS3

leave a comment

Si tenemos a Homer Simpson hecho en hojas de estilo, ¿por qué no todo el sistema solar? Ahí está, girando con sus planetas cada uno de ellos a su velocidad, de forma que podemos hacernos una idea clara de cómo es este particular baile espacial. Una joya de desarrollo web, un trabajo de lo más didáctico. Para estudiantes de astronomía, pero también para aficionados a las hojas de estilo: podrán comprobar cómo en IExplorer las órbitas no son circulares o elípticas sino cuadradas.

Enlace: Our Solar System
Vía Ajaxian

Written by emiligene

mayo 23rd, 2010 at 12:30 am

Posted in css

Tagged with ,

El pésimo soporte de los navegadores a CSS3

leave a comment

Viendo esta comparativa (clic en la imagen para ampliar) publicada por FindMeByIP, comprobamos que no hemos avanzado demasiado en el respeto a los estándares web, desde los tiempos nefastos en que Internet Explorer intentó redefinir la web como si se tratase de una propiedad privada. De Microsoft, claro.
La página original se completa con gráficos referentes al soporte a selectores CSS3, aplicaciones HTML5, contenido embebido HTML5, códecs de audio y vídeo HTML5 y formularios HTML5.

En conjunto, el navegador que sale peor parado es Internet Explorer, pero Opera también evidencia carencias (corregidas en la versión 10.5 para Windows) El mejor, Chrome 5, seguido de cerca por Safari.

Written by emiligene

mayo 16th, 2010 at 11:37 pm

Posted in css,navegacion

Tagged with

Página de error 404, en CSS3

leave a comment

Error 404 (página no encontrada), seguramente el código HTTP más famoso de toda la WWW, ha inspirado un sinfín de diseños, como los que puedes ver en SoyGik, GeeksRoom o 404.es

Hoy he descubierto uno más, con el interés añadido de que está hecho en CSS, una tecnología destinada a definir la presentación de páginas web pero que, en manos de diseñadores ingeniosos, ha permitido crear desde tipografías a un retrato de Homer Simpson.

Enlace (Vía WebKitbits)

Written by emiligene

marzo 23rd, 2010 at 1:48 pm

Posted in css

Tagged with

Curtis CSS, una fuente creada con hojas de estilo

leave a comment

David Desandro ha creado una fuente tipográfica solamente echando mano de código CSS, bajo una licencia Creative Commons para que cualquiera pueda usarla.
Otra heroicidad / curiosidad que se añade a otros ejemplos bien conocidos, de las Meninas a Homer Simpson dibujados con CSS.

Enlace: Curtis CSS
Vía Ajaxian

Written by emiligene

marzo 21st, 2010 at 3:11 pm

Posted in css

Tagged with ,

Las meninas en 3D con CSS

leave a comment

Sin palabras.
Tienes el código en Ajaxian

La genialidad es de Román Cortés

Written by emiligene

diciembre 15th, 2009 at 10:12 pm

Posted in css

Tagged with ,

El opening de Star Wars en HTML, CSS y JavaScript

leave a comment

Toda una demostración de ingenio y sabiduría ¿Puede un simple código web generar una de las animaciones más famosas de toda la historia del cine? Guillermo Esteves anuncia la maravilla, que mostramos aquí en forma de animación Flash, por si acaso tu navegador no puede renderizar correctamente la página original, limitada experimentalmente a Safari 4 en Mac OS X 10.6 Snow Leopard


http://www.youtube.com/watch?v=wTbioEQ_FcE

Visto en Ajaxian

Written by emiligene

diciembre 2nd, 2009 at 9:18 pm

Posted in css,friki,javascript

Tagged with

Google modifica su tipografía con código CSS no estándar

leave a comment

GoogleWebkitCSS

Sólo pueden ver los nuevos botones los usuarios de Chrome y Safari (navegadores basados en Webkit) ya que han sido creados mediante dos nuevos elementos (webkit-rounded-corners y webkit-gradient) implementados unilateralmente por Webkit hace un año y que no forman parte de CSS estándar.

¿Se repite la historia de JScript, cuando un Microsoft eufórico decidió imponer en el mercado su propio e incompatible JavaScript?
¿Google, aquejado de propietarismos que contradicen su militancia en los estándares abiertos?

La noticia, en TechCrunch

Written by emiligene

octubre 8th, 2009 at 9:19 am

Posted in css,navegacion

Tagged with ,