 |
| Screenshot Galerie |
Als einen weiteren Schritt in Richtung Weltherrschaft raus aus den Datensilos dieser Welt habe ich meinem kleinen Notizheft einen Node Type Galerie spendiert. Denn schließlich will man manchmal nicht nur einzelne Bilder, sondern eine ganze Sammlung präsentieren. Diese habe ich aus dem normalen Datumsstrom herausgenommen und in einem separaten Verzeichnis abgelegt. Denn Sammlungen werden manchmal sehr groß, aber nach dem Anlegen in der Regel nur noch selten geändert und daher empfiehlt es sich nicht unbedingt, diese jedesmal mit herausschreiben zu wollen.
Ein besonderes Schmankerl ist das Inhaltsverzeichnis der Sammlung, das sowohl in dem Kasten über den Bildern wie auch auf der Startseite einer Sammlung automatisch beim Herausschreiben erzeugt wird. Dieses Inhaltsverzeichnis wird mit ein und demselben RubyFrontier-Makro erzeugt, für das unterschiedliche Aussehen ist das CSS zuständig.
Eine CSS-technische Einschränkug ist, daß die Weite der Bilder auf 560 Pixel beschränkt ist. Ich bin kein CSS-Guru und habe nicht herausbekommen, wie man Objekte dynamisch horizontal zentriert, ohne ihnen von vorneherein eine feste Weite zuzuordnen. (Ohne die Angabe einer Weite funktioniert margin: 0 auto; offensichtlich nicht.) Aber wenn jemand von Euch da draußen eine Idee hat …
Vielleicht hilft diese Quelle weiter… http://designshack.net/articles/css/how-to-center-anything-with-css/
Ist es gewollt, dass die Einträge des Julis andersherum als die des Augusts sortiert sind?
Ja, das ist gewollt. Ich probiere gerade aus, welche Sortierreihenfolge mir besser gefällt.
Hut ab, Herr Kantel! Ein schönes Blog! Ich schreibe als Student der Medien- und Kommunikationswissenschaft derzeit eine wissenschaftliuche Arbeit über Weblogs, bei der mit ihr Buch “Per Anhalter durch das Mitmach-Web” sehr geholfen hat. In diesem Sinne wünsche ich einen schönen Tag und ein schönes Wochenende.
P.S.: Die Strümpfe von Dolores sind nicht nur echte Klassiker, sondern vermutlich auch ein Männermagnet
tip: gib dem p innerhalb der class=”galerie-inner” den wert: p {text-align: center;} und der class=”galerie-inner” das width entziehen.
Mir gefällt die Reihenfolge vom August besser, da habe ich intuitiv das Gefühl, wo es zum nächst neueren Eintrag geht (nämlich nach oben) und nicht wie beim Juli, wo ich jedes mal in die falsche Richtung schaue.
IIRC, you should use *margin:auto* always in conjunction with *display:block* for images to center horizontally. I’ll not bother explaining floating your images with negative margins
FYI, it’s still good practice to give the correct *width* and *height* for images in HTML code.
Tip : always ay close attention to the format and size of your images : e.g. Faust.png is now 1.253.444 bytes ( a ridiculous 1.2 MB ).
PNG compression can save some 30% without visible loss of quality, but changing the PNG to JPEG brings the size down to 231.946 bytes with the quality set to 80%. Again, no visible loss of quality.
It all adds up quickly and makes the images load much, much faster.
Suggestion : in your user.css consider switching these colours :
currently :
background_color: # 333333 (ugly dark grey, takes the focus from your images)
color: #ffffff (makes the text color in your image subtitles white, looks OK on grey)
suggestion :
background_color: # fffff (neutral white, brings the focus to your images)
color: #333333 (makes the text color in your image subtitles dark grey, looks OK on white)