Javascript Präsentationstool mit Zoom-, Dreh- und 3D Effekten.
Posts Tagged »grafik«
May 27th, 2011 by Michael
Safe Area für Webseitenlayout im Vergleich
Bei Designers Toolbox gibt es eine Übersicht über die tatsächliche Breite und Höhe eines Browserfensters bei Standardauflösungen. Also abzüglich Rahmen, Scrollbar und evtl. Sidebar.
October 28th, 2010 by Michael
Glatter Verlauf in Photoshop
Mithilfe des "Spritzer" - Filters lassen sich in Photoshop Verläufe glätten.
Filter -> Malfilter -> Spritzer
Sprühradius: 6
Glättung: 1
August 25th, 2010 by Michael
Fonts für @font-face
www.fontsquirrel.com/fontface
große Auswahl von Freefonts zum Download als fertige @font-face Font Kits.
kostenlos
code.google.com/webfonts
kleine Fontauswahl. Einbetten einer externen CSS-Datei vom Googleserver.
kostenlos
www.fontspring.com
riesige Auswahl von Fonts. Download als fertige @font-face Font Kits.
überwiegend kostenpflichtig (10 EUR bis 50 EUR pro Schnitt), einige kostenlose Fonts
www.typekit.com
große Fontauswahl namhafter Fonthersteller. Einbetten einer externen CSS-Datei vom Typekitserver.
kostenpflichtig (ab 25 USD pro Jahr)
March 4th, 2010 by Michael
960 px grid system
Designtemplate, das auf 960 Pixel Breite basiert und gut für Spaltenlayouts geeignet ist.
March 3rd, 2010 by Michael
Suchfeld bei Safari
Javascript:
// Suchfeld Safari function safari_suchfeld(id) { if (document.getElementById && navigator.appVersion.indexOf('Safari')>-1) { document.getElementById(id).type='search'; document.getElementById(id).setAttribute('results','8',1); document.getElementById(id).setAttribute('autosave','such_id',1); document.getElementById(id).setAttribute('placeholder','stichwort',1); } } safari_suchfeld('s');
Html:
<input type="text" name="search" value="" id="s" />
Ergebnis:
Tags: grafik, javascript, safari
February 25th, 2010 by Michael
@font-face
Das Einbetten von Schriften via CSS wird von den Browsern wie folgt unterstützt:
Internet Explorer: ab IE 5 (.eot)
Firefox: ab 3.5 (.otf, .ttf)
Firefox: ab 3.6 (.otf, .ttf, .woff)
Safari: ab Safari 3.2 (.otf, .ttf)
Opera: ab Opera 10 (.otf, .ttf)
Chrome: ab Chrome 4 (.otf, .ttf, .svg)
iPhone: ab 3.1 (.svg)
Ein Supertool ist der @Font-face Kit Generator von Fontsquirrel, der die entsprechenden Fontdateien und die dazugehörigen Stylesheets für alle Browser erzeugt.
www.fontsquirrel.com/fontface/generator
Der CSS Code sieht dann z.B. so aus:
@font-face { font-family: 'BlockUpRegular'; src: url('BLOCKUP_.eot'); src: local('BlockUp Regular'), local('BlockUp'), url('BLOCKUP_.ttf') format('truetype'), url('BLOCKUP_.svg#BlockUp') format('svg'); }
Eine Beispielseite habe ich hier:
tools.strombild.de/fontfacekit
Eine Vergleichseite von Systemschrift zu nachgeladenener Schrift habe ich hier:
tools.strombild.de/fonttest
Informationen zu dem neuen Format .woff gibt es hier: hacks.mozilla.org/2009/10/woff/
August 7th, 2009 by Michael
Radio Buttons und Checkboxen gestalten
Tags: css, form, grafik, javascript