CSS Tutorial

Video Training HTML5 und CSS3 – Die neuen Webstandards praktisch eingesetzt

by Sascha Januar 2, 2013
HTML5-CSS3-Video-Training

Die Zukunft des Webdesigns rückt immer näher. HTML5 und CSS3 finden auch hier im Blog schon täglich ihre Anwendung. Es sieht schicker aus und kann wesentlich mehr, als ältere Standards. Wer das nun komprimiert lernen will, sollte weiterlesen. CSS3 schafft tolle Effekte und ersetzt teilweise schon Grafiken, zum Beispiel bei der Umrandung von HTML Elementen. Waren runde Ecken früher nur grafisch umsetzbar, geht das mit CSS3 mit einem einfachen Befehl. Schnelleres und besseres Design – Das sollte jeder können! Video Training für HTML5 und CSS3 Die User heutzutage lieben Videos. Was gibt es also besseres, als die Bücher in Videos […]

CSS3 Tutorial – Ausklappende Texte für FAQ Seiten

by Sascha April 10, 2012
css3-logo-blogverdiener

Normalerweise ist eine FAQ Seite ewig lang. Es gibt diverse Fragen und noch mehr Antworten. Sucht man nach einer bestimmten Frage muss man oft durch ewig lange Texte scrollen, um die eigentliche Frage zu finden. Wie man diese Seite komprimiern kann, zeigt dieses Tutorial. Schaut man sich das Help Center von Facebook an, also die FAQ´s von Facebook, dann kann man sich diesen Effekt anschauen. Es wird ein kleiner Ausschnitt gezeigt, und erst wenn auf die Frage geklickt wird, dann erscheint die komplette Antwort. Die Idee war nun eben dies nachzubauen und dabei nur CSS3 zu verwenden. Also beginnen wir, […]

CSS3 Tutorial – Thumbnails mit Hover Effekt

by Sascha April 3, 2012
css3-logo-blogverdiener

Thumbnails tauchen im Internet enorm oft auf. Kleine Vorschaubildchen, die bisweilen überall zu finden sind, aber kaum eine schöne Formatierung aufweisen können. Dieses Tutorial soll dies nun ändern. Im Blog baut man oft Bilder ein, um einen Aspekt grafisch zu verdeutlichen. Klickt man auf dieses Bildchen kann man sich die Vergrößerung anschauen. Leider ist es aber oft mit einem Plugin verbunden, wie zum Beispiel der Nextgen Gallery. Sicherlich ein sehr praktisches Plugin, aber auch ein Speicherfresser. Kleine Effekte mit CSS3 Die ersten kleinen Effekte können wir den Bildern in unseren Artikeln mit Hilfe von CSS3 schon anheften. In diesem Tutorial […]

CSS3 Tutorial – Praktische Tabellen mit runden Ecken

by Sascha März 27, 2012
css3-logo-blogverdiener

Tabellen Konstrukte sind zwar nicht mehr „in“ aber verwenden kann man sie dennoch. Vor allem wenn man Daten schön gegenüberstellen möchte, ist das nützlich. CSS3 sorgt dabei auch noch für eine vernünftige Optik. Gerade wenn man viele Daten präsntieren möchte, ist die tabelle noch immer das beliebteste Element. Das Design einer Tabelle anzupassen ist aber für viele noch immer eine Herausforderung. In diesem Tutorial erstellen wir eine leicht lesbare Tabelle, in der ich am Ende dieses Artikels noch einmal alle bisher erschienenen Artikel der CSS3 Tutorial Serie verlinke. Coole CSS3 Tabellen Tabellen sollen immer einfach zu erstellen, einfach zu lesen […]

CSS3 Tutorial – Tooltips erstellen

by Sascha März 20, 2012
css3-logo-blogverdiener

Wie ich schon angekündigt hatte, beginnen wir nun mit den komplexeren Tutorials. In diesem werden wir die zuvor erlernten Techniken einsetzen um sogenannte Tooltips zu erstellen, die wir mit zusätzlichen Informationen, zum Beispiel einer Erklärung füllen können. Und zwar nur mit CSS3! Natürlich kann man auch mit einem (span) und dem (title) Tag arbeiten. Der Nachteil dabei ist aber, dass man diesem kein Design verpassen kann. Da aber Design ein Alleinstellungsmerkmal von Webseiten ist, nutzen wir eben CSS3 um einem TooltipEin Tooltip ist das, was Du gerade siehst, wenn Du mit der Mause über den Link fährst. Dieser wurde nur […]

CSS3 Tutorial – Sprechblasen mit CSS3 gestalten

by Sascha März 13, 2012
css3-logo-blogverdiener

CSS3 ist perfekt, wenn man grafische Elemente ohne Grafiken erstellen möchte. Es verbessert die Ladezeiten. Sprechblasen werden oft in Kommentaren genutzt oder auch in sogenannten Tooltips. Wie man diese erstellt zeigt dieser Artikel. Damit man Sprechblasen wie die Folgenden erstellen kann, muss man wissen, wie man Dreiecke mit CSS3 erstellt. Wir benutzen für die Sprechblase ein simples HTML Elemtent (div, p) und ein paar Zeilen CSS3 Code. Keine Bilder und auch kein Java Script. Sprechblase erstellen Als erstes erstellt man eine simple Box, mit dem enthaltenen Inhalt. Ich mache das als DIV. Dieses platziert man im Content und fügt das […]

CSS3 Tutorial – Dreiecke mit CSS3 gestalten

by Sascha März 6, 2012
css3-logo-blogverdiener

CSS3 wird zukünftig immer mehr Grafiken ersetzen. Da ist es natürlich angebracht, wenn man ein paar geometrische Formen gestalten kann. Rechtecke und Quadrate sind ja schon Gang und Gebe. Dreiecke und Kreise sind aber ebenso möglich. Was die meisten nicht wissen, ist, das beim erstellen von Rändern eigentlich dreiecke erstellt werden. Vier Dreiecke, die jeweils einen Rand darstellen. Wenn man nur eines coloriert und die anderen transparent erscheinen lässt, kann man ein einzelnes Dreieck erstellen. CSS3 Spielereien Fangen wir einfach mal mit der Darstellung der einzelnen Dreiecke an. Wir haben vier dreiecke, von denen jedes eine andere Farbe hat: border-color: […]

CSS3 Tutorial – Runde Ecken erstellen mit Border Radius

by Sascha Februar 28, 2012
css3-logo-blogverdiener

Runde Ecken finden immer mehr Einzug in den Designelementen einer Webseite. Die eckigen Gebilde werden mittlerweile sogar als hässlich bezeichnet. Dieser Artikel soll zeigen wie man runde Ecken mit CSS erstellen kann. Früher hat man für runde Ecken oft vier verschiedene Grafiken für die Ecken genutzt. Diese waren zwar recht schnell erstellt, aber brauchten Bandbreite und auch Ladezeit. Mit CSS geht es noch schneller und nicht auf Kosten der Bandbreite. Beispiel für Runde Ecken Zunächst einmal ein kleines Beispiel. Dafür habe ich ein DIV erstellt, dass runde Ecken mit CSS3 realisiert: In diesem DIV sind alle vier Ecken abgerundet. Dank […]

CSS3 Tutorial – Gradient Backgrounds

by Sascha Februar 21, 2012
css3-logo-blogverdiener

Neue Befehle in CSS3 machen neue Hintergründe möglich, für die vorher Grafiken nötig waren. Dieser Artikel zeigt einige Beispiele. Grundsätzlich unterscheidet man zwei Arten von Farbverläufen. Der eine ist Linear, der andere Radial. Den linearen Farbverlauf sieht man schon recht häufig in Form von Grafiken. Sie werden gerne in Headern, Buttons und Hintergründen eingesetzt. So unterscheiden sie sich: Lineare Verläufe, geradliniger Farbverlauf von zwei oder mehr Farben Radiale Verläufe, kreisförmiger Farbverlauf zwischen zwei Farben Natürlich habe ich dazu einige Beispiele vorbereitet. Ich habe dazu aber kein Fallback eingebaut, das bedeutet, wenn euer Browser CSS3 nicht unterstützt habt ihr gleich zwei […]

CSS3 Tutorial – Border Image

by Sascha Februar 14, 2012
css3-logo-blogverdiener

Dieser Artikel zeigt Dir, wie Du mit CSS3 Bilder als Border für zum Beispiel DIV Elemente nutzen kannst. So spart man sich das zurechtschneiden mehrerer Hintergrundbilder. Und natürlich muss nur noch ein Bild geladen werden, anstatt mehrerer. Wenn wir einmal zurückblicken können wir uns daran erinnern, dass es früher mindestens zwei Bilder waren, die wir benötigt haben um runde Ecken darstellen zu können. Das wurde durch die „radius“ Eigenschaften schon erleichtert. Was gefehlt hat war dennoch, dass auch Bilder den Rahmen bestimmen können. CSS3 macht dies nun möglich. Border verstehen Zum Verständnis der Boder eines Div Tags muss man zunächst […]

Letzte Artikel

  • spielcasino.net Für Zwischendurch – Online zocken und Zeit vertreiben
    Verauchte Säle, Whiskey und Pokerkarten. Dazu viele verruchte Gestalten, die an dem Spieltisch ihr letztes Hab und Gut einsetzen. Der Stoff aus dem viele Filme geschmiedet sind. Waren es früher die restlichen Dollars, die von den Cowboys verzockt w...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #11 – Eine Woche gar nichts mehr
    Eine ganze Woche lang habe ich überhaupt nichts gemacht. Das lag zum einen einer Operation an meinem Knie, die ich auskuriert habe, und zum anderen an dem Testtool, das mir einfach keine neuen Werte ausgegeben hat. Jede Serie braucht einen Abschl...Mehr lesen...
  • Premium Themes aus Deutschland WordPress Theme gesucht? Hier wirst Du fündig!
    Immer mal wieder bastelt ein Blogger am eigenen Blog herum, weil er vielleicht die Optik nicht mehr ertragen kann. Mir geht das regelmäßig einmal im Jahr so. Und oft schaue ich mir dann die ganzen Theme Schmieden an, um herauszufinden, was es denn...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #10 – Halbzeit
    Die Hälfte ist geschafft. Social Bookmarking im 20 Tage oder 20 Bookmarks Test. Wie viel Ranking bringen Social Bookmarks? Was bringen sie überhaupt? Diese Frage soll diese Case Study beantworten. Deshalb habe ich mir einen Artikel aus meinem Ar...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #9 – Leichter Abfall des Rankings
    Ein neuer Tag in meiner SEO Case Study. Das Social Bookmarking hat mich bisher um rund 50 Plätze nach oben verschoben und heute ging es wieder ein wenig bergab. Glücklicherweise nur um einen einzigen Platz, den ich hoffentlich heute wieder aufho...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #8 – Bergsteiger Artikel
    Das Social Bookmarking, das in den letzten Monaten so furchtbar an Strafen von Google gelitten hat, wird derzeit auf die Probe gestellt. Welche Auswirkungen hat es noch auf das Ranking? Und wirkt es überhaupt? Google ist sehr streng gegen alle m...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #7 – Erneut ein Stückchen hoch
    Nachdem ich gestern über Stagnation geklagt habe, scheint Google meinen Ruf gehört zu haben und schiebt den Artikel wieder drei Plätze nach oben auf Platz 68. Damit habe ich Seite sechs im Ranking erreicht. Das nächste Ziel muss also lauten ...Mehr lesen...
  • Social-Bookmarking-Ranking SEO Case Study #6 – Stagnation
    Social Bookmarking hat nach dem Google Penguin Update an Bedeutung verloren. Darin sind sich fast alle einig. Die Kommentare, die ich hier im Blog oder per Email bekommen habe, belegen das. Dennoch soll meine Case Study dahingehend für mich Klarheit...Mehr lesen...

Warum dieser Blog?

  • Geld verdienen im Internet

    ist der Traum vieler. BlogVerdiener beschäftigt sich mit den Möglichkeiten und vor allem mit den einzelnen Anbietern, die das Geld verdienen im Internet möglich machen. Dabei werden die Anbieter vorgestellt und in gewissen Zeiträumen immer wieder getestet. Das Hauptaugenmerk liegt dabei auf Seriosität. Betreffend der Auszahlungen, aber auch den Support. BlogVerdiener propagiert nicht den schnellen Reichtum im Internet, sondern soll aufzeigen, wie durch Arbeit im Netz Geld verdient wird. Ob als Texter, über Social Media Profile bis hin zu Youtube Videos, hier steht alles auf dem Prüfstand.

    Zusätzlich veröffentliche ich regelmäßig Tutorials, die zeigen sollen, wie man die Anbieter zum Geld verdienen benutzt. Auch ist mir wichtig den Verdienst immer weiter zu steigern. Jeder getestete und hier eingesetzte Anbieter soll monatlich die Auszahlungsgrenze überschreiten. Das Ziel ist es sich ein Online Einkommen aufzubauen, dass so groß ist, und so dauerhaft ist, dass ich mir keine Sorgen um meine Rente machen muss und sogar bereits mit 40 Jahren meinen Antrag stellen kann.

    Geld verdienen im Internet – Mit Arbeit und viel Lernen verbunden, ist es doch eine Beschäftigung die Spaß macht, gleichgesinnte vernetzt und tolle Partnerschaften ermöglicht.

    Ursprünglich war BlogVerdiener ein Hobby. Ich wollte mich mit der Möglichkeit beschäftigen „Geld im Internet“ zu verdienen. Daraus ist aber so viel geworden, dass ich es irgendwann aufschreiben musste und wollte. Zunächst bin ich auf einem anderen Blog gestartet, der aber BlogVerdiener weichen musste.

    Das Geld verdienen im Internet ist eine sehr spannende Sache, die sich ständig entwickelt. Neue Anbieter kommen hinzu, alte verschwinden. Es gibt diverse Themengebiete, in denen man sich selber entwickeln und lernen kann. Das ist der Punkt, der auf mich eine so unglaublich große Faszination ausübt. Und nicht zuletzt natürlich mein stetig wachsender Kontostand.

    Es macht Spaß Anbieter zu testen und dann für den eigenen Blog die Optimierungsarbeit zu leisten. So kann ich lernen, ausprobieren und nebenbei noch Geld verdienen. Dieser Gedanke ist irgendwann aber zu Ende gewesen.

    Jetzt ist das Hauptziel von BlogVerdiener das Geld verdienen im Internet reproduzierbar zu machen, so dass es für jeden funktioniert. Der Aufwand soll minimiert werden und das Ergebnis stetig verbessert.

Highlights

  • Geld verdienen im Internet mit Beispielen zu Belegen gehört sicherlich zu den Highlights hier im Blog. Hin und wieder starte ich 30 Tage Tests, in denen mehrere Anbieter der gleichen Branche gegeneinander antreten müssen. So zum Beispiel Februar 2013. Für diesen Monat gibt es die Mini Verdienst Challenge, in der ich diverse Anbieter, mit denen auf Facebook Geld verdienen möglich ist, gegeneinander antreten ließ. Das Ergebnis ist eine Seite hier im Blog, die alle Details haarklein auflistet und einige Anbieter für jedermann empfiehlt.

    So kann sich auch die Hausfrau einen netten Nebenverdienst aufbauen, ohne vorher teure Produkte zu kaufen oder anders auf die Nase zu fallen.

    Ein weiteres Highlight sind sicherlich die Empfehlungen der getesteten Fachbücher. Geballtes Wissen für angehende Blogger und Webmaster. Hier stecke ich viel Arbeit und Mühe hinein.

    Das dritte erwähnenswerte Highlight sind Tutorials, in denen ich mich mit dem Thesis Theme, CSS3, HTML5 und Wordpress auseinander setze. Hier kann vieles für andere Blogs adaptiert werden.

50 Suchanfragen

Kontakt