Ähnliche Artikel:

• Wenn Steve Jobs und Bill Gates Facebook Profile hätten…
• Macbook Trackpad Customization : MultiClutch
• 10+ unabdingbare Firefox Addons für Web Developer

Ähnliche Artikel:

]]>





Die neue API von Facebook macht es Webdevelopern nun leicht Like-,Kommentar oder auch Feed-Funktionalität einfach per iframe oder XFBML und Javascript SDK


Beispiele:

Like / Gefällt mir

Code:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.deine_seite.de&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

oder per XFBML (benötigt das Javascript SDK und den korrekten Doctype)

<fb:like href="http://www.deine_seite.de/" layout="standard" show_faces="true" width="450" action="like" colorscheme="light" /><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.apfelkuh.de&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

Activity Feed / Aktivitäten

<iframe src="http://www.facebook.com/plugins/activity.php?site=deine-seite.de&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:300px"></iframe>

oder per XFBML (benötigt das Javascript SDK und den korrekten Doctype)

<fb:activity site="developers.facebook.com" width="300" height="300" header="true" colorscheme="light" />

weitere Facebook API Plugins zum einfachen Einbauen in Eure Webseite findet Ihr in der API von Facebook

Ähnliche Artikel:

• Wenn Steve Jobs und Bill Gates Facebook Profile hätten…
• Macbook Trackpad Customization : MultiClutch
• 10+ unabdingbare Firefox Addons für Web Developer

Ähnliche Artikel:

]]> http://www.apfelkuh.de/827/facebook-api-like-button-und-open-graph-protokoll/feed 0 http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision#comments Fri, 19 Feb 2010 13:39:10 +0000 Manuel Graf http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision

Ähnliche Artikel:

• 11 Arten User-Interfaces mit Mootools zu verschönern
• Write less-CSS: zeitsparendes Webdesign
• Trick 17: CSS-Transparenz für alle Browsertypen

Ähnliche Artikel:

]]> Man könnte meinen, dass der Befehl svn revert genau jenes macht. Dem ist jedoch nicht so, da SVN revert leider nur die lokalen Änderungen wegschmeisst. Die einfachste Lösung um wirklich zu reverten ist – ganz klar – svn update -r … :

SVN Revert to a previous Revision.

Einfach ins Terminal oder in eine sonstige bash-konsole folgendes eingeben.


Will ich also von der Revision 13 auf 10 herunter schreibe ich

Das updated jedoch nur die Working Copy, die dann noch commited werden muss.

Sollte garnichts mehr gehen hilft nur ein
svn merge [Revision working copy]:[gewünschte Revision] [File]

Mein Tip für alle Coder, die sich überlegen svn zu benutzen:

GIT version Control

Ähnliche Artikel:

• 11 Arten User-Interfaces mit Mootools zu verschönern
• Write less-CSS: zeitsparendes Webdesign
• Trick 17: CSS-Transparenz für alle Browsertypen

Ähnliche Artikel:

]]> http://www.apfelkuh.de/816/svn-revert-zu-einer-fruheren-revision/feed 0 http://www.apfelkuh.de/807/state-of-the-art-mikroskopische-icons http://www.apfelkuh.de/807/state-of-the-art-mikroskopische-icons#comments Mon, 16 Nov 2009 11:42:24 +0000 Manuel Graf http://www.apfelkuh.de/?p=807

Ähnliche Artikel:

• famfamfam silk icons
• Trick 17: Webseiten mit ”em” skalieren
• Alle Internet Explorer Standalones (1-8)

Ähnliche Artikel:

]]> Vorbei sind die Zeiten der großen, glänzenden, dreidimensionalen Web 2.0 Icons. Es darf wieder gekleckert statt geklotzt werden.

microscopicons zeigt wie man auch in den Zeiten der Multi-Mashup-Apps die mit Content vollgestopft sind immer noch Platz für seine liebsten Icons findet. Mit 2×2 Pixel Größe sind die Microscopicons in jeder Hinsicht Platzsparend und so auch bestens für mobiles Internet geeignet.



Ähnliche Artikel:

• famfamfam silk icons
• Trick 17: Webseiten mit ”em” skalieren
• Alle Internet Explorer Standalones (1-8)

Ähnliche Artikel:

]]> http://www.apfelkuh.de/807/state-of-the-art-mikroskopische-icons/feed 0 http://www.apfelkuh.de/796/trick-17-seo-checkliste-offsite-optimierung-wie-man-externe-links-erfolgreich-generiert http://www.apfelkuh.de/796/trick-17-seo-checkliste-offsite-optimierung-wie-man-externe-links-erfolgreich-generiert#comments Tue, 10 Nov 2009 10:33:00 +0000 Manuel Graf http://www.apfelkuh.de/?p=796

Ähnliche Artikel:

• Wohin schauen User zuerst? Heatmapping mit Feng-GUI
• Kanzler und Außenminister fordern Grafs Rücktritt
• 10+ unabdingbare Firefox Addons für Web Developer

Ähnliche Artikel:

]]>





Die Zeit in der Suchmaschinen den Inhalt einer Webseite anhand der META-Tags bestimmt haben ist lange vorbei. Title und Description sind nur noch zur Anzeige auf der Ergebnisseite da und die Keywords werden fast komplett ignoriert. Wahres SEO passiert nun Offsite.

<a href=”http://www.ibusiness.de”>iBusiness.de</a> zeigt in diesem SEO-Guide, wie man externe Links generiert und somit seine Position in der Suchmaschinenlistung signifikant verbessern kann.

SEO-Checkliste Offsite-Optimierung: Wie man externe Links erfolgreich generiert.

Ähnliche Artikel:

• Wohin schauen User zuerst? Heatmapping mit Feng-GUI
• Kanzler und Außenminister fordern Grafs Rücktritt
• 10+ unabdingbare Firefox Addons für Web Developer

Ähnliche Artikel:

]]> http://www.apfelkuh.de/796/trick-17-seo-checkliste-offsite-optimierung-wie-man-externe-links-erfolgreich-generiert/feed 0 http://www.apfelkuh.de/789/write-less-css-zeitsparendes-webdesign http://www.apfelkuh.de/789/write-less-css-zeitsparendes-webdesign#comments Tue, 10 Nov 2009 09:25:25 +0000 Manuel Graf http://www.apfelkuh.de/?p=789

Ähnliche Artikel:

• Lolcode – Next Generation programming
• Ruby Tutorial: Ruby on Rails lernen
• Trick 17: Webseiten mit ”em” skalieren

Ähnliche Artikel:

]]>





HTML und CSS: das Unliebsamste für jeden Web-Developer. Man wiederholt sich ständig, muss Margins, Paddings und Widths berechnen undsoweiterundsofort. Das ist nun alles Vergangenheit dank less-CSS, einem Gem für Ruby on Rails mit dem Man im CSS Variablen und Funktionen benutzen, Klassen in Klassen wiederverwenden und sogar mit diesen automatisch rechnen kann


Less-CSS gibt einem endlich die Möglichkeit Variablen im CSS-Stylesheet zu definieren, verschachtelt Anweisungen zu deklarieren und im CSS mit px, em oder sogar Farben zu rechnen. Zudem muss man nur noch eine Klasse definieren und kann diese in anderen wieder verwenden. Ebenso ist es kein Problem Funktionen im CSS zu deklarieren.Somit erreicht man große Konsistenz in sienem Stylesheet und muss Deklarationen nur noch an einer Stelle ändern um sie überall zu ändern.

Die Installation erfolgt einfach durch

Nun kann man aus einem .less file wie folgendem einfach ein CSS-Stylesheet kompillieren:

Compiled wird das ganze nun durch den Befehl lessc

heraus kommt ein .css File des selben Namens im selben Pfad:


Zu beachten wäre jedoch, dass hinter jeder Deklaration ein Semikolon (;) stehen muss, da less sonst einen Syntax-Error meldet. das tut der Genialität wie Einfachheit dieses Gems keinen Abbruch.

benötigt wird für dieses Gem Ruby, Rubygems (notfalls installieren über Macports)


Ich persönlich erachte die Syntax von lesscss als gute Richtlinie für den CSS-Core. Wie oft habe ich geflucht, dass es in Css keine Varablen gibt oder ich nicht einfach headWidth-200px als Wert vergeben konnte. Ein großartiges Plugin für Ruby! Es spart unendlich viel Zeit im Stylen der Websites und komprimiert zusätzlich die CSS-Deklarationen auf das nötigste.

Download LessCSS Version 1.1

Ähnliche Artikel:

• Lolcode – Next Generation programming
• Ruby Tutorial: Ruby on Rails lernen
• Trick 17: Webseiten mit ”em” skalieren

Ähnliche Artikel:

]]> http://www.apfelkuh.de/789/write-less-css-zeitsparendes-webdesign/feed 0