freeQnet-Logo
freeQnet

CSS-Tippborder-radius für BilderRunde Avatare etc.

  •  abgelegt unter die virtuelle Welt  •  ein Kommentar

CSS ist schon was Tolles. Mit den neuen Möglichkeiten der Version 3 der Stil-Beschreibungssprache sind viele Dinge möglich, die ein Webdesigner vorher nur kompliziert mit vielen gestückelten Grafiken erledigen konnte, die zudem noch ziemlich unflexibel sind. Perfekt ist CSS3 – oder besser die Browser-Integration – bis heute allerdings leider noch nicht. Aber findige Tüftler finden immer Mittel und Wege.

Ein Beispiel ist die fehlende Unterstützung abgerundeter Ecken für Grafiken. Seltsamerweise kann keine der aktuellen Versionen der verschiedenen Browser Grafiken direkt abrunden, obwohl mittlerweile alle so ziemlich sämtlichen anderen Block-Elemente von ihren Ecken befreit werden können. Es gibt allerdings auch für dieses Problem eine Lösung, wie die Kommentar-Avatare in meinem Blog beweisen. Wie’s geht, erfahrt ihr nach dem Klick!
» Gib mir den Rest …

CSS-TippTransitionsweiche Hover-Effekte ohne JavaScript

  •  abgelegt unter die virtuelle Welt  •  5 Kommentare

Ich hatte ja versprochen, nach und nach ein paar der HTML-, CSS- und JavaScript-Kniffe, die ich in meinem neuen Blogdesign eingesetzt habe, in kleine Tutorials zu packen, damit ihr auch was davon habt. Damit will ich heute mal beginnen! Wer mit einem relativ aktuellen Firefox, Chrome oder Opera zu mir surft, wird vermutlich schon gesehen haben, dass sich Links im Menü weich ausfahren, die Artikel Detail-Informationen nahtlos einblenden, wenn man mit der Maus drüber fährt und auch sonst sämtliche Hover-Effekte weiche Übergänge haben. Klar, denkt man im ersten Moment. Das ist sicher mit JavaScript gelöst!

Weit gefehlt! Diese Effekte sind komplett mit einem ganz simplen CSS-Befehl gelöst. Ohne viel Hexenwerk kann so jeder ein fließenderes Surferlebnis auf seine Website bringen. Nach dem Klick erfahrt ihr, wie’s geht!
» Gib mir den Rest …

neues von der Blog-Baustelle

  •  abgelegt unter blogintern  •  8 Kommentare

Es geht ganz langsam aber sicher voran mit meinem bisher ambitioniertesten Redesign. Ich muss aber sagen, dass ich noch nie so lang an einem neuen Design gesessen habe, was aber nicht direkt am Aufwand sondern schlicht an der fehlenden Zeit liegt. Derzeit bin ich einfach auch wieder zu sehr im Rollenspiel-Fieber[1] und dass meine liebste Beam auch noch gern dabei zuschaut, hilft natürlich auch nicht gerade dabei, das Spiel mal liegen zu lassen und mich den Design zu widmen.

Aber auch kleine Schritte bringen mich den Ziel näher. Mittlerweile habe ich, wie ihr links schon sehen könnt, auch das angekündigte zukünftige Logo des Blogs fertig. Es ist bewusst simpel gehalten und zeigt eigentlich nur eine Schallplatte mit ausgestanztem Plattenspieler-Arm. So stellt es den Haupt-Themenbereich des Blogs dar und fungiert gleichzeitig als Q für das Wort freeQnet. Ich überlege noch, ob ich nicht vielleicht themengebunden weitere Logos erstelle, beispielsweise eine schematische Filmrolle für Filme. Aber was nehme ich dann für die Bereiche “sonst so” oder “über”. Habt ihr da vielleicht Ideen, die sich auch mit recht geringen illustratorischen Fähigkeiten umsetzen ließen?
» Gib mir den Rest …

  1. ich spiele da eher die Budget-Titel auf. Gerade Drakensang beendet und jetzt am Witcher dran. []

Teaser freeQnet 5.0 Re-Design

  •  abgelegt unter blogintern  •  7 Kommentare

erste Demo der neuen Navigation, das auf Mausklick auf die Buttons entsprechende Untermenüs öffnet.

Wie ich ja vor einer Weile schon mal ankündigte, arbeite ich gerade wie es meine Zeit zulässt an einem völlig neuen Design für mein Blog. Es soll alles schöner und natürlich auch nützlicher werden. Dazu habe ich mich endlich auch mal mit jQuery auseinander gesetzt und bin Feuer und Flamme für die genialen Design-Möglichkeiten, die sich mit nur wenigen Zeilen Code eröffnen! Nach dem Klick gibt’s ein paar weitere Infos zu dem, was ich vorhabe und noch einen weiteren Screenshot der frühen WIP-Version.
» Gib mir den Rest …

Blogdesign für LaienGrafik-Ersatz mit CSSPart 1

  •  abgelegt unter die virtuelle Welt  •  2 Kommentare

Nachdem ich ja am Dienstag ganz vorsichtig angekündigt habe, die Serie schon am Wochenende fortzusetzen, bin ich heute echt froh, dass ich es doch wirklich mal geschafft habe! Heute geht’s also direkt weiter mit unserem im letzten Mal mit HTML 5 modernisierten, aber bisher designtechnisch noch reichlich langweiligen Layout. Wir hatten bisher nur einfache CSS-Klassen angewendet, um die Bereiche der Seite an ihren gewünschten Platz zu rücken. Heute soll alles etwas Farbe und Stil bekommen, den man früher nur aufwendig mit Grafiken erreichen konnte. Wir fangen aber erst mal klein an und erweitern die Möglichkeiten mit jeder weiteren Ausgabe etwas.
» Gib mir den Rest …

1234
Excuse me
But I just have to Explode

Björk

Blogverzeichnis - Blog Verzeichnis bloggerei.de blogoscoop Bloggeramt.de
Das freeQnet wird seit 2012 nicht mehr gepflegt! Folgt mir auf mein Nachfolge-Blog KNARZwerk