Artikel Tagged 'CSS'
Mit Eingabe und Beratung von David Salerno Ich habe versucht, das Laden von undolog.com, dass Aktivitäten, als eine Angelegenheit von "Zeit", lege ich immer weg zu optimieren. Eigentlich war ich nicht in der Lage, all die wertvollen Tipps von David bewerben, aber ich schaffte es gibt ein nettes "aufzuräumen" und reduzieren Ladezeiten sowieso!
Reduzierung von Widgets und Badget antipixel
Die erste Operation ich tat, war, um die Belastung durch die verschiedenen Widget in den Blog eingefügt produziert zu minimieren:
- Ich lehnte die Zeilen in Widgets angezeigt MyBlogLog : 10 bis 5 Zeilen
- Ich löschte den Blogroll aus antipixel
- Die Bibliothek aNoobi zeigt 2 Bücher statt 5
Mehr ...
Vor über einem Jahr schrieb ich einen Beitrag ( Dynamic HTML mit JavaScript ), die einige Techniken, um dynamisch hinzuzufügen Stylesheets und Skripten in eine HTML-Seite geladen werden dargestellt. Wer nutzt prototype.js kann das Leben erheblich vereinfachen, indem zum Beispiel:
1 2 3 4 5 6
| "dom:loaded" , Dokument zu beobachten ("dom: loaded"., function () { new Element ( "script" , { type : "text/javascript" , src : "/js/altro.js" } ) ; var script = new Element ("Drehbuch", {type: "text / javascript" src "/ js / altro.js"}); ) [ 0 ] . insert ( script ) ; $ $ ('Head') [0] einfügen (Skript).; } ); |
Nachdem die Seite geladen ist ( document.observe ) fügt ein neues Skript JavaScript! Für Stile das ist genau dasselbe!
Mehr ...
Es war eine lange Zeit, dass ich diesen wertvollen Dienst gewidmet Programmierung Welt zeigen wollte. Snipplr (Code 2.0) ist ein wahres Schriftart oder-Repository von nützlichen Code-Snippets. Sie können sich kostenlos und senden Teile ihres Codes zu registrieren und vor allem genießen Sie die vielen Snipp bereits vor Ort. Ich habe viele Sprachen (Actionscript, ASP, C #, MatLab, PHP, Rails, SVN, etc ...), alles gut sortiert und katalogisiert behandelt. Sie können auch eine praktische WordPress-Plugin finden Sie auf unserem Blog ein Snipp-Schwanz durch seine einzigartige ID anzuzeigen.
Mehr ...
Direkt von der AIR-Team geschrieben, ist dieser Leitfaden unter dem lizenziert Creative Commons Namensnennung-Keine kommerzielle Nutzung-Weitergabe unter gleichen Bedingungen 3.0 Lizenz Kurz: es ist frei zugänglich! Trotz seiner Einfachheit, es enthält eine Menge interessanter (und richtig, da ist das Team zu schreiben AIR) zu AIR-Anwendungen mit JavaScript, HTML und CSS zu entwickeln. Dank Ajaxian, können Sie den Text im PDF-Format herunterzuladen, klicken Sie bitte hier , oder - wenn Sie es vorziehen - Sie können es auf Bestellung Amazon . Bei Adobe Labs finden Sie weitere nützliche Informationen.
Mehr ...
Wenn Shadowbox sein Fenster öffnet, um einen Inhalte (Bilder, iframes, Movie, etc ...), Displays, wartet auf ein animiertes Gif, die im Paket kommt zu zeigen. Wenn die Seite mit Shadowbox ist auf dem gleichen Niveau der Bilder Ordner, funktioniert alles einwandfrei. Standardmäßig in der Tat, für die animierte GIF-Bilder unterhalb Shadowbox / loading.gif aussehen - oder Bilder / Laden-light.gif, wenn Sie Licht Stile (Schattenboxen light.css) wählte. Ansonsten, und oft gibt es auch das Risiko von nicht accorgesene, wenn wir in einem anderen Baum bist, erzeugt es einen schönen Code 404 - Seite nicht Träger, in unserem Fall-Datei wurde nicht gefunden!
Zur Lösung des Problems nur initialisieren Shadowbox mit einem geeigneten Parameter, die zur absoluten Pfad zu dem Ordner Bilder zeigt: undolog.com von, zum Beispiel, legte ich das animierte GIF der Laden direkt in der Wurzel in der Bilder-Ordner (wie etwa eine Milliarde andere Sites
. Um diese Ordner zugänglich Shadowbox, unabhängig von dem Weg, trat ich semplicemenete:
1 2
| / / Init shadowbox mit assetURL Parameter assetURL : 'http://www.undolog.com/' } ) ; Shadowbox Init ({assetURL: 'http://www.undolog.com/'}).; |
Mehr ...
Planetozh hat ein erstellt schöne Landschaft der dynamisches Instrument , das alle JavaScript-Bibliotheken wie Lightbox auflisten können.
Mit einer Tafel (siehe Bild links) mit einer Anzahl von "Ticks" (Checkbox), die die verschiedenen Funktionen der Bibliotheken angeben, können Sie einen Filter wodurch man eine Liste von einem oder mehreren Bibliotheken, die den Job zu erledigen. Wir hoffen, dass der Autor dieser tollen Seite unterhält aktualisierte, sehr nützlich im Befreien von einer der zahlreichen und mächtigen Bibliotheken dieses Typs.
Mehr ...
Durch Drehen an verschiedenen Blog (danke Frank) und durch Gespräche mit Julius , wurde mir klar, dass zusätzlich zu dem extremen Interesse an Adobe AIR , gibt es auch viel Verwirrung, und das zu Recht. Beide Entwickler und Anwender weiterhin nicht klar sein, was es ist, was Sie zu dienen und wie Entwicklungen in Adobe AIR . Ich beschloss daher, um die verschiedenen Themen in dieser Art von Hilfe zu sammeln, zu versuchen, ein wenig ", was tatsächlich verbirgt sich hinter Adobe AIR zu löschen.
Mehr ...
Update: E-lementi.com zusammengeführt hat saidmade.com
Insgesamt Verjüngungskur bei meinem Studio ! Arbeitet an genossen vor allem den Teil wo ich die neuesten Arbeiten, Prototypen und Logo-Redesign werden 
Mehr ...
Update: Blogbabel geschlossen - alle Dienste, Widgets und Plugins sind nicht mehr aktiv
Wann müssen Sie "verify" eine neue Technologie, ist das Beste, was zu tun finden Sie eine Anwendung zu schreiben und hart arbeiten, um es zu erreichen. Auf diese Weise lernt man viel in kurzer Zeit. Sie haben ein Ziel zu haben, wirklich! Ich erkläre, dass ich nichts zu tun haben Blogbabel Italien. Einige werden denken, dass ich für sie arbeiten ...
Absolut nicht! Der Grund wählte ich, dies zu erreichen ist aufgrund der Tatsache, dass ich den Code hatte in Flash (ActionScript 3.0 Final Release) und ich wollte sehen, was auf neu zu schreiben die Anwendung in AIR / HTML geht. Und dann, jetzt bin ich zu diesem "Smash" das Ranking Blogbabel befestigt 
Um dieses "erste" AIR-Anwendung nach numeose Tests zu erreichen, habe ich nur verwendet Dreamweaver. Blogbabel Rang totalemte wird in der Luft / HTML geschrieben. Um die Laufzeit Download zu installieren Adobe AIR und klicken Sie hier .
Mehr ...
Hier ist noch ein weiterer neu veröffentlichten Dezente JavaScript-Bibliothek für Bildergalerien und vieles mehr. LightView in 2.0.0_rc1 Release , über weitere Funktionen, für die "offene" Fenster mit dem Inhalt, dass über die bloße Bild geht: Flash-Filme, QuickTime , Form und IFRAME! Im Vergleich zu der vorherigen Version (1.1.0 - die Griffe nur Bilder), dann ist diese Release Candidate erweiterten Funktionen sind auch in anderen Bibliotheken . . Die Werkzeuge von erforderlichen Lighview zu arbeiten, sind sehr gut bekannt Prototype 1.6.0.2 und Scriptaculous 1.8.1 . Gliattributi verwendet, um die Bibliothek zu verwalten sind class und rel .
Interessante einen Aspekt dieser Bibliothek ist die extreme Sorgfalt, mit der die Grafik angezeigt wird.
Bewertung: 9 - Startseite LightView
Mehr ...
Neueste Kommentare
Giovambattista Fazioli : @ Nik: Ich bin glücklich! Viel Glück dann!
Nik : Ich habe Montag Informationen über Java-Prüfung, dank mir, Sie hat uns sehr geholfen, das Buch, das ich war unklar ...
Mark : Vielen Dank, ich habe angezündet
Ich löste es, indem Sie [cc_objc] / / OptionViewController.m - ...
Giovambattista Fazioli : @ Mark: Ich schlage vor, Sie denken, ein richtiger Ansatz. Wenn Sie das Unterklasse der Registerkarte ...
Louis : sehr klar und einfach ich muss zugeben, dass das Schreiben eines pa kaum Delegaten verwenden, erstellt von ...