• 2010/10/15Hübsche CSS3 Lightbox Gallery mit jQuery
  • 2010/07/07Tolle Guerilla-Marketing Ideen zur Inspiration
  • 2010/07/01Hilfreiche Tools: IE – Testen und Debuggen
  • 2010/02/07Benutzen Sie HTML-Entities!
  • 2010/01/30Willkommen auf NINro

Hübsche CSS3 Lightbox Gallery mit jQuery

Die einzelnen Bilder mit dem typischen Polaroid-Rahmen können frei umher bewegt werden. Per Mausklick wird das Bild mittels eines schönen Fade-In Effekts vergrößert dargestellt. Verdeckte Bilder werden beim Klicken automatisch in den Vordergrund gebracht. Dies alles wird ohne Flash realisiert, nur mit Hilfe von jQuery, CSS und PHP.

CSS3 Lightbox Gallery

Die CSS3 Gallery kann hier kostenlos heruntergeladen und frei verwendet werden. Im Internet Explorer funktioniert leider die Drehung der Bilder nicht. Eine gelungene flashfreie Möglichkeit Ihre Bilder im Web auf originelle Art und Weise zu präsentieren!

Tolle Guerilla-Marketing Ideen zur Inspiration

Guerilla-Marketing muss überraschend sein, ist meist lokal begrenzt und immer originell. Nachfolgend einige sehr kreative und innovative Marketingmaßnahmen…

Nestle KitKat

Nivea Cellulite Sofa

Graffiti Handschellen

Fitness Company


Mit dem Rauchen aufhören

Hilfreiche Tools: IE – Testen und Debuggen

Hier haben wir häufig verwendete Tools, die Ihnen helfen, schneller und leichter die Ursache für eine Fehldarstellung Ihrer Webseite im Internet Explorer (IE) zu finden.

IETester

IE Tester

IETester ist ein kostenloser Web-Browser, der es Ihnen erlaubt, die Rendering- und Javascript Engine von IE8 Beta 1, IE7 IE 6 und IE5.5 auf Windows Vista und XP zu nutzen.

DebugBar

http://www.debugbar.com

DebugBar: Erweiterung für den Internet Explorer, die einen umfangreichen Debugger für HTML, CSS und JavaScript bereit stellt. Es zeigt die DOM-Struktur auf und stellt Änderungen in Attributen von HTML-Tags der CSS live dar.

Firebug Lite

Firebug Lite

Firebug Lite erlaubt es, DOM-Elemente zu untersuchen, XmlHttpRequest-Aufrufe zu überwachen und durch den HTML-, CSS- sowie JavaScript-Code einer Seite zu navigieren.

Internet Explorer Developer Toolbar

IE Developer Toolbar

Internet Explorer Developer Toolbar (verkürzt: IE Developer Toolbar oder sogar IE DevBar), ist ein Add-on für Internet Explorer 6 und Internet Explorer 7, welches beim Debuggen von Webseiten hilft – ähnlich wie Firebug.

Coral IE Tab

Coral IE Tab

Integrieren Sie den Internet Explorer als Tab in Firefox.

Benutzen Sie HTML-Entities!

In HTML gibt es für Sonderzeichen so genannte “Entities”, mit denen man den klassischen Schriftsatz erweitern kann. Um diese Sonderzeichen als Text anzuzeigen, muss man den entsprechenden HTML-Entity in den Quellcode schreiben. Wenn man zum Beispiel dieses Zeichen ( > ) zeigen will, muss man > (Entity Name) oder > (Entity Nummer) schreiben.

Es gibt eine Menge von Sonderzeichen, die wir für das Layout-Design benutzen können. Beispiele: ? ? ? ? ? • ? ? “?.

Die Vorteile der Verwendung von Entities anstatt von Bildern sind folgende:

  • Lädt schnell, weil es reiner Text ist
  • Skalierbar über die Schriftgröße (flexibel)
  • Leicht einzufärben

Links optisch voneinander abtrennen

Entities um Links voneinander optisch abzutrennen:
bullet • ( • ) und dot ⋅ ( ? ).

HomePortfolioNews

Copyright, Trademark, Grad und Währung

Häufig verwendete Sonderzeichen sind wahrscheinlich Copyright, Trademark, Grad und Währung.

© Copyright | Trademark ™ | registriertes Trademark ®
Grad: 29° | 26 ? | 60 ?
Währungen: ¢ Cent | £ Pound | ¥ Yen | € Euro

Symbole für WebDesign

Hier sind einige Entities, die Sie vielleicht für Ihre Gestaltung benutzen können:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

Sonstige Symbole

Symbole wie zum Beispiel ein Schneemann und Regenschirm

? ? ? ? ? ? ? ?

Entities leicht nachschlagen

Dafür gibt es den HTML Entity Character Lookup mit dem man leicht und intuitiv HTML-Entities nachschlagen kann.

HTML Entity Lookup

Es reicht schon aus einen gewöhnlichen Buchstaben einzugeben, um diesem ähnliche Entities angezeigt zu bekommen. Für Mac-User gibt es sogar ein kostenloses Dashboard Widget.

Willkommen auf NINro

Die Website wird momentan noch überarbeitet.
Wir entschuldigen uns, dass noch nicht alles vollständig ist.

NINro Design leistet alles, damit Sie einen guten Auftritt haben.

Das fängt an bei den grundlegenden Dingen:
bei Ihrem Logo, Ihrer Visitenkarte, Ihren Briefbögen. Natürlich auch bei Ihrem Auftritt im Internet.
Und setzt sich fort in der Gestaltung Ihrer Imagebroschüren, Flyer, Kundenmagazinen.

NINro Design setzt Ihre Informationen visuell ansprechend um.

Im Bereich Web bieten wir Ihnen neben einfachen, statischen Webseiten auch Lösungen mit beispielsweise WordPress als CMS. Zusätzlich können wir mit ein wenig Flash für einen hübschen Blickfang sorgen.