Mal wieder ein Mozilo, das ich umsetzen durfte - Website einer selbständigen Photografin. Genießt die Bilder ;)
http://www.photografic-berlin.de/
Liebe Grüße,
HPdesigner
Jau, ganz schick geworden. Also die Homepage als auch die Fotografin ;)
Für mich persönlich wäre die Schriftart in den Texten eine kleine Nuance zu groß, aber ich denke mal, dass sie es so wollte.
Gute Arbeit :)
Danke für die Rückmeldung.
Genau, das Design kam auch von ihr selbst. Mit welchem Browser hast du getestet?
Mit Firefox 12 und IE8 (Win XP, auf der Arbeit). Sieht alles "gleich aus", habe also keine Fehler entdeckt ;-)
Zitat von: "Thorstn"auf der Arbeit
:D
Ich danke dir!
hi, sieht sehr schick aus.
googel chrome und safari machens acuh einwandfrei, bis auf ne klinzekleine Kleinigkeit.
"Futura Book" kennt zwar der Chrome, die restlichen (FF12, IE7-9, Safari und Opera) aber nicht.
Ansonsten wirklich gelungen.
Als persönliche Anmerkung noch, der Bildlauf in der Galerie auf der Startseite könnte für mein Gefühl etwas sanfter laufen, dass kommt mir etwas "kantig" vor.
Gruß
m4ddy
Danke fürs Feedback!
Zitat von: "m4ddy""Futura Book" kennt zwar der Chrome, die restlichen (FF12, IE7-9, Safari und Opera) aber nicht
Komisch, mein Opera (11.64) hat keine Probleme Futura Book anzuzeigen, und ich meine, dass auch Firefox das richtig angezeigt hat. Hab den Font über
@font-face { font-family:Futura Book; src:local(Futura Book), url(FtraBk__.ttf) format(TrueType); }
eingebunden.
Zitat von: "m4ddy"der Bildlauf in der Galerie auf der Startseite könnte für mein Gefühl etwas sanfter laufen, dass kommt mir etwas "kantig" vor
In wie fern kantig? Bei mir läuft der ganz weich, wird halt schneller, je mehr mann auf der Navigation zum Rand geht...
hi,
Zitat@font-face { font-family:Futura Book; src:local(Futura Book), url(FtraBk__.ttf) format(TrueType); }
Also wenn ich mich nicht irre, sollte das , so wie du das machst auch funktionieren, wenn man die schriftart schon isntalliert hat. Bei mir ist aber Futura nicht aufm PC vorhanden, da scheint das dann nicht zu laufen. Der Chrome bedient sich denk ich mal automatisch bei den Google-WebFonts. Wenn du die Schriftart grudnsätzlich immer vom Webspace laden lässt, sollte das denke ich besser funktionieren.
Soweit ich weiß installieren Browser die Schriftart sowieso nur anch, wenn sie nciht schon vorhanden ist. Sicher bin ich mir da aber nicht.
Das mit dem "kantig" ist einfach ne Gefühlssache. ich fände es angenehmer, wenn es sowas wie eine beschleunigung gäbe, wenn sich die Geschwindigkeit ändert. Und dann auch sowas wie einen "Bremsweg", also ein, zwar schnelles, aber kein direktes Stoppen, wenn man die Galerie anhält. Ich hoffe du verstehst was ich meine. :oops:
Gruß
M4ddy
Wegen dem @font-face...
Die Webseite www.fontsquirrel.com (http://www.fontsquirrel.com) hat einen Generator für @font-face. Der spuckt dann aber auch mehr aus als nur die .ttf.
Im CSS-Code sieht das beispielsweise folgendermaßen aus:
@font-face {
font-family: 'WebdingsRegular';
src: url('webdings-webfont.eot');
src: url('webdings-webfont.eot?#iefix') format('embedded-opentype'),
url('webdings-webfont.woff') format('woff'),
url('webdings-webfont.ttf') format('truetype'),
url('webdings-webfont.svg#WebdingsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Vielleicht fehlt dem einen oder anderen Browser eines dieser Endungen (.eot, .woff, .svg)?
Zitat von: "m4ddy"Bei mir ist aber Futura nicht aufm PC vorhanden, da scheint das dann nicht zu laufen. [...] Soweit ich weiß installieren Browser die Schriftart sowieso nur anch, wenn sie nciht schon vorhanden ist.
Das ist so nicht richtig. Die Futura liegt im ttf Format auf dem Server und wird von dort geladen,
wenn sie
nicht auf dem Clientpc installiert ist. Denn dafür ist die @font-face Anweisung ja da.
Ja, ich verstehe was du mit Beschleunigung und Bremsweg meinst - wie wenn man aufm smartphone oder touchpad scrollt und loslässt, und er noch ein Stück weiterscrollt. Aber so krass ist das Javascript nicht, was das Scrollen erzeugt...
Danke für die Screenshots, das ist schonmal sehr interessant.
Zitat von: "Thorstn"Vielleicht fehlt dem einen oder anderen Browser eines dieser Endungen (.eot, .woff, .svg)?
Jup, fontsquirrel kenn ich, nur leider hab ich futura book nur im ttf vorliegen. Man kann zwar über den @Font-face generator (http://www.fontsquirrel.com/fontface/generator) die anderen Dateien erzeugen, allerdings ist Futura Book ne komerzielle Schriftart und von daher nicht ganz legal, dass durchzuführen...
Ich hab noch ne andere interessante Seite bei linotype gefunden, bzgl. der Futura Book:
http://new.fonts.com/font/linotype/futura/book/web-font (http://new.fonts.com/font/linotype/futura/book/web-font)
Dort listet er die Dateitypen auf und sagt, welcher Browser welchen Typ eigentlich unterstützen müsste... Haut m.E. aber wohl nicht so ganz hin... grade bei Safari hat er immer irgendeine user-agent font family genommen.
Zitat von: "HPdesigner"Jup, fontsquirrel kenn ich, nur leider hab ich futura book nur im ttf vorliegen. Man kann zwar über den @Font-face generator die anderen Dateien erzeugen, allerdings ist Futura Book ne komerzielle Schriftart und von daher nicht ganz legal, dass durchzuführen...
Sorry aber das geht mal garnich das ist echt nee Sche.... Einstelung. Hoffe mal für dich das das hier keiner List der ein Intresse hat dem nachzugehen.
stefanbe
Zitat von: "stefanbe"Sorry aber das geht mal garnich das ist echt nee Sche.... Einstelung. Hoffe mal für dich das das hier keiner List der ein Intresse hat dem nachzugehen.
Entschuldige, ich versteh deine Antwort nicht. Was ist an der Einstellung falsch, etwas
nicht zu tun, was
nicht legal ist :shock: :?:
@font-face { font-family:Futura Book; src:local(Futura Book), url(FtraBk__.ttf) format(TrueType); }über url() holt sich der browser die schrieft wenn sie nicht lokal vorhanden ist und bindet sie ein. das heist du hast die schrieft auf dem server liegen was schonn kostenpflichtig währe was du ja anscheinend weist.
stefanbe
Ok um diese Diskussion mal abzubrechen und dir den Wind aus den Segeln zu nehmen:
Ich bin absolut gegen illegales Verwenden von Schriftarten oder überhaupt allem, was geistiges Eigentum eines anderen ist. Nur um das nochmal klarzustellen.
Die Futura hab ich auf Wunsch der Fotografin und in dem Wissen, dass sie die Schriftart erworben hat, eingebaut. Trotzdem war ich mir nicht sicher, ob dieser @font-face Generator von fontsquirrel nicht nur für free fonts ist...
Das als
Zitat von: "stefanbe"Sche.... Einstelung
zu bezeichnen, möchte ich ja stark bezweifeln...
-> PN
ich sehe das
@font-face { font-family:Futura Book; src:local(Futura Book), url(FtraBk__.ttf) format(TrueType); }+ ich lese
Zitat von: "HPdesigner"Jup, fontsquirrel kenn ich, nur leider hab ich futura book nur im ttf vorliegen. Man kann zwar über den @Font-face generator die anderen Dateien erzeugen, allerdings ist Futura Book ne komerzielle Schriftart und von daher nicht ganz legal, dass durchzuführen...
+ ich gehe zu http://www.fontsquirrel.com/fontface/generator und lese was neben "Agreement:" steht
+ gehe davon aus das du weist was du machst
= Die Schrieft wird illegal benutzt
Da ihr ja gebühren für die Schrieft zahlt ist ja alles gut
stefanbe
Uff ... Dann habt Ihr ja "die Kurve gekriegt" und alles ist wieder ok. ABER: An die mgl. Konsequenzen, wenn jemand irgendwo einen "Free"-Font hochlädt, der Markenlogos enthält oder vorhandene kommerzielle Schriften nur namentlich oder "seicht" verändert, mag ich garnicht denken (http://www.1001fonts.com/) ... nein, lieber nicht.
P.S.: Technisch Top. Sehr schick, zeitgemäß, aber deshalb für mich persönlich zu "typisch" ... Sterile 1001te Fotografenseite (gähn!)
(Konzept ist ja nicht auf Deinem Mist gewachsen...)
Good Job! :)
@HPdesigner:
Bzgl. der Font: Wichtig ist zu wissen, welche Rechte die Fotografin mit dem Erwerb der Schriftart erhalten hat. Ich vermute, dass sie diese problemlos für Printmedien und Ihr Logo nutzen darf, doch sie öffentlich zugänglich zu machen / zum download anzubieten, oder "nur" online bzw. auf einem anderen Rechner (in diesem Fall Server) zu speichern / nutzen ...
Die Seite selbst ist schön schlicht! Gefällt!
Schließlich geht 's um die Fotos.
Die Bilder kommen aus dem "galerien"-Ordner. - Hast Du eigens ein Plugin für die Anzeige geschrieben?
Danke, wasp und djr für euer konstruktives Feedback.
Zitat von: "djr"Hast Du eigens ein Plugin für die Anzeige geschrieben?
Nöö, hab ich mit 2 benutzerdefinierten Syntaxelementen so umgesetzt, dass die im CMS hochgeladenen Bilder ins javascript geladen werden.
Zitat von: "HPdesigner"...Bilder ins javascript geladen werden.
Ah! hmm...
Mit deaktiviertem JS wird nur das erste Vorschaubild angezeigt, aber alle geladen.
Vllt eine <noscript> Lösung finden.
Zudem sind auf der Einstiegsseite einige "<br />" zu viel im Content, wodurch das "lastchange"-div zu tief singt.
Ansonsten bin ich froh, mozilo mal in einem angenehm klaren Gewand zu sehen ;)
Zitat von: "djr"Mit deaktiviertem JS wird nur das erste Vorschaubild angezeigt, aber alle geladen.Vllt eine <noscript> Lösung finden.
Jup das stimmt, wär nochmal ne Variante... aber heute hat kaum noch jmd Javascript abgeschaltet, oder was denkt ihr?
Zitat von: "djr"Zudem sind auf der Einstiegsseite einige "<br />" zu viel im Content
Jup, die hat die Photografin dann wohl im BE gesetzt ;)
Hi,
ZitatJup das stimmt, wär nochmal ne Variante... aber heute hat kaum noch jmd Javascript abgeschaltet, oder was denkt ihr?
ach wäre das schön :D Leider hält sich aber die Angst vor Javascript scheinbar doch recht hartnäckig.
Bei uns gibts immer wieder Anfragen ob wir Projekte auch ohne Javascript umsetzen weil sowas ja angeblich böse ist. Die Leute dahingehend aufzuklären und denen bei zubringen wie das Ganze gelagert ist, ist echt ne Lebensaufgabe.
Davon abgesehen, hab ich schon bei einigen mobilen Edgeräten Probleme mit JS gehabt, von daher würde ich zumindest einen Hinweis im <noscript> immer mal einbauen, sicher ist sicher und kosten tut's ja nix ;)
gruß
m4ddy
Zitat von: "m4ddy"von daher würde ich zumindest einen Hinweis im <noscript> immer mal einbauen, sicher ist sicher und kosten tut's ja nix
Das ist wohl war, danke für den Tipp.
sauberes, klares Design.
Schöne Schrift(art),
kommt gut. Mir persönlich scrollen die Bilder zu schnell.
Getestet unter Linux, Firefox 12, Chrome, Opera und Konqueror.
Danke für das Lob und die Tests. Die Scrollgeschwindigkeit wollte die Photografin so haben.
wobei ich festgestellt habe, dass die Bilder um so langsamer scrollen, je weiter man mit der Maus "nach links" vom Pfeil fährt :)
Genauso ist das ja auch gewollt. und wenn man dabei noch klickt, gehts ganz schnell ;)