www.archive-de-2014.com » DE » M » MADDESIGNS

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".

    Archived pages: 254 . Archive date: 2014-10.

  • Title: Lange nix gehört von dir | maddesigns
    Descriptive info: Lange nix gehört von dir.. 22.. August 2013.. Es war lange ruhig gewesen hier im Blog und ich kann auch nicht versprechen, dass sich das jetzt wieder ändern wird.. Themen über die man bloggen könnte gibt es genug, so ist es nicht, aber mir hat in den letzten Monaten absolut die Zeit gefehlt (sadpanda).. Erschwerend kam noch hinzu, dass ich der Seite auch längst einen neuen responsiven Anstrich verleihen wollte.. Dazu bin ich leider auch noch nicht gekommen.. Ich bin zu sehr mit Aufträgen und Schulungen beschäftigt, dass dafür Zeit blieb.. Und Familie hab ich auch, die wollen mich auch ab und zu auch sehen.. Ihr kennt das.. Da ich aber an allen.. Ecken.. und.. Enden.. was  ...   und dabei das neue responsive Default-Theme gesehen.. Na klar, ich hätte das Theme lieber selbst erstellt, aber wie eingangs bereits erwähnt, fehlt mir aktuell absolut die Zeit.. Deshalb hab ich das jetzt übergangsweise aktiviert (und werde es nach und nach noch ein wenig pimpen).. Morgen wird es einen neuen Artikel geben, der mir schon länger unter den Nägeln brennt.. Heute hatte ich auch die neue.. T3N.. im Briefkasten, da gibt es einen Artikel von mir über den Responsive Workflow zu lesen.. Im Wesentlichen ist das inhaltlich der Vortrag.. Responsive Webdesign Process.. Also, danke fürs dran bleiben und stay tuned!.. Tweet.. Beitragsnavigation.. Vorheriger Beitrag.. The Responsive Webdesign Process.. Nächster Beitrag.. Der Viewport — das unbekannte Wesen.. Werk 83.. Pepo..

    Original link path: /lange-nix-gehoert-1810.html
    Open archive

  • Title: The Responsive Webdesign Process | maddesigns
    Descriptive info: 11.. Oktober 2012.. Bei der TYPO3 Conference (T3CON12DE) in Stuttgart hatte ich die Gelegenheit einen Vortrag über den neuen Prozess in Responsive Webdesign Projekten zu sprechen.. Meiner Meinung nach muss sich bei RWD Projekten der Workflow vom üblichen Waterfall Prinzip zu einem iterativen Prozess ändern.. Einen Großteil der Arbeit in Responsive Webdesign Projekten sehe ich eher in konzeptionellem Bereich, als in der Programmierung selbst.. Vielleicht ist auch mal ein ausführlicher Artikel zum Thema notwendig, hier  ...   Matthias Witte.. sagt:.. 15.. Oktober 2012 um 16:19.. Diese Erfahrung habe ich bei unserem laufenden Projekt bisher auch gemacht.. Meiner Meinung nach muss man weg von ich erstelle ein Layout in Photoshop, so soll es aus sehen hin zu ich erstelle ein Layout in Photoshop, so kann es aussehen.. Habe deinen Vortrag verfolgt, danke dafür.. Habe gesehen das du in aufm T3Camp in Regensburg zwei Vorträge machen wirst.. Danke dafür schonmal im voraus.. Kommentare sind geschlossen..

    Original link path: /the-responsive-webdesign-process-1735.html
    Open archive

  • Title: Livereload – ein Browser Refresh Tool | maddesigns
    Descriptive info: Livereload ein Browser Refresh Tool.. 12.. März 2012.. 13 Kommentare.. Wer kennt es nicht… man entwickelt in der IDE oder noch besser geeignet für Frontend-Entwicklung im Texteditor.. Sublime Text 2.. und switcht dann zum Browser um die Änderungen anschließend zu überprüfen.. Dazu muss man im Browser ein Reload durchführen.. Livereload.. ist ein kleines aber sehr hilfreiches Tool für Mac (Windows in Beta-Status) was diesen Prozess beschleunigt.. erkennt Änderungen im Projektordner beim Speichern einer Datei.. Ein Browser-Plugin für Chrome (oder Firefox, Safari, Mobile Safari) führt dann umgehend im Hintergrund den Refresh/Reload durch.. Das erspart natürlich einige Tastenanschläge/Mausklicks.. Auf größeren Bildschirmen ist es praktisch, wenn man die beiden Fenster parallel positioniert und dann die Änderung am HTML oder CSS direkt im Blick hat.. Das wäre schon schön genug, aber Livereload bietet noch mehr.. Es kann auch Sass-, LESS- oder Stylus- sowie CoffeeScript-Dateien kompilieren und dann den Browser-Reload durchführen.. Zudem können auch Refresh-Pausen eingestellt werden.. Das ist hilfreich, wenn man z.. die geänderten Dateien beim Speichern direkt auf den Webserver hochlädt und die Änderung dort betrachtet.. Diesen Zeitinterval kann man als Wartezeit zum Live-Reload konfigurieren.. Das Mac-Tool ist nach der Beta-Phase nun im App-Store erhältlich und kostet $9.. 99.. Ich kann das Tool nur jedem empfehlen und habe von.. @livereload.. 2 Promo-Codes für meine Leser erhalten.. Um zu gewinnen einfach einen Kommentar abgeben!.. browser.. livereload.. mac.. refresh.. reload.. tool.. Das große Weihnachtsgewinnspiel Tag 24 im CSS3 Adventskalender 2011.. IE9 border-radius right-to-left (direction: rtl) Bug.. 13 Gedanken zu Livereload ein Browser Refresh Tool.. michael fruehmann.. März 2012 um 15:26.. das tool habe ich bereits auf mehreren Rechnern im Einsatz und kann es nur  ...   gerade einmal die Windows Version getestet, da ich im Office keinen MAC zur Verfügung habe.. Leider muss ich feststellen, dass damit noch überhaupt nichts angefangen werden kann.. Bin auf die weitere Entwicklung gespannt, denn es hört sich mehr als interessant an und kann die arbeit wirklich erleichtern.. Mike.. 19.. März 2012 um 20:34.. Hört sich interessant an.. Muss ich auch mal austesten.. Marvin.. März 2012 um 16:12.. Was ich noch nicht verstanden habe, ist, ob das auch funktioniert, wenn man ohne lokale Daten arbeitet – also direkt auf dem Server.. Und wenn ja, wie.. März 2012 um 17:01.. Du meinst also, wenn man nur remote auf dem Webserver arbeitet? Das geht in der neusten Version, siehe:.. http://help.. livereload.. com/kb/general-use/remote-server-workflows.. März 2012 um 18:19.. Danke für die schnelle Antwort und den Link! Die Info hatte ich auf der Seite irgendwie nicht gefunden.. Ich habe gerade erst angefangen mich in solche Workflows einzuarbeiten und mehr zu automatisieren und bin dabei, mich mit Sublime Text zu beschäftigen.. Da dieser Editor aber auch keine FTP-Funktion hat, wird es wohl darauf hinauslaufen das mit Transmit und Virtual Disk zu machen.. Virtual Disk hat nur den Nachteil, dass man bei langsamen Leitungen (hab hier nur eine 2K) eine lästige Zeitverzögerung bekommt.. März 2012 um 20:46.. Für Sublime gibt es ein super SFTP/FTP-Plugin:.. http://wbond.. net/sublime_packages/sftp.. – das ist auch in dem Support-Artikel für Livereload beschrieben.. 21.. März 2012 um 11:24.. Gut zu wissen, danke für den Tipp! Dann werde ich das bei nächster Gelegenheit alles mal durchspielen.. Spannend.. Alex.. März 2012 um 08:36.. Danke für den Tipp!.. So etwas ist wirklich für die Entwicklung sehr hilfreich..

    Original link path: /livereload-browser-refresh-tool-1640.html
    Open archive

  • Title: Browser | maddesigns
    Descriptive info: Schlagwort-Archiv: browser..

    Original link path: /tag/browser
    Open archive

  • Title: HTML E-Mail Newsletter cross-client-konform erstellen | maddesigns
    Descriptive info: HTML E-Mail Newsletter cross-client-konform erstellen.. November 2011.. 14 Kommentare.. Mein Artikel aus dem.. Webstandards-Magazin Ausgabe 9.. zum Thema HTML E-Mail Newsletter:.. Schöner mailen.. HTML-Newsletter sind und bleiben ein beliebtes Kommunikationsmittel, um Informationen zu transportieren.. Das Marketing liebt sie, weil sich Produktbilder oder visuelle Grafiken in die Werbebotschaft einbinden lassen.. Standardkonforme Newsletter-Vorlagen für alle Mailprogramme zu generieren, ist allerdings nicht die einfachste Aufgabe.. Wir haben einige Tipps und Tricks zusammengefasst und zeigen Lösungswege auf.. Emotionen und Handlungsaktionen lassen sich mit grafischen HTML-Newslettern gezielt wecken.. Im Gegensatz zu Nur-Text-Newslettern können Sie in HTML die Bedeutung mit Überschriftenhierarchien oder die Bedeutung mit unterschiedlichen Schriftfarben hervorheben.. Ein Firmenlogo können Sie einbinden, um Wiedererkennbarkeit (Branding) und demzufolge Vertrauen zu schaffen.. Und das Beste: Alle Mail-Clients unterstützen inzwischen HTML.. Großes Angebot: Zahlreiche Mail-Clients wetteifern um die Gunst der Kunden.. Zu schön, um wahr zu sein.. Wenn Sie sich bereits mit dem Thema beschäftigt haben, wissen Sie, dass besagte Mail-Clients zwar HTML verstehen, jedoch leider weitab von modernen Webstandards.. Eine Vielzahl der Programme unterstützt nur rudimentäre CSS-Eigenschaften und auch nur dann, wenn diese als Inline-Styles definiert wurden.. Das Testen eines HTML-Newsletters auf Kompatibilität in unterschiedlichen Clients gestaltet sich erheblich störrischer als der Cross-Browser-Test von Webseiten.. Hinzu kommt eine weitere Schwierigkeit, denn HTML-Newsletter landen allzu gerne im Spamfilter.. Diese Probleme gilt es zu bewältigen.. Das E-Mail Standards Project hat es sich zur Aufgabe gemacht, zusammen mit Entwicklern von Mailprogrammen und Designern einen Standard für HTML-Newsletter zu finden.. Die zugehörige Webseite.. email-standards.. org/.. stellt eine Dokumentation bekannter Bugs und Missstände in den jeweiligen Clients zur Verfügung.. Bekannt wurde das Projekt vor allem durch die Twitter-Kampagne „.. Fix Outlook.. “, bei der Nutzer mit einem Tweet ihre Unterstützung signalisieren konnten.. Abgesehen vom Medienecho sollten vor allem die Twitter-Avatare aller Unterstützer auf der Webseite des Projektes Microsoft auf die Problematik und die Dringlichkeit einer Lösung hinweisen.. HTML-Mails entwickeln: Coding à la 1999.. Um eine übereinstimmende Darstellung in den verschiedenen Clients zu gewährleisten, muss gegenwärtig noch auf veraltete Techniken zurückgegriffen werden.. Als Tenor gilt dabei „Code like 1999“ – verschachtelte Tabellen, Font-Tags und Inline-CSS, zudem keine CSS-Positioning über floats.. Die jüngeren Webworker allerdings wissen (zum Glück) nicht mehr, wie unsereins früher Designs auf Basis von Layouttabellen erstellt hat.. table border="0" cellpadding="0" cellspacing="0" width="98%"> tr> td> table border="0" cellpadding="0" cellspacing="0" width="500"> tr> td>.. das ist der HTML-Inhalt.. /td> /tr> /table> /td> /tr> /table>.. Medieninhalte ko nnen ebenfalls nicht wiedergegeben werden, also kein Video, kein Audio und ebenfalls kein Flash.. Leider ko nnen Desktop-Mail-Clients keine Formulare und aus Sicherheitsgru nden auch kein script> verarbeiten.. Zudem wurde mit der Einfu hrung von Outlook 2007 die Rendering-Engine von Internetexplorer auf Word umgestellt, was letztlich die Ausgangssituation fu r die zuvor genannte „Fix Outlook“-Kampagne darstellte.. Eine weitere Hu rde, mit der Sie rechnen mu ssen, sind nutzerspezifische Einstellungen.. Durch die verschiedenen mo glichen Fensteransichten werden jeweils unterschiedliche Teile eines Newsletters im Vorschaufenster angezeigt.. Grundlegend ko nnen Sie von einem Fensterausschnitt mit einer Gro ße von 250x250px ausgehen.. Wichtig ist, dass der Newsletter eine Gesamtbreite von 550-600px nicht u bersteigen sollte.. Eine gute U bersicht der unterstu tzen CSS-Eigenschaften hat.. Campaignmonitor.. zusammengestellt.. Designfalle deaktivierte Bilder und Fotos.. Die bei Weitem gro ßte Hu rde stellen Bilder dar.. Mit der Einfu hrung von Outlook 2007 wurde die Anzeige von eingebundenen Bildern sowie Hintergrundbildern unterdru ckt und muss in Outlook explizit pro Absender aktiviert werden.. Grund hierfu r war das U bermaß an Spam-Mails.. Google erlaubte in Gmail bis vor Kurzem ebenfalls keine Hintergrundbilder, doch auch hier ko nnen Sie die Darstellung inzwischen explizit aktivieren.. Fu r Bilder, die via img> eingebunden werden, ist es wichtig, das alt -Attribut sinnvoll auszufu llen.. Bei barrierefreien Internetseiten ist dies ohnehin bereits Pflicht, da bei abgeschalteten Bildern der Alternativtext angezeigt wird fu r blinde Menschen wird eben jener Text vorgelesen.. Achten Sie auf dieses wichtige Detail, denn viele Menschen sind schlichtweg zu faul, die Anzeige der Bilder in ihrem Mail-Client zu aktivieren.. Schu ren Sie das Interesse also versta rkt durch den (Alt-)Text! Bitte beachten Sie, dass viele Mail-Programme die Schriftauszeichnung aus den umschließenden Tabellenzellen auch auf den Alt(ernativ)-Text anwenden.. Wichtig zudem: Verlinken Sie Bilder ausschließlich mit absoluten Pfaden von einem offenen und schnellen Webserver.. Vermeiden Sie PNG als Bildformat.. Wenn Sie Ihr Newsletter-Design mit deaktivierten Bildern testen mo chten, ko nnen Sie das am besten mit der.. Webdeveloper Toolbar.. tun, indem Sie dort einfach unter Bilder > Grafiken durch Alt-Attribute ersetzen auswa hlen.. Auf gar keinen Fall sollten Sie Spacer-Gifs einsetzen, da diese als Spam angesehen werden.. Um nicht in die Spam-Falle zu tappen, sollten Sie sich einfach ein paar Mails aus dem Spam-Ordner ansehen und schauen, was dort im Quelltext steht und diese Fehler nicht im eigenen Newsletter  ...   die Programme Outlook 2003 und Gmail bietet litmus.. com die kostenlose Mo glichkeit, eine Test-Mail an den Service zu senden, die dann in Form von Screenshots wenige Minuten spa ter online abrufbar sind.. Insgesamt ko nnen Sie u ber litmus Previews von mehr als 30 Mail-Clients erzeugen – dann allerdings kostenpflichtig.. Auf der sicheren Seite – Mailvorlagen von MailChimp.. Sicherlich, Webdesigner erstellen am liebsten alles selbst, allerings ist es bei der Fu lle an Stolpersteinen, die auf dem Weg zum Cross-Client-HTML-Newsletter liegen, mu ßig bis schier unmo glich, alles richtig zu machen.. Der Anbieter.. MailChimp.. stellt auf seiner Webseite eine große Sammlung an Template-Vorlagen zur Verfu gung, die in diversen Mail-Clients getestet wurden.. Zudem hat.. MailChimp diese Sammlung auf GitHub vero ffentlicht.. Wenn Sie MailChimp als Newsletter-Versandservice nutzen mo chten, haben Sie zudem den Vorteil, dass die Mails u ber einen sicheren Absender verfu gen und ein Tracking der Kampagnen bereits mit zum Service geho rt.. Neu ist, dass in die Mails auch Social-Buttons fu r Facebook oder Twitter integriert werden ko nnen.. Des Weiteren ko nnen A/B-Tests bei den Kampagnen auf einfache Art und Weise durchgefu hrt werden.. Tools.. CSS Inline-Style-Konverter.. Die Firma Torchbox stellt einen.. Onlineservice.. zur Verfu gung, der extern eingebundenes CSS zu Inline-Styles wandelt.. Auch eine rudimenta re API zum Service ko nnen Sie aus einer eigenen Anwendung heraus ansprechen T.. Einen a hnlichen Service bietet Dialect aus Kanada, wobei.. Premailer.. sogar noch mit zusa tzlichen Hinweisen gla nzt.. E-Mail-Tracking mit Google-Analytics.. In seinem Artikel beschreibt Justin Cutroni sehr ausfu hrlich, wie Sie mit Google Analytics eine E-Mail-Kampagne tracken ko nnen.. Obwohl der Artikel bereits aus dem Jahr 2008 stammt, ist er nach wie vor sehr aufschlussreich und nu tzlich.. http://cutroni.. com/blog/2008/11/04/email-tracking-with-google-analytics/.. Das war mein Artikel aus dem Webstandards-Magazin Nr.. neue Link-Tipps.. http://spamcheck.. postmarkapp.. com/.. Spam Check Service incl.. API.. http://htmlemailboilerplate.. HTML E-Mail Boilerplate Starter Kit.. http://litmus.. com/blog/anatomy-mobile-email/anatomy-mobile-email-24-1000px.. Anatomy of a Perfect Mobile Email.. 1stwebdesigner.. com/wp-content/uploads/2011/08/email_marketing_infographic_upd.. jpg.. E-Mail Marketing Infografik.. email.. gmail.. mail.. newsletter.. outlook.. thunderbird.. CSS3 im praktischen Einsatz.. CSS3 Adventskalender 2011.. 14 Gedanken zu HTML E-Mail Newsletter cross-client-konform erstellen.. René.. November 2011 um 11:17.. Danke für den Artikel … es kann nicht oft genug erwähnt werden, wie sch***öööön die Entwicklung solcher Templates ist.. #not Ich fühl mich auch jedes Mal in die Steinzeit zurück versetzt.. Was ich fragen wollte … gibt es für Mailingcheck ein Pendant für den Mac, weißt du da evtl.. was?.. Vielen Dank im Voraus.. November 2011 um 16:22.. schau mal in den neuen Link Tipps da hab ich einen Online-Service verlinkt:.. (ungetestet).. Webstandard-Blog.. November 2011 um 08:51.. Klasse Artikel Sven! Leider kann es nicht oft genug wiederholt werden, dass HTML-Newsletter in Bezug auf den Code nichts mit den aktuellen Entwicklungen (CSS3, HTML5) zu tun haben.. Schon fast wieder lustig ist, dass der Support von CSS-Eigenschaften bei Outlook2003 deutlich besser ist als bei Outlook 2007/10.. Bis Freitag!.. EXites.. November 2011 um 09:32.. Wow! Das ist echt ein super informativer Artikel.. Großes Lob und vielen Dank dafür.. Musste vor kurzem erst einen Newsletter erstellen und bin fast verzweifelt, weil so gut wie nichts funktionieren wollte (Vielen Dank Outlook *grml*).. Die Online-Mail-Dienste (wie z.. gMail, yahoo, gmx, etc.. ) haben mir am wenigsten Ärger gemacht, da die eigentlich alles perfekt ausgegeben haben.. Und wie oben schon erwähnt, Outloock war der Feind ^^.. Grüßle, X.. Mac.. November 2011 um 11:28.. Schöne Übersicht, kompakt zusammengefasst.. Und Outlook.. Design, Gestaltung und Windows hat noch nie so richtig funktioniert.. Justine Jordan.. 3.. November 2011 um 21:32.. Thanks for linking back to Litmus! We have updated Market Share statistics available here:.. com/blog/email-client-market-share-infograph.. Pingback:.. Der neue Newsletter ist da | DL Blog.. Mika.. 5.. Januar 2013 um 14:30.. Danke für die Zusammenstellung und den Verweis auf die Vorlagen.. Es ist echt ein Krampf, dass man inbesondere bei Outlook immer wieder auf die absoluten Basics zurückgreifen muss, damit der NL auch dort einigermaßen richtig angezeigt wird.. Ergebnis ist dann meist ein nicht so schöner Newsletter, der aber immerhin überall gleich angezeigt wird.. Bin gespannt, wann sich Microsoft endlich Mal vom Word HTML Interpreter löst und eine zeitgemäße CSS Darstellung ermöglicht LG Mika.. Responsive HTML-Email Newsletter » t3n - Das Magazin für Digitales Business | we love technology.. Gabriel.. März 2013 um 17:01.. Danke für diesen super tollen und ausführen Artikel.. Besonders die Hinweise auf die kleinen hilfreichen online Tools finde ich super, kannte ich bisher noch nicht!.. So gestaltet man Responsive HTML-Newsletter | Tipps Tricks von Heinz PetautschnigTipps Tricks von Heinz Petautschnig.. Roland.. 28.. März 2013 um 11:57.. Hi Sven, wirklich ein schöner Übersichtsartikel! Jaja, Outlook 2007 ist immer noch der Feind.. April 2013 um 08:45.. Danke Roland!.. Responsive Email Newsletter Falcon White Nest | Der Agentur-Blog..

    Original link path: /html-newsletter-1030.html
    Open archive

  • Title: Email | maddesigns
    Descriptive info: Schlagwort-Archiv: email..

    Original link path: /tag/email
    Open archive

  • Title: Allgemein | maddesigns - Part 3
    Descriptive info: Kategorie-Archiv: Allgemein.. Blog-Artikel CSS3 linear-gradient Hintergrundverläufe mit CSS.. 4.. Mai 2010.. Im Marit AG TYPO3 Blog habe ich einen Artikel zum Thema Teaserboxen mit Verlauf ohne Bilder (CSS3 linear-gradient) geschrieben.. Dabei geht es um die Gestaltung von Teaserboxen ohne Bilder, also ausschließlich mit CSS.. Hier der Link:.. http://blog.. marit.. ag/2010/05/04/teaserboxen-mit-verlauf-ohne-bilder-css3-linear-gradient/.. Online Scheidung Deutschland überarbeitet.. 14.. Oktober 2008.. Online Scheidung, schnell und unkompliziert? Auf.. Online Scheidung Deutschland.. können Sie Kosten sparen, wenn Sie sich bei der Trennung mit dem Ehe-Partner einig sind.. maddesigns überarbeitete den Online-Auftritt zum Thema Scheidung.. Zurück..

    Original link path: /category/allgemein/page/3
    Open archive

  • Title: selectivizr – CSS3 selectors for IE – CSS3 Adventskalender Tag 19 | maddesigns
    Descriptive info: selectivizr CSS3 selectors for IE CSS3 Adventskalender Tag 19.. Dezember 2010.. Heute ein kurzer Tipp am Sonntag:.. selectivizr CSS3 selectors for IE.. ist das hilfreichste, was ich zum Thema CSS3 Internet Explorer 6-8 empfehlen kann.. Selectivizr ist eine Javascript-Bibliothek, die CSS3-Selektoren erkennt und für IE6-8 übersetzt.. Als Basis muss eine andere JS-Bibliothek wie jQuery, MooTools, Dojo, Prototype, etc.. eingesetzt werden.. Einbindung im Head-Bereich der Webseite:.. script type="text/javascript" src="[JS library]" /script !--[if (gte IE 6) (lte IE 8)] script type="text/javascript" src="selectivizr.. js" /script noscript link rel="stylesheet" href="[fallback css]" / /noscript ![endif]--.. Bei der Einbindung ist folgendes zu beachten:.. Selectivizr erkennt automatisch die beste JavaScript-Bibliothek für den Job.. Wenn bereits eine Bibliothek eingesetzt wird  ...   interpretiert.. Stylesheets müssen auf der gleichen Domain wie die Seite gehostet werden.. Ebenso funktionieren keine lokalen Dateien.. Die Emulation ist nicht dynamisch.. Sobald der Stile angewendet werden, werden sie fix, Änderungen am DOM werden nicht erneut interpretiert.. Webseiten mit Selectivizr IE müssen im Standards-Modus ausgeführt werden stellen Sie sicher, dass eine DTD am Anfang Ihrer Seiten ist.. Wenn JavaScript nicht verfügbar ist, können Sie eine Fallback-Stylesheet verwenden.. Fügen Sie es einfach im noscript Bereich, wie im Beispiel-Code oben ein.. Demo.. Tag 13:.. :nth-child() Pseudo-Selektor Demo im IE.. Tag 15:.. CSS3 Tabellen-Übersicht im IE.. Am Tag 20 geht es im.. mit CSS3 Transitions weiter.. jquery.. CSS3 Adventskalender Tag 18.. CSS3 Adventskalender Tag 20..

    Original link path: /selectivizr-css3-selectors-for-ie-css3-adventskalender-tag-19-644.html
    Open archive

  • Title: Jquery | maddesigns
    Descriptive info: Schlagwort-Archiv: jquery..

    Original link path: /tag/jquery
    Open archive

  • Title: [How to] Twitter’s offiziellen Tweet-Button in WordPress Blogs einbinden | maddesigns
    Descriptive info: [How to] Twitter s offiziellen Tweet-Button in WordPress Blogs einbinden.. August 2010.. 9 Kommentare.. Twitter hat den offiziellen ReTweet Button veröffentlich und schreibt in der.. Blog-Meldung.. dass sie dabei mit den eigentlichen Erfindern des Tweet-Button.. TweetMeme.. zusammenarbeiten.. ReTweet Button in WordPress einbinden.. Das Einbinden des Twitter ReTweet Button ist recht einfach.. Twitter stellt auf der Tweet-Button Website einen.. Konfigurator.. zur Verfügung.. Wenn man sich mit seinem Twitter-Account eingeloggt hat, werden schon die wichtigsten Felder vorkonfiguriert (Username).. Dann kann man die Style des Button auswählen, also vertikal mit Retweet-Anzahl oberhalb, horizontal mit der Anzahl der Tweets rechts vom Button oder ohne Zählung als kleiner Button.. So kann man je nach Website-Design den richtigen Button-Style auswählen.. Neben dem Button-Style kann man auch die URL und den Tweet-Text anpassen.. Voreinstellung ist jeweils die URL und der Titel der Seite, die getwittert wird.. Als vierte Reiter-Option kann man die Sprache des Tweets angeben, z.. German für deutsch.. Quellcode-Vorschau.. Im Schritt 2 wird der eigene Twitter-Username angegeben und zusätzlich kann ein weiterer (Partner-)Username und Beschreibung angegeben werden.. In der Vorschau wird die Auswahl direkt angezeigt (Button-Style) und ein Code-Fenster mit dem generiertem HTML-Quellcode.. Folgender Code wird in den Standardeinstellungen mit deutscher Textanzeige erzeugt:.. a href="http://twitter.. com/share" class="twitter-share-button" data-count="vertical" data-lang="de" data-via="TWITTER USERNAME" Tweet /a script type="text/javascript" src="http://platform.. twitter.. com/widgets.. js" /script.. Tweet-Button Code in WordPress einbinden.. Um den Button in WordPress einzufügen, muss das Theme bearbeitet werden.. Dazu geht man in seiner WordPress-Admin  ...   twitter-Button schon erfogreich eingebunden? Schreibt mir ein Kommentar oder ein Tweet an.. @maddesigns.. Plugin für WordPress.. [Update] Für den neuen Twitter-Button gibt es jetzt auch ein erstes.. Plugin.. Jasmina von Onlinelupe hat auch ein schönes.. Tutorial.. geschrieben.. Thomas von.. hombertho.. de.. nutzt bei sich den kleinen Twitter-Button.. retweet.. twitter.. wordpress.. Gastartikel im Webstandards-Blog Formular Design mit CSS3.. CSS Performance Vortrag auf dem TYPO3camp München.. 9 Gedanken zu [How to] Twitter s offiziellen Tweet-Button in WordPress Blogs einbinden.. Peter.. August 2010 um 17:11.. Und für TYPO3 gibt es auch schon eine Extension, die den Einbau ganz einfach macht :-).. Gerade veröffentlicht:.. http://bit.. ly/alinbutweet.. Herzlichst,.. Twitter’s officiële Tweet-Button in WordPress-blogs grafiens blog.. Toni.. August 2010 um 00:04.. Danke, für die Erklärung, wird später gleich eingebaut!.. Thomas.. August 2010 um 18:06.. Also beim Einbau braucht man wirklich kein Plugin.. Das geht Kinderleicht.. Aber ich freue mich schon auf das erste Plugin, dass auch eine Import Funktion hat und die Tweets als Kommentare, oder als Icons, wie beim Facebook Plugin importiert werden können.. Ein paar optische Veränderungen | Blog-Experiment.. Sat Anlage.. November 2010 um 20:56.. Danke sehr an den Autor.. Gruss Eike.. Dadi.. Februar 2011 um 16:04.. Hi,.. leider funktioniert das bei mir nicht.. Habe aber genau das gemacht wie es oben steht.. NUtze WordPress 3.. 0.. 4.. Februar 2011 um 12:27.. ist natürlich schwer zu sagen warum es nicht geht, bei mir geht es.. Christian H.. Meyer.. Mai 2011 um 15:23..

    Original link path: /how-to-twitters-offiziellen-tweet-button-in-wordpress-blogs-einbinden-161.html
    Open archive

  • Title: Retweet | maddesigns
    Descriptive info: Schlagwort-Archiv: retweet..

    Original link path: /tag/retweet
    Open archive





  • Archived pages: 254