Salta al contingut principal

Sorprendente simulador de Photoshop en página web


Adobe Photoshop es una de las aplicaciones más usadas por todo aquel que haga gráficas y probablemente sea el estándar de facto en el mundo del diseño gráfico. La realidad es que es un programa robusto, bien escrito, que hace muchísimas tareas gráficas en un abrir y cerrar de ojos. En cada versión photoshop se mejora y a veces parece magia lo que logra hacer con algunos clicks del ratón (y mucha tecnología de software). Por ello, sorprende un poco que alguien se le haya ocurrido hacer una versión de Photoshop que funcione en una página web… ¡y que funcione así!


Escribir un programa como Adobe Photoshop no es tarea fácil, pues finalmente involucra mucha teoría y práctica sobre cuestiones de graficación. Igualmente, es claro que los creadores de Photoshop han optimizado muchísimos de sus algoritmos y estos deben estar escritos -probablemente- en código nativo (ensamblador), pues es evidente que de otra manera algunos procesos tardarían al menos un par de minutos y Photoshop los hace casi instantáneamente. Considerando esto, el trabajo de este programador anónimo (no encuentro su nombre por ninguna parte), es de asombrarse.


En esta página , el autor indica que “El siguiente es un simulador realístico de Photoshop, escrito por mí en HTML5, CSS3 y jQuery/Javascript. El soporte a diferentes navegadores no ha sido probado, excepto en Google Chrome (no he tenido tiempo para esperar que Firefox abra siquiera)”.


Pero no se hable más. Entra a la página mencionada y ve cómo ya se pueden tener aplicaciones de semejante calibre en el propio navegador. Es claro que con HTML5, CSS y Javascript, el mundo de la programación ha cambiado para siempre.


Eso sí, es un simulador así que es normal que tenga fallas…porque en realidad es una broma no en balde tiene ese URL.


Referencia:


Simulador Photoshop








via Matuk.com http://www.matuk.com/2012/10/24/sorprendente-simulador-de-photoshop-en-pagina-web/

Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows]

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows] : El actual “cuello de botella” en nuestras PCs; es decir, donde todo el rendimiento de nuestra PC llega a estancarse , es en el Disco Duro. Si bien los procesadores han evolucionado considerablemente en velocidad / rendimiento, el RAM no sólo es más económico, sino más veloz, y las tarjetas de video siguen innovando con cada generación, los discos duros han permanecido idénticos desde hace años, limitados por la física. Y es que un disco duro tradicional sólo tiene un máximo de velocidad con el que puede girar (medido en revoluciones por minuto, o RPM) que, a su vez, limita la velocidad de lectura y escritura. En pocas palabras, a pesar de que nuestras PCs pueden procesar información mucho más rápido que hace 5 años, los discos duros siguen leyendo (y escribiendo) esta información prácticamente a la misma velocidad. Esto ha cambiado con la llegada de los SSD, los Discos de Estado Sólo que no están limitados por la velo...

El meu editor de codi preferit el 2024, que això ja se sap que va canviant 😄

Visual Code Visual Code és un editor de codi font lleuger, però potent que s’executa al teu escriptori i està disponible per a Windows, macOS i Linux. Compta amb suport integrat per a JavaScript, TypeScript i Node.js i té un ric ecosistema d’extensions per a altres llenguatges i entorns d’execució (com C++, C#, Java, Python, PHP, Go, .NET).  És una eina ideal per a desenvolupar i depurar aplicacions web i en el núvol. Per què Visual Code? Visual Code té molts avantatges com a editor de codi font, com per exemple: És gratuït, ràpid i fàcil d’instal·lar i actualitzar. Té un ampli ecosistema d’extensions que et permeten afegir funcionalitats i personalitzar la teva experiència de desenvolupament. Té un suport integrat per a molts llenguatges i entorns d’execució, i et permet depurar i executar el teu codi des del mateix editor. Té una interfície senzilla i elegant, amb diferents temes i modes de visualització. Té un sistema de sincronització de configuracions que et permet guardar les...