Sura 1 Artworks

Acrylmalerei, Mischtechniken, Webdesign

Posts Tagged ‘Smashing Magazine’

50 kostenlose Schriften im Grunge Stil – 50 free grunge fonts

Posted by sura1 - 5. März 2009

silver05
Bookmark and Share

50 kostenlose Schriften im Grunge-Stil – 50 free grunge fonts

Ihnen ist bestimmt auch schon aufgefallen, dass viele Internetseiten in der letzten Zeit im Grunge-Stil gestaltet wurden. Das bedeutet, dass Hintergründe oder Schriften schmutzig oder kaputt wirken, erdige oder grüne Farbtöne benutzt werden etc. Wahrscheinlich entstand dieser Trend aus einer Bewegung gegen die „Sterilität“, die viele Internetseiten ausstrahlen. So wurde nach und nach auf „Handgemachtes“ zurückgegriffen.

Im Jahre 2008 hat das Smashing Magazine in 2 schönen Beiträgen mit den Überschriften Grunge Style In Modern Web Design und The Secrets Of Grunge Design zahlreiche Beispiele und Quellen zum Thema gesammelt.

Sehen Sie zu diesem Thema auch den folgenden Artikel auf der Webseite von Dr.Web:

Dr.Web. / Webdesign-Trend: Grunge Design

Passend zu diesem Thema gibt es auf der Webseite Web Design Ledger in der Rubrik Freebies einen Artikel mit dem Namen 50 Most Extreme Free Grunge Fonts. Der Autor Henry Jones stellt 50 der seiner Ansicht nach extremsten FREE GRUNGE FONTS vor.

Alle vorgestellten Schriften sind Freeware und können für den privaten Gebrauch ohne Einschränkung verwendet werden (bitte trotzdem bei jeder Schrift die genauen Lizenzbedingungen durchlesen!).

Liste der Schriften:

   Scumbag
grunge_fonts_50
   Inked God
grunge_fonts_1
   Soul Mission
grunge_fonts_2
   VTKS ROCK GARAGE BAND
grunge_fonts_3
   Black Oak
grunge_fonts_4
   Ginga Font
grunge_fonts_5
   Dirty and Classic
grunge_fonts_6
   Bill Hicks
grunge_fonts_49
   Panhead
grunge_fonts_7
   Loserboi Grunge
grunge_fonts_8
   FT Twisted Ontogenesis
grunge_fonts_48
   Phat Grunge Bold
grunge_fonts_9
   Puls Sans Virgin
grunge_fonts_10
   Yukon Gold
grunge_fonts_42
   Broken Ghost
grunge_fonts_11
   Laundromat 1967
grunge_fonts_12
   Barber Shop
grunge_fonts_46
   The Last Soundtrack
grunge_fonts_471
   Charles
grunge_fonts_13
   Caracura
grunge_fonts_14
   Rough Linen
grunge_fonts_15
   Akoom
grunge_fonts_16
   Distorted and Scratchy
grunge_fonts_17
   Staubiges Vergnügen
grunge_fonts_181
   Gridlock`d
grunge_fonts_43
   EpoXY histoRy
grunge_fonts_44
   Retro Rock Poster
grunge_fonts_45
   District
grunge_fonts_19
   Trashco
grunge_fonts_20
   Bleeding Cowboys
grunge_fonts_32
   Chickago House Trial
grunge_fonts_341
   28 Days Later
grunge_fonts_21
   Ascent 2 Stardom
grunge_fonts_22
   A Bite
grunge_fonts_23
   Sidewalk
grunge_fonts_24
   Dead Secretary
grunge_fonts_25
   Acid Label
grunge_fonts_26
   Trashed
grunge_fonts_33
   Cocaine Sans
grunge_fonts_271
   Everyday Ghost
grunge_fonts_28
   Cheap Stealer
grunge_fonts_35
   HARD ROCK
grunge_fonts_36
   Chic Decay
grunge_fonts_37
   Rusted Plastic
grunge_fonts_38
   Undecapped Vinyl
grunge_fonts_39
   Killed DJ
grunge_fonts_40
   Mohawk
grunge_fonts_41
   Defused
grunge_fonts_29
   American Bravado
grunge_fonts_30
   Heroin
grunge_fonts_31
Ähnliche Artikel:
40 schöne Fonts/Schriften für klar strukturiertes Webdesign
Fonts: Die gebräuchlichsten Schriften im Internet
www.fontspace.com: Mehr als 8800 Schriften/Webfonts
Typetester: Verleichen Sie Ihre Schriftarten
www.taat.pl: Installierte Schriften mit Actionscript online ermitteln

Posted in Fonts&Schriften | Verschlagwortet mit: , , , , , , , , , , , , , , | Leave a Comment »

Top 10 CSS Table Designs auf Smashing Magazine

Posted by sura1 - 18. Oktober 2008

Bookmark and Share

Top 10 CSS Table Designs / Smashing Magazine

Ich möchte Ihnen heute einen interessanten Artikel aus dem Smashing Magazine von Vitaly Friedman und Sven Lennartz ans Herz legen:

Gastautor  R.Christie stellt in seinem Beitrag Top 10 CSS Table Designs eine sehenswerte Kollektion von CSS-Tabellen vor. Sie finden in seinem Artikel Tabellen mit den Schwierigkeitsgraden von eher leicht bis ziemlich schwer. Der Bericht ist zur Gänze in englischer Sprache gehalten und stammt vom 13. August 2008.

(Beispieldateien 63,5KB)

Ich habe die zum Download angebotenen Beispieldateien ein wenig bearbeitet, indem ich das Layout wie folgt angepasst habe:

style.css

/* ------------------------
    styling for the layout
   ------------------------   */

body { line-height: 1.6em; }
#wrapper { margin: 50px auto;
           width: 570px;
           border: 1px solid #6678b1;
           padding-top: 20px;
         }
h3 { font-family: Helvetica, Arial, "Lucia Sans Unicode", Tahoma, Verdana, Arial, sans serif;
     font-size: 2.0em;
     line-height: 1.3em;
     margin: 0 30px;
     border-bottom: 3px solid #333;
}

Bewertung:

Posted in CSS-Tabellen | Verschlagwortet mit: , , , , , | Leave a Comment »