Artikel Tagged 'CSS'
Ein vernachlässigtes Thema in den Kontext des Web2.0 ist der Schutz des Quellcodes. Mit Blick auf Open Source, ist Web 2.0, wo die größten Ausdruck in der beta, teilen und an die Gemeinde sicherlich Blätter im Hintergrund Fragen im Zusammenhang mit dem Schutz des Quellcodes. Erinnern wir uns, dass die Skripts JavaScript in den Browser aus dem Web-Server, wie z. B. Text-Dateien heruntergeladen, so dass sie sichtbar an den Endverbraucher sind.
Während der Code-Server per Definition geschützt ist (es unmöglich ist, den Code einer PHP-Seite über das HTTP-Browser-Zugriff, außer in seltenen Fällen malfuzionamento Web Server), kann der Client-Code unterliegen einer Reverse Engineering.
Allerdings gibt es einen einfachen Schutz entwickelt, von den Anfängen bis zur Größe dimuire JavaScript-Skripte, jetzt Wirklichkeit werden Rahmen, in einigen Fällen.
Es gibt in der Tat Anwendungen und Websites, die Sie komprimieren (crunch) die Javascript-Code zu ermöglichen, aber nicht nur. Diese Funktion, die in unterschiedlicher Weise, kann auch HTML-und CSS angewendet werden. Der JavaScript-Code, insbesondere kann zusätzlich zu der komprimierten versteckt werden, wodurch ein Sicherheits-Code (on demand), dass das Verfahren komplizierter Reverse Engineering macht.
Unterschiede zwischen HTML, CSS und Javascript sind wichtig und wesentlich. Während die Komprimierung von HTML-Seiten und Stylesheets können nur über die Beseitigung von unnötigen oder überflüssigen Zeichen wie 'Kopf', 'double spaces', etc. ... zu handeln, ist Javascript eine Programmiersprache, die dann ausgeführt werden kann mit einem speziellen Code Entpacken Sie sich.
JavascriptCompressor.com ist ein kostenloser Service, online verfügbar, so dass Sie JavaScript-Quellcode zu komprimieren. Die Optionen ist er vielseitig einsetzbar und gleichzeitig die Verdunkelung des Codes.
Beispiel-Code der Abreise:
1 2 3
| Funktion MyFunction () { "Hello World" ) ; alert ("Hallo Welt"); } |
Compression-Code:
1
| alert ( "Hello World" ) } Funktion MyFunction () {alert ("Hallo Welt")} |
Encoding normalen
1
| 5 , 5 , 'World|Hello|alert|MyFunction|function' . split ( '|' ) ) ) 3 () {2 ("1 0")} ', 5, 5,' World | Hallo | Meldungen | MyFunction |. Funktion 'Split (' | '))) |
Offensichtlich ist dies ein Beispiel ist, mit kleinen komprimierten Code nicht wirklich viel Sinn machen, riskieren Sie, dass alles noch schlimmer und das ist es (sofern Sie nicht nur sind im Code die den Blick interessiert).
Compressor MemTronic Cruncher ist auch ein Online-Service (wie die bisherigen Arbeiten im Offline-Modus), teilweise frei in dem Sinne, dass einige Funktionen nur in kostenpflichtigen Version zur Verfügung (wie die Funktion Obfuscade). Im Vergleich zu den vorangegangenen Service bieten sollte eine bessere Leistung und Sicherheit der Verschlüsselung. Ich benutze sie wahllos, wie angemessen.
Peterbe.com nicht erlaubt Javascript zu komprimieren (es sei denn, dass eliminiert Räume und "Kopf"), sondern schlägt einen Kompressor für HTML, CSS und XHTML. Ich zum Beispiel, ich benutze es, um die Style-Sheets komprimieren.
Sofern Sie spezielle Algorithmen Knirschen jedoch, dass lasten die Verarbeitung von Daten verwenden, können Sie immer eine reverse engineering des Codes, einschließlich der komprimiert. Oder früher oder später in der Tat muss das Original-Code an den Interpreter des Browsers, die ihn erkennt (bis jetzt) nur im Klartext gesendet werden. In der Zukunft, mit neuen Versionen von Browsern, konnte dieses Hindernis zu überwinden werden. Es wäre vorteilhaft, wenn sie umgesetzt wurden, innerhalb des Browsers, eine Technologie in der Lage zu akzeptieren vorkompilierte JavaScript-Code, so in binären sprechen (wenn überhaupt verschlüsselt ). Dieses schneidet die benötigte Zeit, um das Skript herunterzuladen, so dass ein natürlicher Schutz vor Reverse Engineering und, last but not least, eine bessere Leistung in Bezug auf die Ausführung des Skripts.
Fortsetzung ...
Xopus ist ein XML-Editor (HTML) im WYSIWYG-Modus, die innerhalb des Browsers. Ich hatte schon vor einiger Zeit aufgefallen, dank eines Artikels auf freigesetzt Ajaxian . Ich erwähne das jetzt, weil es einen interessanten Vorschlag in die Landschaft web2.0/editor bleibt. Es ist eine interessante Erfahrung! Xopus hat wirklich gut (mit italienischer Unterstützung) entwickelt, mit einer exzellenten Umsetzung des Kontextmenüs, obwohl noch nicht vollständig Cross-Browser, der aktuellen Version 3.1 nur Microsoft Internet Explorer (Version 6 und 7 unterstützt wird ), jedoch haben die Entwickler so schnell wie mindestens eine kompatible Version mit Firefox (1. Februar hat in freigegeben worden versprochen Alpha-Version 3.1.1 ist kompatibel mit Firefox 2.0 +).
Wie bereits an anderer Stelle, verlangsamt sich die Frage der Vereinbarkeit (Cross-Browser) über den Browser, und bestraft die Entwicklung von Werkzeugen, auch nicht mit speziellen Technologien wie Java-Applets oder Adobe Flash, könnte einen wichtigen Beitrag für die Gemeinschaft! Conttibuto behindert - schließlich - vor unnötigen internen Kämpfe der derzeitigen Hersteller von Browsern: IE, Firefox, Opera, Mozilla, Safari, ...!
Anzeigen der Demo werden auch sehen, etwas mehr als einfache HTML-Editor, um es klar zu sagen. Xopus vorschlägt, ist die klassische Struktur des Editors, den Stil und die erweiterten Funktionen von Microsoft Word. Sie können in der Tat, geben die echten Smart-Objekte, die bestimmte Eigenschaften erfüllen, so dass Xopus ein besonderer Fall.
Wie auf der Website angegeben:
Xopus ist eine gute Lösung für alle Unternehmen, die eine Back-End Content Management System und in-Front-End-Publishing-Systeme und zwei Systeme, die deshalb mit der Untersuchung Informationen hat. Diese Struktur zu Informationen, um beide Runden zu kommen, deshalb ist ein Muss.
Sie können ein Video- Demonstration, dass die erweiterten Bearbeitungsfunktionen eingeführt. Sie können auch eine Demo direkt ausprobieren.
Fortsetzung ...
Es ist erhältlich Online-Version von Firefox 3.0 Alpha 2 mit dem Codenamen Gran Paradiso. Unter den Features angekündigt (die finale Version ist für Ende 2007 erwartet), können wir den Browser im Offline-Modus verwenden. All dies erinnert Adobe Apollo, die, obwohl sie nicht als Ihrem Browser, ruft es die wesentlichen Merkmale.
Fortsetzung ...
Es war der TV Net TV-Gerät einzuschalten, da passiert war, eine Radio-Net Radio zu werden, nicht auf die Musik zu erwähnen! Nun, wie in anderen Beiträgen erwähnt, ist es offiziell für die Software, um kurzfristige Netto-Software zu verwandeln!
Adobe , das wissen wir seit kurzem Macromedia erworben, formalisiert die Web Application - Web 2.0 - in Echtzeit RIA (Rich Internet Applications) mit der Ankündigung zu wollen auf der beliebten Web-Editing-Software Photoshop nehmen. Es ist die neueste " Vereinbarung zwischen Adobe und Photobucket zur Verfügung zu stellen Online eine Technologie für die Bearbeitung und Video-Remix. Dank der neuen Technologie für die Entwicklung Flash 9 mit ActionScript 3.0 , zielt Adobe hoch, davon aus, dass innerhalb von sechs Monaten zur Verfügung stehen Online-Version von Photoshop genau auf Flash-Technologie basiert.
In der Tat, die neuen Möglichkeiten der ActionScript 3.0 (mit Projekten wie Flex und Apollo - siehe auch Web2.0: Adobe ist es, Apollo versucht und Ajax Rich Internet Application ) macht ihn zum perfekten Kandidaten für die Umsetzung der wahren auf der Web Ajax RIA Auf der anderen Seite sehen wir verdrängt von seinem Thron in diesem neuen Szenario. Trotz der unzähligen Ajax Framework, einige hervorragende, produzierte während der letzten Jahre, bietet Flash eine Umgebung am weitesten fortgeschrittene und leicht zu manipulieren. Auch wir über eines der weltweit beliebtesten Plugins Diskussion: Flash hat es hinter ein paar Jahre älter als Ajax und Derivate.
Darüber hinaus ist es offensichtlich, dass die Adobe Flash wählt er den Produzenten, die jetzt. Allerdings gibt es technische Probleme, die berücksichtigt werden können - bis heute - nur in einer harmonischen Anwendung von Technologien wie Flash gelöst werden. Ein Blick auf die neue ActionScript 3.0 haben wir sofort die enormen Möglichkeiten der Entwicklung dieser neuen Plattform angeboten. Der ECMA-Standard Sprache und neue Elemente zur Verfügung gestellten Rahmen können Sie einen Detaillierungsgrad möglich mit früheren Versionen von Flash zu erreichen: eine von allen, zum Beispiel die Fähigkeit, Daten aus einem hochgeladenen Bild Bitmap Zugang hard!
Der Angriff von Adobe scheint an zwei Fronten so ausgeprägt, dass sie gemeinsam die Flash-Technologie (die Erinnerung schon immer die Fähigkeit, aktiv mit dem Browser und dann mit Javascript Client-Seite und Server-seitiges Scripting interagieren worden) zu nehmen.
Der erste Angriff erfolgt außerhalb, auf der Browser-Seite, wo die Technologie Apollo wirklich als Alternative zu den üblichen Kern der verschiedenen Plattformen, heute verfügbar (Windows, Mac OS, Linux, etc. ...); Adobe wird vorgeschlagen, Apollo , dann, statt Browser für die beste Leistung und Anwendungen (RIAs real) undenkbar, also unter Umgehung der Inkompatibilität zwischen Internet Explorer, FireFox und Kameradschaft. Darüber hinaus Apollo bietet eine einheitliche Entwicklungsplattform, JavaScript-like Ajax, aber ohne Kompatibilitätsprobleme. Dieser letzte Punkt ist ein bedeutender Rückschlag für Technologien wie Ajax, die noch leiden sehr mit Fragen der Browser-Kompatibilität, vergessen Sie nicht, zudem machte die ganze Angelegenheit (Rendering) grafische CSS!
Der andere Angriff von innen und traf Ajax Framework mit Flash-Karte. Die Gewinner dieser Strategie liegt in der Verwendung von Flash, Flash-Technologie, die anwendbar ist, sowohl in Flex , sowohl in Apollo , sowohl als Standalone-Version bereits zu sehen (einfache SWF-Datei zum Beispiel) gewöhnt! Es besteht kein Zweifel, dass dieses Szenario sehr attraktiv für Entwickler ist, und Web. Was wird sofort realisierbar Flash-Mehrweg auf verschiedene Weise, ohne dass ich eine einzige Zeile Code zu ändern und darüber hinaus, ohne sich Gedanken über die Kompatibilität!
Dies ist meiner Meinung nach, ist ein wichtiger Schritt nach vorn, eine Änderung von beachtlichen Ausmaßen, die auch die Welt der Spiele und Marketing. Wir werden bald wieder zu sprechen, keinen Fehler machen!
Fortsetzung ...
Apollo ist der Codename (bis jetzt) ein ehrgeiziges Projekt in der Welt für Adobe RIAs (Rich Internet Applications) und Web 2.0, einschließlich Ajax. Jemand erinnert sich Macromedia Contribute, Macromedia Central an jemand anderen. Es gibt auch, der sieht in Apollo einfache Vereinigung - oder Chance - zusammen zu bringen Elemente von Flash und PDF (etwas, was bereits machbar mit Flash Paper)!
Fortsetzung ...
Eine Besonderheit der Style Sheets (CSS files.) ist je nach Ausgabemedium angegeben werden. Die Style Sheets ermöglichen es Ihnen, die gleiche Klasse, die gleiche die gleiche ID-Tag, etc. ... für verschiedene Medien anzugeben. Zum Beispiel kann ich eine Datei Css mit folgender Syntax.:
1 2 3 4 5 6 7
| @ Media screen { display : none } div # mybox {display: none} }
@ Media print { display : block } div # mybox {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. Was es am Ende geht, ist, dass der Inhalt des DIV mit id myBox nicht sichtbar auf dem Browser-Bildschirm, aber wenn ich auf die Seite zu drucken versuchen wird einen anderen Inhalt von dem, was ich erwartet hatte zu finden.
Suchmaschinen, Spinnen, Raupen und Aggregatoren, in der Regel (noch) nicht lösen die CSS-Datei. Sie sind interessiert bei der Betrachtung der Inhalt nicht die Formatierung. Allerdings könnte diese Technik haben interessante Auswirkungen, wenn nicht störend. Aufgrund der Merkmale der Systeme der Indizierung eine Situation wie die unten gezeigte wäre zumindest neugierig:
1 2 3 4 5 6 7
| "visibile_a_video" > < div id = "visibile_a_video"> p > < p > Content auf dem Bildschirm sichtbar </ p > </ div > "visibile_in_stampa" > < div id = "visibile_in_stampa"> p > < p > Content sichtbar in print </ p > </ div > |
Korrelierte mit einer Datei Css wie dieses.:
1 2 3 4 5 6 7 8 9
| @ Media screen { display : block } # Visibile_a_video div {display: block} display : none } div # visibile_in_stampa {display: none} }
@ Media print { display : none } div # visibile_a_video {display: none} display : block } # Visibile_in_stampa div {display: block} } |
Google zum Beispiel sowohl Index der Inhalte unserer HTML, selbst wenn der Bildschirm sehen wir nur einen. Wenn wir die Seite zu drucken finden Sie eine überraschend neue Inhalte. Der Trick würde jedoch durch den Wegfall der Anwendung von Stilen in Browsern, die dies unterstützen enthüllt werden. Normalerweise niemand führt eine Operation dieser Art beim Surfen im Internet. Diese Umfrage erfolgt erst nach dem Auffinden eines Unterschiedes zwischen dem, was auf dem Bildschirm sichtbar und was gedruckt wird!
Bis heute habe ich keine Fälle dieser Art von krasse Manipulation mit Hilfe von CSS zu sehen. Zu einer Zeit versucht, die Sichtbarkeit im Internet mit einer Reihe von Texten, also von der gleichen Farbe wie der Hintergrund der Webseite zu erhöhen, damit diese dunkle Künstlichkeit in den Augen der Seefahrer. Mit der Zeit werden die Triebwerke Indizierung der Hut vor dieser "Betrug". Vielleicht ist es Zeit, einige Joker erwarten, bevor Sie einen Präzedenzfall zu schaffen?
Derzeit Style Sheets ermöglichen es Ihnen, eine Vielzahl von Ausgabemedien angeben. Eine vollständige Liste finden Sie in der W3C .
Fortsetzung ...
Chris Pederick veröffentlicht neue Version von Web Developer , bequem Add-on für Firefox und andere Browser, die zusammen mit FireBug macht das Leben besser für Web-Entwickler.
Stumble diesem Release für seine Neuheit als die viel Gutes tun. Die Toolbar-Icons wurden überarbeitet, nun viel effektiver. Es stieg die Zahl der verfügbaren Funktionen auf der Speisekarte, als eine bequeme Vergrößerung in Echtzeit, Regeln und Richtlinien, die Fähigkeit, die HTML bearbeiten. Um so schnell wie möglich installiert werden ...
Fortsetzung ...
In Post Erstellen eines RSS-Reader in PHP und Javascript indirekt trafen wir eine sehr interessante Technik, die zur Erstellung erlaubt - in der Praxis - eine Datei von PHP JavaScript.
Fortsetzung ...
In Redmond müssen einige große Problem auf die Aufnahme! Es ist wunderbar absurd, dass am Ende des Jahres 2006 gibt es immer noch die Grundlage für eine - auch - etwa die Kompatibilität zwischen IE7 und Firefox! Trotz der offiziellen Veröffentlichung - wenn auch mit einer begrenzten Anzahl von Standorten - 7 von Internet Explorer die Seite Rendering-Engine leidet immer noch unter offensichtlicher Mängel in der Programmierung! Ohne in vielen Details abgewendet Liste nur zwei hochkarätige Bugs sind immer noch präsent in diesem offiziellen Release!
Zunächst NPCs sind anders GIF gemacht ... und, schlimmer noch, in absoluten Position unterziehen seltsame Konturen je nachdem wie Sie wiederum IE! Offensichtliche Fehler? O Wahnsinn einiger Junior-Entwickler?
Auf der CSS Pseudo-Klasse: hover ist noch nicht auf allen TAG unterstützt, obwohl viele für das Blog läuft zu nehmen! Aber auf welchem System? Siehe W3C ...
Ein einfaches T: last-Kind ist praktisch ignoriert! First-child: Microsoft hat zu Recht p unterstützt. Nun, wenn es das erste implementiert, um das umzusetzen, was es Sie sogar zuletzt die Kosten? Geheimnis ...
Die Spitze des Absurden, dann ist mit Aufzählungen erhalten! Hört, hört! IE7 verhält sich genau wie IE6! Serie: Sie haben mit fehlerhaften Code gebracht? Zu viele Copy & Paste natürlich! Wenn eine endgültige Liste der kanonischen UL LI und eine benutzerdefinierte Liste als ein Punkt, nicht versuchen, einen Schwimmer LI-Element verwenden, verschwindet das Bild auf mysteriöse Weise, wie sie auf IE6 hat! Der eine, unnötig zu sagen, die Dinge zu machen rechts ist die übliche - old - FireFox!
Blog von IE7 gibt es viele Beschwerden. Obwohl es die Bemühungen der Microsoft Behemoth, einen Blog bei der Entwicklung von Software wie IE7 starten geschätzt, jedoch bleibt die Frage nach der Effektivität dieser Bewegung. Sie haben wirklich zugehört, die Anfragen der Nutzer-Entwickler? Der IE7 Blog wurde zu spät eröffnet werden?
Wieder einmal müssen wir nur für einen Service-Pack nächste Abenteuer warten ...
Fortsetzung ...
nei fogli di stile. Hier sind einige kurze Tipps, wie Sie mit class und id in Stylesheets. Denken Sie daran, dass, sobald der Einsatz moderner JavaScript-Techniken wie die Verwendung von Ajax-Motoren können in Konflikt mit den hier gegebenen Ratschläge kommen! Und am Ende werden wir sehen, warum.
Fortsetzung ...
Neueste Kommentare
Mark : @ Mark: Danke für die Antwort. Zum Beispiel, wenn Sie einen Code zum Speichern / haben Sie die Ordner ...
Mark : Danke für die Antwort. Zum Beispiel, wenn Sie einen Code zum Speichern / haben Sie die Ordner ...
Giovambattista Fazioli : @ Mark: Im Prinzip, absolut, hängt viel ab, wie und was zum Download bereit. La ..
Mark : Hallo, guter Führer! Ich wollte fragen, können Sie den gleichen Code, um eine SQL-Datenbank laufen? Statt ...
Joseph : Hallo Ich wollte Sie fragen, wie können Sie in der Post finde ich hochgeladen einer Galerie von 50 Bildern, zum Beispiel ...