Artículos con la etiqueta 'CSS'


Ingeniería inversa: el código de compresores

Un aspecto descuidado en el contexto de la Web 2.0 es la protección del código fuente. Con la perspectiva de Fuente Abierta, la Web 2.0 es donde su máxima expresión en la versión beta, compartir y participar en la comunidad sin duda deja en las cuestiones de fondo relacionadas con la protección del código fuente. Recordemos que las secuencias de comandos JavaScript se descargan desde el servidor Web en el navegador como archivos de texto, de manera totalmente visible para el usuario final.
Mientras que el servidor de código está protegido por definición (no es posible acceder al código de una página PHP usando el navegador HTTP, a excepción de los raros casos de mal funcionamiento del servidor web), código de cliente puede ser objeto de una ingeniería inversa.

Sin embargo, no es una simple protección diseñado, desde sus inicios, el tamaño de la secuencia de comandos para dimuire Javascript, ahora convertido en marco real en algunos casos.
De hecho, existen aplicaciones y sitios web que le permiten comprimir (crisis) el código Javascript, pero no sólo. Esta característica, de diferentes maneras, también se puede aplicar a HTML y CSS. El código JavaScript, en particular, además de ser comprimido se puede ocultar, obteniendo de este modo una protección del código (en la vista) como para hacer más complejo el procedimiento de ingeniería inversa.

Diferencias entre HTML, CSS y Javascript son importantes y sustanciales. Mientras que la compresión de páginas HTML y hojas de estilo sólo puede actuar sobre la eliminación de personajes innecesarios o superfluos, como la "cabeza", los espacios del doble ", etc ..., JavaScript es un lenguaje de programación que se puede ejecutar un código especial descomprima a sí mismo.

JavascriptCompressor.com es un servicio gratuito que se puede usar en línea, que permite comprimir el código JavaScript de código fuente. Las opciones hacen que sea extremadamente versátil, mientras que proporciona el oscurecimiento del código.

Por ejemplo, el código de inicio:

1
2
3
MyFunction function () {
"Hello World" ) ; alert ("Hola Mundo");
}

Código con la compresión simple:

1
alert ( "Hello World" ) } MyFunction function () {alert ("Hola Mundo")}

Estándar de codificación:

1
5 , 5 , 'World|Hello|alert|MyFunction|function' . split ( '|' ) ) ) 3 () {2 ("1 0")} ', 5, 5,' Mundo | Hola | MyFunction | | la función "Split. Alertas ('|')))

Obviamente este es un ejemplo, con los códigos de los pequeños no comprime mucho sentido, corre el riesgo de empeorar las cosas y eso es todo (a menos que usted sólo está interesado en el código que dificulta la visión).

Compresor Cruncher MemTronic es también un servicio en línea (como el trabajo anterior en el modo fuera de línea), parcialmente libres en el sentido de que algunas funciones sólo están disponibles en versión de pago (como Obfuscade función). En comparación con el servicio precedende debe proporcionar un mayor rendimiento y seguridad en el código de cifrado. Yo los uso indistintamente, según corresponda.

Peterbe.com no permite Javascript para comprimir (con excepción de los espacios elimando y 'cabeza'), pero propone un compresor para HTML, CSS y XHTML. I, por ejemplo, el uso para comprimir las hojas de estilos.

A menos que utilice algoritmos especiales para los cálculos numéricos, sin embargo, que un peso por el tratamiento de los datos, siempre se puede ejecutar un código de ingeniería inversa, que también comprime. O tarde o temprano, de hecho, el código original debe ser enviado al navegador del intérprete, que lo reconoce (por ahora) sólo en el claro. En el futuro, con nuevas versiones del navegador, este obstáculo puede ser superado. Sería beneficioso si se llevaron a cabo, dentro del navegador, una tecnología capaz de aceptar pre-compilado el código JavaScript, por así decirlo en el sistema binario (si hay algo cifrado ). De esta manera, la agitación de los tiempos descargar scripts, lo que permite una protección natural contra la ingeniería inversa y, por último pero no menos importante, un mejor desempeño en términos de ejecución del script.

Más información ...

Xopus: WYSIWYG editor de XML

Xopus es un editor de XML (HTML) en el modo WYSIWYG a trabajar dentro del navegador. Me había dado cuenta de que ya hace algún tiempo, gracias a un artículo publicado el Ajaxian . Lo menciono ahora porque sigue siendo una propuesta atractiva a la vista web2.0/editor. Es una experiencia interesante! Xopus ha desarrollado muy bien (con el apoyo de Italia), con una excelente implementación del menú de contexto, aunque todavía no está totalmente multi-navegador, la versión actual 3.1 sólo es compatible con Microsoft Internet Explorer (versión 6 y 7 ), aunque los desarrolladores han prometido tan pronto como sea al menos una versión compatible con Firefox (1 de febrero ha sido lanzado en versión alpha 3.1.1 compatible con Firefox 2.0 +).

Como se discutió en otra parte, la cuestión de la compatibilidad (navegadores) a través del navegador, y penaliza frena el desarrollo de herramientas que, incluso sin recurrir a tecnologías especiales, como Adobe Flash o applet de Java, podría aportar una contribución significativa a la Comunidad! Conttibuto impedido - por fin - a partir innecesarias batallas internas de los productores actuales de los navegadores: IE, Firefox, Opera, Mozilla, Safari, ...!

Viendo la demo se puede ver algo más que los editores de HTML, para poner la palabra pobre. Xopus propone tanto la estructura tradicional del editor, y las características avanzadas del estilo de Microsoft Word. Es posible, de hecho, insertado dentro de la página real objetos inteligentes que cumplen ciertas características, haciendo Xopus un caso particular.

Como se indica en la página web:

Xopus es una buena solución para cualquier empresa que cuenta con un sistema de contenido back-end de gestión y front-to-end y sistemas de publicación, pues, que dos sistemas utilizan la información del examen. Esa estructura a la información, a fin de mes Tanto, Por lo tanto es un deber.

Poete ver el vídeo de demostración que se presentan las funciones de edición avanzada. También puede probar una demo directamente.

Más información ...

Web 2.0: Firefox 3.0 Gran Paradiso-y Apolo

Se trata de la versión disponible en línea de Firefox 3.0 Alpha 2 , cuyo nombre en clave Gran Paradiso. Entre las características anunciadas (la versión final se espera para finales de 2007) se puede utilizar el navegador en modo fuera de línea. Todo esto recuerda a Adobe Apollo , que, a pesar de que no se presentaba como el navegador, que evoca las características esenciales.

Más información ...

Net Software

Le pasó a encender la tele, Net TV, como le había pasado a convertirse en la radio Radio Net, por no hablar de la música! Ahora bien, como se ha mencionado en otros posts, ya es oficial para el software para dar vuelta corta en el software Red!

Adobe , que sabemos que ha adquirido recientemente Macromedia, formaliza la Aplicación Web - Web 2.0 - en tiempo real RIA (Rich Internet Applications) con el anuncio de querer tomar en la popular web de software de edición de Photoshop. Es el último ' acuerdo entre Adobe   y Photobucket   poner a disposición en línea de una tecnología de edición de vídeo y remezclar. Gracias a la nueva tecnología desarrollada para Flash 9 con ActionScript 3.0 , Adobe apunta alto, previendo que el plazo de seis meses estará disponible en línea una versión de Photoshop basada precisamente en la tecnología Flash.

De hecho, las nuevas capacidades de ActionScript 3.0 (que incluye proyectos tales como Flex y Apollo - ver también Web2.0: Adobe está tratando de Apolo y Ajax: Rich Internet Application ) lo convierte en el candidato perfecto para la ejecución de cierto en la web de RIA Ajax , por el contrario, vemos derrocado de su trono en este nuevo escenario. A pesar de los innumerables Marco Ajax, algunos de excelente calidad, productos a lo largo de los últimos años, Flash ofrece un entorno más avanzado y fácil de manipular. También hablamos de uno de los plugins más populares del mundo: Flash tiene tras de sí unos cuantos años más que el Ajax y sus derivados.

Además, es obvio que Flash elige, siendo el productor ahora. Sin embargo, hay cuestiones técnicas que pueden ser considerados - hasta la fecha - sólo para ser resueltos de una manera armoniosa con tecnologías como Flash. Echando un vistazo a el nuevo ActionScript 3.0 se dará cuenta inmediatamente del enorme potencial de desarrollo que ofrece esta nueva plataforma. El estándar ECMA del lenguaje y los nuevos elementos puestos a disposición por el marco, lo que permite alcanzar un nivel de detalle posible con versiones anteriores de Flash: una de todos, por ejemplo, la posibilidad de acceder a los datos de mapa de bits de una imagen cargada de duro!

El ataque de Adobe parece svolgerersi a continuación en dos frentes distintos que comparten la tecnología Flash (que recuerde siempre ha sido la capacidad de interactuar activamente con el navegador y luego usando JavaScript en el lado del cliente y las secuencias de comandos del lado del servidor).

El primer ataque vino de fuera, en el lado del navegador, donde la tecnología Apollo es realmente propuesto como una alternativa al núcleo habitual de diferentes plataformas, disponible hoy en día (Windows, Mac OS, Linux, etc ...), el uso de Adobe Apollo , entonces, en lugar navegador para un mejor rendimiento y aplicaciones RIA (true) impensable, evitando así la incompatibilidad entre Internet Explorer, FireFox y el compañerismo. Además, Apollo proporciona una sola plataforma de desarrollo, JavaScript, como el Ajax, pero sin problemas de compatibilidad. Este último punto es un revés significativo a las tecnologías como Ajax, que siguen sufriendo enormemente de los problemas de compatibilidad entre navegadores, no se olvide, también, todo el tema de la salida (renderizado) gráfica CSS!

El otro ataque se realiza directamente desde el interior, llegando a Ajax Framework con tarjeta Flash. El elemento ganador en esta estrategia es el uso de Flash, la tecnología Flash, que se aplica tanto en Flex , tanto en el Apollo , en tanto independiente como ya estamos acostumbrados a ver (simples archivos SWF, por ejemplo)! No hay duda de que este escenario es muy atractivo para los desarrolladores, y la Web. Lo que se hace inmediatamente realizable en reutilizable en diversas formas de Flash, sin forzarme a cambiar una sola línea de código y, además, sin tener que preocuparse acerca de la compatibilidad!

Todo esto, en mi opinión, es un importante paso adelante, un cambio de proporciones considerables que también involucra al mundo de los juegos y Marketing. Hablaremos otra vez pronto, no se equivoquen!

Más información ...

Web 2.0: Adobe está tratando de Apolo?

Apollo es el nombre en clave (por ahora) de un ambicioso proyecto en el mundo para Adobe RIA (Rich Internet Applications) y Web 2.0, como AJAX. Alguien recuerda Macromedia Contribute, Macromedia Central a otra persona. Hay, también, que ve en la unión de Apolo simple - o una oportunidad - para reunir los elementos de Flash y PDF (algo que ya ha sido posible con el papel de Flash)!

Más información ...

Escóndeme

Una característica de las hojas de estilos (los archivos. CSS) es que se pueden especificar en función de la media de salida. Las hojas de estilo permiten especificar la misma clase, lo mismo la etiqueta de identificación misma, etc ... para diferentes medios. Por ejemplo, puedo escribir un archivo CSS con la siguiente sintaxis.:

1
2
3
4
5
6
7
@ Media screen {
display : none } miordenador # div {display: none}
}

@ Media print {
display : block } miordenador # div {display: block}
}

non sarà visibile sul browser, sullo schermo, ma quando provo a stampare la pagina troverò un contenuto diverso da quello che mi aspettavo. Lo que viene al final, es que el contenido del DIV con id myBox no será visible en la pantalla del navegador, pero cuando trato de imprimir la página, encontrará un contenido diferente de lo que esperaba.
Los motores de búsqueda, arañas, rastreadores y los agregadores, por lo general (por ahora) no resuelven el archivo css. Ellos están interesados ​​en ver el contenido, no el formato. Sin embargo, esta técnica podría tener implicaciones interesantes, si no inquietante. Debido a las características de los sistemas de indexación de una situación como la que se muestra a continuación sería por lo menos curioso:

1
2
3
4
5
6
7
"visibile_a_video" > < div id = "visibile_a_video">
p > < p > Contenido visible para video </ p >
</ div >

"visibile_in_stampa" > < div id = "visibile_in_stampa">
p > < p > Contenido visible en la impresión </ p >
</ div >

Correlacionado con un archivo CSS de esta manera.:

1
2
3
4
5
6
7
8
9
@ Media screen {
display : block } visibile_a_video # div {display: block}
display : none } # Visibile_in_stampa div {display: none}
}

@ Media print {
display : none } # Visibile_a_video div {display: none}
display : block } visibile_in_stampa # div {display: block}
}

Google, por ejemplo, indicizzerebbe tanto el contenido de nuestro HTML, incluso si la pantalla sería capaz de ver sólo una. Si es la impresión de la página se encontrará con el contenido de nueva sorpresa. El truco, sin embargo, se reveló mediante la eliminación de la aplicación de estilos en los navegadores que lo soportan. Normalmente nadie se lleva a cabo una operación como esta cuando navegan por Internet. Dicha investigación podría surgir sólo después de encontrar un desajuste entre lo que es visible en la pantalla y lo que se imprime!

Hasta la fecha he visto ningún caso de este tipo de manipulación descarada a través de CSS. En un momento en que fue aumentando su visibilidad en Internet mediante la introducción de una serie de textos, palabras, del mismo color que el fondo de la página web, con el fin de hacer que los ojos oscuros tales artificios de los navegantes. En el momento en los motores de indexación se advirtió en contra de tal "fraude". Tal vez sea hora de anticipar algún bromista antes de crear un precedente?

En la actualidad, la hoja de estilo se utilizan para especificar un rango de tipo de medio de producción. Para obtener una lista completa, consulte el W3C .

Más información ...

Web Developer 1.1.3

Chris Pederick lanza la nueva versión de Web Developer , conveniente add-on para Firefox y otros navegadores, que junto con FireBug hace la vida mejor para los desarrolladores web.
Stumble este comunicado para su buena noticia en comparación a la versión más hacer. Los iconos de la barra de herramientas se han rediseñado, ahora mucho más eficaz. Se incrementó el número de funciones disponibles en el menú como un magnifico mano en tiempo real, las normas y directrices, la capacidad de editar el código HTML. Para ser instalado lo más pronto posible ...

Más información ...

Dinámico Javascript y CSS del archivo

En el Puesto de crear un lector de RSS en PHP y Javascript indirectamente, nos encontramos con una técnica muy interesante que permite crear - en la práctica - un archivo de PHP Javascript.

Más información ...

Internet Explorer 7 (IE7): PNG y CSS todavía muy lejos?

En Redmond deben tener algún problema grande en la captación! Es maravillosamente absurdo que a finales de 2006, siguen siendo la base de una - y - la compatibilidad aproximada entre IE7 y Firefox! A pesar de la versión oficial - aunque con un número limitado de lugares - 7 de Internet Explorer, el motor de renderizado de la página aún adolece de defectos de programación obvio! Sin entrar en muchos detalles evitado lista de sólo dos errores de alto perfil siguen presentes en el lanzamiento oficial!

En primer lugar todos los NPCs se hacen de manera diferente de GIF ... y, peor aún, en la posición absoluta de someterse a extraños contornos, dependiendo de la forma en que se ejecuta en IE! Error obvio? O la locura de algún programador junior?

En la clase CSS seudo: hover todavía no está soportado en todos los TAG, aunque muchos dan por el funcionamiento blog! Pero, ¿qué sistema? Ver W3C ...
Una página muy simple: el último niño es prácticamente ignorado! Microsoft ha apoyado con razón p: first-child. Ahora bien, si se implementa la primera cosa que le cuesta poner en práctica, incluso pasado? Misterio ...

El ápice de lo absurdo, a continuación, se obtiene con listas con viñetas! Oye oye! Internet Explorer 7 se comporta exactamente como IE6! De la serie: que ha traído consigo el código defectuoso? Demasiado muchas copias y pegar, por supuesto! Si Definitie una lista con los cánones y una imagen personalizada como UL LI lista de puntos, no trate de utilizar un elemento de flotación LI, la imagen desaparece misteriosamente, tal como lo hicieron en IE6! El uno, ni que decir, hacer las cosas bien es la costumbre - edad - FireFox!

Blog de IE7 se suman numerosas denuncias. A pesar de que apreciaba los esfuerzos del gigante Microsoft para empezar un blog durante el desarrollo de un software como Internet Explorer 7, sin embargo, permanece la cuestión de la eficacia de esta medida. Realmente escuchó las peticiones de los usuarios de los desarrolladores? El blog se ha abierto con IE7 demasiado tarde?

Una vez más tenemos que esperar para una aventura de Service Pack que viene ...

Más información ...

Las clases y de identificación en CSS

nei fogli di stile. Estos son algunos consejos breves sobre cómo utilizar class y la id de las hojas de estilo. Tenga en cuenta que una vez que el uso de técnicas avanzadas de JavaScript, como por ejemplo el uso de motores de Ajax, pueden entrar en conflicto con las recomendaciones hechas aquí! Y al final veremos por qué.

Más información ...



Deje de SOPA