Skywalk-Webdesign

JavaScript mit jQuery ausreizen

Liquid-Canvas reizt die Fähigleiten des nun zu neuer Blüten gelangenden HTML-Elementes Canvas voll aus. Den ausführlichen Bericht sowie ein kleines Demonstrationsprojekt gibt es hier.

Eine ganze Reihe schöner Effkete wie Slideshows, Accordions kann man mit der jQuery-Plugin-Sammlung Interface realiseren. Was alles möglich ist und wie man es macht kann man auf dieser Seite nachlesen.

Mit jParallax kann man ganz ohne Flash Bildschirmanimationen erzeugen. Eine Demonstration und eine Einbauanleitung zum jQuery-Plugin habe ich hier zusammengestellt.

Weitere Online-Tools

Vorgestellt wird die Webseite seitenreport.de. Dieses Online-Tool bewertet inhaltliche und technische Aspekte einer Website. Auch die Benutzerfreundlichekit einer Website wird einem Test unterzogen.

Den ausführlichen Test lesen.

Leider nicht mehr verfügbar ist der Online-Screen-Recorder Screentoaster.

Das PDF-Format gilt als eines der Universaldateiformate im Internet. Neben teuren, preiswerten oder gar kostenlosen PC-Programmem zur erstellung von PDF-Dateien kann man jetzt auch webPDF.net nutzen, um im schnell und unkompliziert PDF-Dateien online zu erstellen. Report zu webPDF.

Designvorlage Panorama

Die Designvorlage Panorama ist eine Webseitenvorlage mit fester Breite. Der Inhalt der Webseite wird im Browser zentriert. Die Designvorlage verfügt über ein zweistufiges horizontales Menü und ein Titelbild, das bei jedem Seitenaufruf mit einem Fade-Effekt eingeblendet wird.

Weitere Online-Tools vorgestellt

Die Kategorie Online-Tools wurde erheblich erweitert. Der Schwerpunkt lag dabei auf grafische Online-Tools. Mittlerweile ist es beinahe Überflüssig, ein Grafikprogramm lokal zu installieren, zumindest so lange es um alltägliche und nicht zu komplexe Grafikgestalltung geht.

Unter den Online-Grafik-Tools mit vollem Funktionsumfang wurden Lunapic, Picnik und Pixlr neu aufgenommen.

Daneben gibt es eine ganze Reihe von Websites, die spezialisierte grafische Aufgaben erledigen. Dazu gehören zum Beispiel der Stripe-Genarator und der Tiled-Background-Designer.

Neue Rubrik: News

Viele Webseiten mit einer hohen Aktualisierungsfrequenz bieten die Nutzung von RSS-Feeds an, mit denen man sich schnell und unkompliziert über die Aktualisierungen der Website informieren kann.

In der neuen Rubrik News werden zum Start die folgednen RSS-Feeds zum mitlesen bereitgestellt:

• Neuigkeiten Deutschlandradio
• Aus dem News-Ticker des Dr.Web-Magazin
• Fraggle-News
• Neuigkeiten von Golem
• Neuigkeiten aus dem Heise-Ticker von Heise Online

Neue Katagorie: HTML5

Natürlich ist klar: noch ist HTML5 nicht als Standard verabschiedet, aber bereits jetzt nutzen viele Websites den neuen Webstandard, wenn auch meist für experimentelle Zwecke. Mir scheint es auf jeden Fall sinnvoll, hierzu einen entsprechenden neuen Themenbereich zu erstellen.

Außerdem wurde wieder einmal das Garfikarchiv erweitert:

• Acht unterschiedliche Rosenmotive wurden veröffentlich
• nicht ganz jahreszeitgemäß sind die neuen Grafiken von Schneekristallen
• wenn die Schweingrippe im kommenden Herbst wieder zu neuem Leben erwachen sollte, dann können auch die animierten Grafiken von Bär, Löwe und Schweinchen zur Illustration entsprechender Webseiten ein hübhscne Beitrag leisten.

Online-Tools zur Homepagebewertung

Wer schon immer mal wissen wollte, was die eigene website so Wert ist, der kann sich der gängigen Online-Tools bedienen. In der Kategorie Online-Tools werden der deutschsprachige Webseiten-Bewerter Seitwert sowie der $stimator vorgestellt.

Mehr Grafiken: Jugendstil Käfer Kalligrafie Mäuse

Das Grafikarchiv wurde wieder einmal erweitert:

• sechs Abbildungen zu Käfern (Marienkäfer, Mistkäfer)
• verschiedene Gestaltungslemente der arabischen und ost-asiatischen Kalligrafie
• vier Mäusebilder (einzeln, am Käse nagend)
• sieben Jugendstilelemente in unterschiedlichen Grautönen, mit und ohne Hintergrund

Alle Grafiken können im PDN-Format heruntergeladen werden. PDN ist das Dateiformat des kostenlosen Grafikprogramms Paint.Net. MIt diesem Progamm können die Grafiken in die im Internet üblichen Formate JPG, PNG bzw. GIF umgewandelt werden.

Dauerthema runde Ecken

Für viele Webseiten-Designer ein Dauerthema: die Darstellung runder Ecken. Ganze CSS-Blog haben dieses Thema wieder und wieder behandelt.

Mit CSS3 geht alles ganz einfach: Wie, das kann man hier lesen.

Das Blockquote-Tag

Das Blockquote-Tag wird vielfach unterschätzt. Doch damit lassen sich interessante eye-catcher-Effekte erzielen. Wie das geht, dass kann man in diesem kleinen Beitrag zum Blockquote-Tag nachlesen.