Premium Pixels ist der Blog von Orman Clark, wo er immer wieder Photoshop Templates, WordPress Themes, Icons und vieles mehr kostenlos zur Verfügung stellt. Die Qualität ist beeindruckend!
Kategorie-Archiv: Technik
Caschys Blog-Geburtstag – 6 Jahre, viele Preise
Dieser Beitrag wurde unter Technik abgelegt und mit Carsten Knobloch, Geburtstag, Wettbewerb verschlagwortet am .
Caschys Blog stadt-bremerhaven.de feiert 6 Jahre Geburtstag. Angefangen hat es als persönliches Blog, mittlerweile stehen Geek-Stuff und allgemein Technik im Vordergrund.
Jedenfalls verlost er sehr viele Preise, die ich natürlich gerne gewinnen würde. Aber ihr bestimmt auch, deshalb ist dieser Blog Post nicht nur Werbung 
Ein Film, ein Thema, Schweizer Blogger
Dieser Beitrag wurde unter Technik abgelegt und mit BlogCamp, Bloggerfilm, Blogs, Film verschlagwortet am .
Heute ist der Bloggerfilm, welcher Michael Eugster als Maturaarbeit gedreht hat, erschienen. Innert weniger Monate hat Michael 4 Stunden Videomaterial zusammengebracht, welche er nun in eine zehnminütige Dokumentation über Blogs und Blogger gepackt hat. Dabei hatte ich die Ehre, einer von 20 interviewten Personen zu sein – auch wenn man mich am Ende weniger oft hört als etwa BloggingTom oder den Pixelfreund.
An dieser Stelle ein grosses Lob an Michael, der ein spannendes Video gedreht hat, welches nicht nur innerhalb der Blogospähre herumgereicht wird, sondern man auch einmal anderen Leuten zeigen kann, die nicht wissen, was ein Blog ist. Der Film ist echt gut geworden!
Pascal's World Redesign
Dieser Beitrag wurde unter Technik abgelegt und mit CSS, Pascal's World, Webdesign verschlagwortet am .
Heute Abend ging meine private Website in die nächste Runde: Pascal’s World lockt mit Blau/Weiss, ähnlich wie bei Bad Boy. Einige Texte wurden von der alten Seite übernommen, was aber nicht heissen muss, dass ich diese so belassen werde. Verbesserungsvorschläge muss ich hoffentlich keine entgegennehmen, aber wenn jemand gerade nichts besseres zu tun hat, darf er oder sie sich gerne bei mir melden.
Das Design ist übrigens – wie man im Footer erkennen kann – valide (XHTML und CSS). Zudem habe ich auch auf ein elastisches Design gesetzt, was bis jetzt auch wunderbar funktioniert!
Hier ein Screenshot:
Pascal's World
Horizontal zentrierte Layouts
Dieser Beitrag wurde unter Technik abgelegt und mit CSS, HTML, Stylesheet verschlagwortet am .
Bekanntlich führen viele Wege nach Rom. Heute möchte kurz auf die Möglichkeiten eingehen, mit denen man einen Container oder ein ganzes Layout horizontal zentriert ausrichten kann!
Negative Margins
Eine interessante Möglichkeit, die vor allem für Layouts mit einer festen Breite geeignet ist, bieten negative Margins. Mit negativ ist hier der Wert des Margins gemeint. Zum Beispiel: margin: 0 -10px 0 0;
Meine Lösung für einen Container mit einer Breite von 500px sieht somit auch ziemlich ähnlich aus:
body {margin:0px; padding:0px;} /* Für die Cross-Browser Kompatibilität */
#Content {
position:absolute;
left:50%;
width:500px;
margin-top:50px;
margin-left:-266px; /* Halbe Breite + Padding + Rand = -266px */
padding:15px;
border:1px dashed #333;
background-color:#eee;
}Das ist eigentlich selbsterklärend, doch ich möchte noch genauer darauf eingehen, was da genau passiert. Der Container wird zuerst durch position:absolute; left:50%; ins horizontale Zentrum geschoben. Danach wird der linke Aussenabstand auf minus die Hälfte der Box gesetzt. Wichtig hierbei ist, dass man Innenabstand und Rahmen auch berücksichtigt. In meinem Beispiel ist das also margin-left:-266px;
Auto-Width Margin
Die CSS-Eigenschaft Margin bietet von Haus aus eine nette kleine Funktion, mit der das horizontale Zentrieren von Containern zum Kinderspiel wird. Das funktioniert auch in allen gängigen Browsern mit CSS2-Support.
Nur der Internet Explorer 5 (Windows) macht uns einen Strich durch die Rechnung. Der IE wendet das text-align Attribut bei Block-Level-Elementen falsch an, doch dafür gibt es eine kleine Lösung:
Wenn man beim übergeordneten Block-Leven-Element (meistens <body>) text-align: center; angibt, wird der Container korrekt ausgerichtet.
Dummerweise ist das text-align Attribut vererbbar, weshalb dann in anderen Browsern die Schrift wirklich rechts ausgerichtet wäre. Oft muss man text-align explizit auf das zentrierte Element anwenden, um den Auswirkungen der IE-Lösungen entgegenzuwirken. Das fertige Stylesheet sieht dann wie folgt aus:
body {
margin:50px 0px; padding:0px; /* Für die Cross-Browser Kompatibilität */
text-align:center; /* Hack für IE5/Win */
}
#Content {
width:500px;
margin:0px auto; /* Reche und linke Aussenabstände auf
"automatisch" eingestellt */
text-align:left; /* IE5 Hack umgehen */
padding:15px;
border:1px solid #333;
background-color:#eee;
}
Tweet des Tages
Dieser Beitrag wurde unter Technik abgelegt und mit Twitter, Witz verschlagwortet am .
Man kann seinen Computer nicht wie eine Frau behandeln. Ein Computer braucht Liebe
Umweltschutz durch Suchmaschine
Dieser Beitrag wurde unter Technik abgelegt und mit Ecocho, Google, Klima, Suchmaschine, Umwelt, Yahoo verschlagwortet am .
Seit einiger Zeit ist die Suchmaschine Ecocho im Netz. Sie bietet keine Vorteil im Gegensatz zu den Suchmaschinen-Giganten Google und Yahoo. Im Gegenteil: Ecocho nutzt die Suche von Google/Yahoo und blendet somit auch Werbung ein. Und das ist auch schonder springende Punkt:
Ecocho versichert, pro 1000 Suchanfragen 2 Bäume zu pflanzen, die durch Werbung finanziert werden. Wie innovative-Webmedia im April geschrieben hat, war die Strategie damals noch eine andere: 70% der Werbeeinnahmen wurden für die Pflanzung von Bäumen verwendet. Es scheint so, als wären 30% Verdienst zu wenig, weshalb sie das kurzerhand geändert haben. Ob das allerdings stimmt, weiss ich nicht.
Ein Kommentar beim innovativ-Webmedia Blog lautet übrigens wie folgt:
Das macht doch schon nachdenklich. Kann sich Ecocho wirklich etablieren? Ich meine, hat es einen Bedarf an so einem Angebot? Oder sehen die Macher darin bloss eine Marktlücke? Nun, lasst uns abwarten!
Zattoo zeigt seine soziale Seite
Dieser Beitrag wurde unter Technik abgelegt und mit Facebook, Fernsehen, Social Networks, Zattoo verschlagwortet am .
Wie Zattoo vor wenigen Tagen im Developer Blog bekannt gab, kann man ab jetzt Widgets auf seinem Blog oder Facebook Profil einbauen, die das Programm zeigen, welches ich gerade mit Zattoo schaue. Momentan werden nur wenige Dienste und Social Networks unterstützt. Zitat:
The widget is currently available for Facebook, bebo, and all blogging formats. More social network platforms to follow …
Wenn man bei Zattoo eingeloggt ist, kann man in nur drei Schritten ein Widget konfigurieren. Zuerst wählt man den Dienst (z.B. WordPress) aus, dann die Farbe des Widgets (hell/dunkel). Das wars. Jetzt muss man nur noch zustimmen, dass Sender und Programm gezeigt werden dürfen. Copy & Paste und der Code des Flashobjekts ist auch in deinem Blog zu finden!
Werbung bei Twitter
Dieser Beitrag wurde unter Technik abgelegt und mit Trigami, Twitter, Werbung verschlagwortet am .
Ich bin gespannt, wann der erste Twitter Advertise Service online geht. Gibt ja genug Möglichkeiten, Sponsored Tweets zum Beispiel. Es gibt ja schon welche, die das schon im 2007 diskutierten und immer noch nicht weiter sind. Schade eigentlich. Und Trigami will davon bestimmt auch nichts wissen.
Ideas?
PageRank
Dieser Beitrag wurde unter In eigener Sache, Technik abgelegt und mit Google, PageRank verschlagwortet am .
Den PageRank Checkern zufolge weist Great Talk einen PageRank von 2 auf. Cool.
Great Talk hoch zwei also 
Ich würde ja gerne mithelfen, aber zwei Gründe sprechen meiner Meinung nach dagegen:
1. Ist es langsamer als Google, da man erst umgeleitet werden muss. Das wird sich mit der Zeit noch verschlechtern, da ich bezweifle, dass ecocho de gleichen Serverkapazitäten hat, wie Google.
2. Werden die Suchergebnisse in einer anderen Reihenfolge angezeigt, als bei Google.
Ansonsten aber eine gute Idee, nur bezweifle ich, dass das sich halten wird.