Archive for the ‘Web’ Category

jQuery in neuer Version mit schönen neuen Features

Sonntag, Januar 17th, 2010

Hallo zusammen,

das berühmte JavaScript Framework jQuery ist in einer neuen Version erschienen und bringt so einige schöne Verbesserungen mit sich. Eine nette Liste aller neuen Features findet ihr hier, und hier. Und hier gibt es noch ein Video der Entwickler zu den Neuerungen und was man evtl. bei einem Upgrade beachten sollte.

Anbei möchte ich euch noch eine sehr gute Seite empfehlen, die viele nette Links zu Tutorials, Frameworks und mehr über Webentwicklung postet. www.scriptandstyle.com

Have fun

GUI-Prototyping mit Firefox und Pencil-Addon

Samstag, Oktober 3rd, 2009

Man versucht einem Freund oder Kunden zu erklären, wie ein Teil einer Seite aussehen soll, aber wie erklärt man so etwas am besten, ohne nicht schnell eine Skizze anzufertigen. Welches Programm sollte man also nehmen, um diese eigentlich einfache Aufgabe schnell zu erledigen.
Mit dem Firefox-Addon Pencil geht dies recht einfach und man hat eben genau die HTML-Elemente zur Verfügung, die man später tatsächlich auch einsetzen möchte. Wenn man mit einem Prototyp fertig ist, kann man ihn einfach als PNG exportieren und schnell dem Kunden schicken, oder, oder oder…
Es scheint ein recht nettes Plugin zu sein und kann auch bei direkten Kundengesprächen durchaus sehr nützlich sein.

Viel Spaß

JavaScript und CSS-Dateien verkleinern

Samstag, September 26th, 2009

Als Web-Entwickler sollte man trotz gängigen Breitband Anschlüssen darauf achten, dass der User nicht zuviel Bytes laden muss. Um seine Seite etwas zu optimieren, kann man mit dem Firebug Plugin YSlow seine Seite analysieren und prüfen, welche Dateien die länsten Ladezeiten haben. YSlow macht zusätzlich aber noch viel mehr und gibt Vorschläge, wie man die Seite optimieren könnte (siehe Guidelines!!!)

Ein Punkt ist zum Beispiel, dass man versucht seine JS- und CSS-Dateien jeweils in eine große Datei packt und am besten auch noch alle Kommentare und Whitespaces entfernt.

Um die besagten Dateien zu komprimieren kann man entweder YUI Compressor oder JSMin nehmen.
Ich gehe hier nur auf JSMin ein:

Installation:

wget http://www.crockford.com/javascript/jsmin.c
gcc -o jsmin jsmin.c

Und los gehts:

./jsmin < bloated.js

oder die komprimierten Zeilen direkt in eine neue Datei schreiben:

./jsmin < bloated.js > minified.js

Das ganze funktioniert auch mit CSS-Dateien. Mit YUI Compressor hat man noch ein paar mehr Möglichkeiten, mir reicht JSMin vorerst jedoch völlig.

Have fun

Firefox, Firefox (Safari) und der Rest, naja!!!!

Freitag, Mai 1st, 2009

Ein Hobby von mir ist Basketball und alles was dazu gehört und deswegen starte ich  jetzt doch endlich wieder mit einer Homepage rund um das Thema Basketball auf www.buehne2.de.

Wer also interessiert ist, soll öfter mal rein schauen. Ich habe das WordPress Theme selbst entwickelt und man muss einfach mal wieder sagen, wie gut Firefox im Vergleich zum IE oder Opera ist. Wenn ihr buehne2.de mal mit Opera oder IE ansurft, entdeckt ihr, dass es keine schönen Rundungen an den Kanten mehr gibt und im Firefox gibt es diese sehr wohl. Im Safari sollten diese Rundungen auch sichtbar sein, denn sowohl Webkit als auch die Gecko Engine können mit runden Rändern umgehen:

firefox

firefox

Der einzige wahre Browser ist und bleibt eben doch Firefox, allein wegen diesen CSS Eigenschaften:

-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;

Es erspart einem Entwickler unheimlich viel Arbeit, man muss nicht extra 4 Bilder erstellen und per CSS einpassen.

Ein paar Beispiele und bisschen Lesestoff gibt es hier und hier.
Have fun.

Verschiedene Firefox Profile parallel nutzen

Montag, Februar 2nd, 2009

Wer Firefox benutzt, hat sicher schon den Profilmanager gesehen bzw. nutzt diesen um z.B. der Freundin ein Browser-Profil zu erstellen, oder Gästen oder eben um Programmierprofile zu erstellen. Einfach mal testen (unter Linux): firefox -ProfileManager
und schon startet der Profil-Manager, der absolut selbsterklärend ist. Ihr habt also mehrere Profile und wollt, warum auch immer (Links, verschiedene Plugins gleichzeitig nutzen, z.B. delicious), zwei Profile parallel nutzen. Ihr öffnet euer “default” Profil wie eh und je und gebt danach in der Konsole folgendes ein:
firefox -P <profilname> -no-remote
und schon könnt ihr mehrere Profile parallel ausführen und damit machen was ihr wollt. Ich kann mir schon ein paar Szenarien vorstellen, in denen das gut sein könnte:

      1. mehrere delicious Accounts (wobei ich es nicht getestet habe, sollte aber gehen)
      2. Zugriff auf Logins in einem Profil mit Masterpasswort, etc. für E-Mails, Wikis, Foxmarks und co.
      3. zum Testen von Homepages mit unterschiedlich installierten Plugins (z.B.: FlashBlock, AdBlock)

      Viel Spaß mit 2 Profilen ;-)