Yahoo! Developer Network hat einen großen Artikel über die 34 Möglichkeiten, die Geschwindigkeit Ihrer Webseite veröffentlicht. Sie teilen diese 34 Methoden in 7 Kategorien:

• Inhalt
• Server
• Cookies
• CSS
• Javascript
• Bilder
• Mobile

Einige der Praktiken sind ein wenig schwierig und hart für die meisten Menschen umzusetzen. Zum Beispiel die Einrichtung eines Content Delivery Network ist keineswegs eine triviale Aufgabe, und ist wohl überflüssig, es sei denn Ihrer Website Zehntausende von Besuchern pro Tag dient.

Weitere Hinweise sind recht einfach und gibt Dinge, die jeder erfahrene Web-Entwickler sollte schon tun, dh indem Stylesheets am oberen Rand der Seite und Optimieren von Bildern.

Dies ist ein großer Artikel vorgemerkt behalten, wenn Sie ein neues Projekt angefangen haben oder wenn Sie schauen, um eine bestehende zu verbessern!

Popularity: 8% [?]

Regelmäßige Leser meines Blogs wissen, daß ich ein stolzer Benutzer des Getting Things Done System bin und Liebe mit einer To-Do-Liste auf meiner Aufgaben zu verwalten. Also, wenn ich gefragt wurde, zu einer Überprüfung der Swift To-Do-Liste, ich war zu schreiben ziemlich aufgeregt, es zu versuchen und sehen, wie es mit meiner derzeitigen Pen & Paper-Methode vergleicht.

Swift To-Do-Liste Online ist eine Web-Anwendung durch Dextronet erstellt. Obwohl genannt To-Do-Liste, ist es in der Tat viel mehr. Als Online-Anwendung, der größte Grund für die Verwendung ist es, dass die Aufgaben zugegriffen werden kann und geändert werden wann immer Sie haben Zugang zum Internet. Zum Glück für mich, ich bin fast immer vor einem Computer, so dass es sehr bequem ist. Es könnte interessant sein, die Eingabe von jemandem erhalten, der nicht immer Zugang zum Internet haben, um ihre Gedanken zu diesem Tool.

Merkmale
Im Hinblick auf die Scher-Reihe von Features, das ist bei weitem die ich gesehen habe auf jedem zur Liste Software zu tun. Hier einige der bemerkenswerten Ones:

• Hierarchischen Baumstruktur zu organisieren, Aufgaben
• Fähigkeit zur Fälligkeit setzen und integrierte Erinnerungen für Aufgaben
• Import-Listen von XML-Format
• Exportieren Sie Listen in HTML-oder CSV-Format
• User-Management für die Zusammenarbeit und Aufgabenverteilung
• Notizen hinzufügen / files / Medien auf einzelne Aufgaben

Das letzte Feature ist ein riesiges ein meiner Meinung nach. Mit jeder Aufgabe, die Sie haben, können Sie assoziieren formatierte Notizen, Dateien, Ordner und Links zu tun. Eine Menge, wie oft die Aufgabe selbst kann in einer Zeile beschrieben werden, sondern alle zusätzliche Dinge, die mit der Aufgabe gehen müssen irgendwo gespeichert werden. Da der Benutzer Notizen und Links direkt zu einem Vorgang hinzugefügt werden, ist es wirklich hilft bei der Organisation.

Zum Beispiel könnte ich eine Aufgabe sagen: "Dieses Dokument drucken im Büro" haben und dann einfach schließen Sie das Dokument mit der Aufgabe, anstatt sie einem USB-Stick oder per E-Mail, um mich zu retten. Not a big deal, aber auf jeden Fall hilfreich!

Eine Menge Leute (mich eingeschlossen), wie die Dinge einfach halten, aber es ist wichtig, daran zu erinnern, dass nur, weil alle diese Funktionen angeboten werden, heißt nicht, dass man es zu benutzen! Sie können Swift To-Do-Liste als einfache oder so komplex wie Sie es brauchen werden.

User Interface

In echte Web 2.0-Mode, Swift To-Do-Liste Online arbeitet genau wie eine Desktop-Anwendung. Die Benutzeroberfläche erinnert mich an Microsoft Outlook mit seinen 3-Panel anzuzeigen. Die Tasten (sehr nett Symbole nach dem Weg) sind groß und intuitiv einfach zu bedienen.

Web-Entwickler aus einer Perspektive, das kann ich wirklich zu schätzen wissen Detail und Mühe, damit der Benutzer-Schnittstelle nutzbar und frei von Fehlern stellen. Da ich meinen Anteil an Web-UI-Programmierung zuvor getan habe, verbrachte ich ein paar Minuten versucht, "Pause" die UI mit gemeinsamen Versehen, aber es war schön zu sehen, dass sie alle für entfielen.

Meiner Meinung nach, ein paar Dinge, die hinzugefügt werden, um die Erfahrung zu verbessern könnten, sind:

• Tastenkombinationen - ich liebe Tastenkombinationen
• iPhone App - Dies würde die Anwendung zu öffnen, um ein großes Publikum, dass eine vielfältig to-do-Liste Anwendung zugänglich zu jeder Zeit überall will.

Preis
Mit einer Web-Anwendung dieses Kalibers, ist kein Wunder, um herauszufinden, dass sie nicht frei ist. Die Online-Version kommt zu einem monatlichen Kosten in 4 verschiedenen Pläne von $ 9,95 auf $ 225,95 pro Monat. Der Unterschied zwischen den Varianten sind die Anzahl von Benutzern erlaubt (von 1 bis unbegrenzt) und die Menge an Speicherplatz, um Dateien mit bestimmten Aufgaben zugeordnet (von 100MB bis 50GB) speichern können.

Für die meisten Menschen, sollten die grundlegenden persönlichen Plan genug sein. Die höherrangigen Pläne sind eindeutig auf die Unternehmen, die große Projekte mit vielen Beiträgen verwalten möchten, ausgerichtet. Ich sehe es als äußerst hilfreich für einen Manager, Aufgaben zu vergeben und zu verfolgen Projekt Fortschritt durch diese Web-Anwendung, vor allem, wenn das Amt ist dezentral organisiert.

Sie bieten eine kostenlose 30-Tage-Testversion, so dass Sie versuchen können, um zu sehen, wenn es Ihnen gefällt. Oder lesen Sie die Live-Demo zu sehen, ob die Eigenschaften Ihre Bedürfnisse!

Fazit
Swift To-Do-Liste ist einer der komplettesten und Funktion verpackt Online-to-do-Listen-Software Ich bin gekommen, über. Ich versuchte nicht, mit ihren Features für die Zusammenarbeit noch seit meiner To-Do-Liste ist nur für den persönlichen Gebrauch, aber ich sehe viele Möglichkeiten für sie. Das einzige, was ich kann, um es besser zu denken, sind die Zugabe von Tastenkombinationen und vielleicht auch die Entwicklung eines iPhone-Anwendung auf der Website ergänzen.

Wenn Sie etwas wollen für Ihren Desktop, Dextronet bietet auch ein preisgekröntes to-do-Listen-Software für Windows, die es in diesem Online-Version basiert off of.

Popularity: 17% [?]

Mit dem Aufkommen der AJAX, JavaScript schwere Skripte und Anwendungen werden immer mehr und mehr beliebt im Internet. Wie ist die Natur der AJAX-Anwendungen, werden viele dieser Pull / Daten dynamisch zu generieren. Mit Bildern kann kleinere Leistung Verzögerung führen, wenn ein Bild geladen werden muss. Eine andere Situation, wo image lag hinderlich werden kann, ist eine einfache onmouseover Bild ändert sich häufig auf Menüs und Navigationsleisten.

Seit den frühen Tagen des Internet, es gab viele Möglichkeiten, Bilder zu dieser Vorbelastung Verzögerung zu verhindern gewesen. Durch das Laden des Bildes in den Cache des Browsers, gibt es keine Notwendigkeit, ein Bild über das Internet beschaffen. Im Laufe der Jahre, stellt jede neue Methode günstiger und einfacher als bisherige Verfahren. Ich werde drei verschiedene Arten der Vorspannung Bilder zu diskutieren, beginnend mit dem frühesten und schwerfällig, um die neuesten und effizient.

Die Pixel-Bild
Vielleicht ist die älteste Form der Vorbelastung Bilder ist die Pixel-Bild. Durch das Einbetten von vielen Bildern auf einer Seite (in der Regel am Ende der Seite) und dann zwingen die Größe zu 1 von 1 Pixel, laden Sie im Wesentlichen immer noch das Bild, ohne das Anzeigen viel. Festlegen einer Grenze spielt keine Rolle, zu viel, aber tut nicht weh.

<img src="img/mypic.jpg" width="1" height="1" border="0" />
<img src="img/mypic2.jpg" width="1" height="1" border="0" />
<img src="img/aREALLYbigpic.jpg" width="1" height="1" border="0" />

Einstellen der Größe bis 0 von 0 Pixel funktioniert in einigen Browsern, wie gut und ist eine bessere Lösung.

Erstellen Sie ein Image in JavaScript
Mit zwei einfachen Linien von JavaScript können Sie ein Bild erstellen und öffnen Sie es, ohne es tatsächlich Anzeige auf einer Seite.

mypic = new Image ();
mypic.src = "img / mypic.jpg";
mypic2 = new Image ();
mypic2.src = "img/mypic2.jpg";
mypic3 = new Image ();
mypic3.src = "img / aREALLYbigpic.jpg";

Bilder ausblenden mit CSS
Mit CSS können Sie auswählen, nicht angezeigt, bestimmte Elemente mit dem Display-Eigenschaft. Sie können entweder jedes einzelne Bild, das Sie möchten Vorspannung nicht angezeigt werden oder Sie können einen ganzen Abschnitt der Bilder machen nicht angezeigt.

In deiner CSS-Datei,

# preloadarea (display: none;)

In Ihrem HTML,

<div id="preloadarea">
<img src="img/mypic.jpg" />
<img src="img/mysecondpic.jpg" />
<img src="img/aREALLYbigpic.jpg" />
</ div>

Oder Sie können jedes Bild, nicht einzeln, indem Sie eine CSS-Klasse-Display,

. preloadimage (display: none;)

und dann die Zuordnung dieser Klasse zu jedem Bild, das Sie möchten, Vorspannung,

<img src="img/mypic.jpg" class="preloadimage" />
<img src="img/mypic2.jpg" class="preloadimage" />
<img src="img/aREALLYbigpic.jpg" class="preloadimage" />

Welcher Weg ist der beste?
Der, wie oben, die zweite und dritte viel eleganter als die Ersten sind. Auch unter Berücksichtigung, dass es eine kleine Minderheit mit deaktiviertem JavaScript, der dritte Weg ist vielleicht der vielseitigste.

Sie mögen sich fragen, warum würde ich mich über Vorspannung Bilder Benutzer ohne Javascript aktivieren, Pflege? Nun, Vorspannung Bilder helfen auch, wenn Sie wissen, was der Benutzer das nächste Seite geladen wird. Es wird ihre Web-Erfahrung nahtlose und angenehmer zu gestalten!

Zu viele Bilder zu Preload?
Wenn Sie zu viele Bilder müssen Vorspannung (vor allem viele kleine Bilder), ein einziges großes Bild mit allen kleineren Bilder laden prüfen zusammen genäht und dann mit CSS die einzigen großen Bild mit dem entsprechenden Offset, um nur den Teil der Position des Bildes Sie wollen.

Gemeinhin als CSS-Sprites Bekannte, wird es ein gutes Thema für das nächste How-to

Popularity: 16% [?]

Hier ist ein kurzer Tipp auf meinen Texteditor, Vim. Vim ist sehr effizient, was sie tut, sobald Sie den Dreh raus. Allerdings ist eines der Haupthindernisse für eine effiziente Vim Programmierer die Verwendung der Esc-Taste, um aus der Insert-oder Visual-Modus.

Nachdem Sie ein Stück Code, müssen Sie Ihre Finger von der Lage, die Esc-Taste drücken und in einem Bearbeitungs-Sitzung zu verschieben, geschieht dies oft. Halten Sie Ihre Finger in der Lage ist hoch effizient und ist auch, warum ich bevorzuge die IBM Trackpoint über Trackpads.

In jüngster Zeit experimentierte ich mit anderen Tasten als Alternative zu Esc zum Bewegen von einfügen und visuellen Bearbeiten-Modus.

Standard-Alternative
Strg-[(Strg + linke Klammer) führt (im Wesentlichen) die gleiche Funktion wie Esc standardmäßig aktiviert und erfordert keine Konfiguration so, wenn Sie diese Kombination kann zu gewöhnen, können Sie es auf jeder Maschine.

Custom Alternativen
Sie können auch anzeigen Eigene Taste, um die gleiche Funktion wie die Esc-Taste ausführen. Zum Beispiel, ist eine beliebte Wahl Alt-Leertaste. Ich benutze diese für Launchy aber ich halte mich mit Strg-[mich. Hier ist der Code für die Karte Alt-Space auf die Esc-Taste.

inoremap <M-Space> <Esc>

Wer sind ihre eigenen Lieblings-Alternative zu der Esc-Taste in Vim?

Popularity: 17% [?]

Lange Zeit Leser meines Blogs werden wissen, dass ich alles über mich als minimalistisch und effizient - aus, dass die Dinge mit meinem Hipster PDA (Mini-Version) zu tun, alle meine Web-Entwicklung auf einem tragbaren USB-Laufwerk getan.

Ein weiterer Schritt in Minimalismus und Effizienz kommen kann in Verschlankung etwas, das Sie führen mit Ihnen jeden Tag: Ihre Brieftasche.

Es gibt viele Arten von Geldbörsen, aber die meisten Menschen ein vertrauter wäre die, die aus allen Nähten platzt, ist kaum passt in jede Hosentasche und macht Sie sitzen schief. Es ist liebevoll als George Costanza Brieftasche seit bekannt wurde immer eine Episode von Seinfeld vorgestellten wo es buchstäblich explodiert. Die Gefahr einer Explosion beiseite, große Geldbeutel in der Gesäßtasche wurden gezeigt, dass ein Beitrag zu Schmerzen und schlechte Haltung zurück.

Was willst du eigentlich müssen sich tragen?

• Kreditkarte (vielleicht 2)
• Bank-Karte
• Führerschein
• Ein oder zwei anderen Karten (Durchfuhr, Mitgliedskarten usw.)
• Ein wenig Cash

Geldbörsen für die Minimalist
Alle der folgenden Brieftaschen leicht tragen die Dinge noch verwaltet oben aufgeführten klein bleiben stilvoll.

• Slimmy Serie
  Die Slimmy Serie mag teuer für die Menge an physischem Material, das Sie erhalten, aber was man bezahlt für die Scher-Genie der Brieftasche Design. Es besteht aus ein paar Lappen aus Leder zusammen auf nur zwei Seiten statt. Karten und Bargeld Folie leicht in die und aus noch nicht herausfallen. Sie können die Slimmy in drei verschiedenen Varianten zu bekommen: Die regelmäßige Slimmy die ViewSlimmy mit einem transparenten ID-Fenster oder das SlimSlimmy für die ultra-minimalistische.
• Jimi Wallet
  The Jimi Brieftasche sieht eher aus wie ein Spielzeug als ein Geldbeutel, sondern hat eine gewisse einzigartigen Reiz. Innerhalb es Kunststoffgehäuse, können Sie speichern so ziemlich alles, was Sie wollen. Es hat einen Card-Slot und einen Clip, um Ihr Geld zu halten und ist in vielen verschiedenen Farben erhältlich. Offenbar zu einem populären Wahl unter den im Silicon Valley. Sie können sich diese in der Tasche tragen oder wenn es um den Hals über ein Schlüsselband. Persönlich ist es ein wenig zu "da draußen" für mich.
• Dopp Regatta-Serie 88
  Dies ist Brieftasche Ich persönlich benutze. Es verfügt über 4 Slots für Karten, ein ID-Fenster und eröffnet in der Mitte auf beiden Seiten, um Rechnungen zu speichern. Obwohl es nur 4 Steckplätze hat, finde ich, dass ich bequem speichern können bis zu 6 Karten darin. Die ID-Fenster ist perfekt für mich, weil ich meinen Ausweis zeigen müssen eine Menge. Das Schöne an der Dopp Regatta über einige der anderen erwähnten Portemonnaies ist, dass es kanadischen Banknoten hält (die etwas größer sind als die US-amerikanischen Geldscheinen), ohne sie ragen aus der Brieftasche.
• ALL-ETT Billfold
  Der ALL-ETT Brieftasche ist der einzige "echte" Brieftasche in der Liste. Er faltet und entfaltet sich wie eine normale Geldbeutel, sondern das Material sie ausgefertigt wird der ist super dünne und doch strapazierfähig. Es ist ähnlich dem Material Fallschirm (es klingt knackig, wenn Sie es Falten, die manche Leute ärgern kann). Sie machen auch ein Executive-Version, die Leder-Futter hat, ist aber nicht so dünn wie die reine ALL-ETT Brieftasche.
• Hipster Wallet
  Ein Hipster Wallet ist ähnlich wie bei einem PDA in Hipster, wenn es schon ein Bindemittel Clip ist. Dies ist sicherlich die billigste und einfachste aller Möglichkeiten, aber nicht gerade die attraktivsten

Nehmen Sie sich Zeit zu trimmen Sie Ihre Brieftasche und Rückenschmerzen zu lindern! Wenn Sie eine Menge zu speichern Mitgliedschaft oder Rabatt-Karten haben, sollten Sie sich überlegen, die Konsolidierung sie auf einer einzigen Karte.

Was Brieftasche verwenden Sie? Leave a comment!

Popularity: 22% [?]