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: text-shadow – Text-Effekte – CSS3 Adventskalender Tag 7 | maddesigns
    Descriptive info: text-shadow Text-Effekte CSS3 Adventskalender Tag 7.. 7.. Dezember 2010.. Wie schon im.. CSS3 Adventskalender Tag 5 über box-shadow (Schatten).. beschrieben, ist die Syntax zwischen.. und.. gleich.. text-shadow { text-shadow: 2px 2px 5px #999; }.. Ein paar Live-Demos:.. text-shadow.. bei kleiner Schrift.. Das Positive an der Eigenschaft: alle Browser unterstützen sie, sogar ohne Vendor-Prefix.. Das Negative: der Internet-Explorer gar nicht (auch der IE9 beta nicht).. update:.. mit der filter-Eigenschaft DropShadow kann man einige Text-Effekte wie in der Demo unten gezeigt auch im IE6-8 umsetzen.. 3D-Text mit Text-Schadow.. Einen CSS 3D-Text kann man mit mehreren kommagetrennten Schatten erreichen, hier ein Screenshot:.. HTML:.. div class="background" p class="text-shadow3d" Beispiel 3 /p /div.. CSS:.. background { background-color: #000; color: #fff; font-size: 7em; text-transform: uppercase; }.. text-shadow3d { text-shadow: 1px 1px #fe4902, 2px 2px #fe4902, 3px 3px #fe4902, 4px 4px #fe4902, 5px 5px #fe4902, 6px 6px #fe4902, 7px 7px #fe4902, 8px 8px #fe4902; }.. weitere Text-Effekt Demos.. Demo-Datei zu CSS3 text-shadow (Drop-Schatten) aufrufen.. Update:.. text-shadow für Internet Explorer.. mit filter: DropShadow.. Browser-Support:.. wird ohne Prefix unterstützt seit Safari 1.. 1+, Chrome 2+, Firefox 3.. 1+, and Opera  ...   für IE mit Text-Shadow getestet und bekam keine akzeptablen Ergebnisse hin.. Leider!.. Hans Christian Reinl.. Dezember 2010 um 22:55.. Eine Idee zur Umsetzung im IE und anderen Browsern, die text-shadow nicht unterstützen kam mir eben und ich musste sie gleich mal umsetzen.. Etwas rudimentär.. Habe das mal hochgeladen:.. source-access.. eu/demo/text-shadow/.. Jedes Wort im Text wird gewrappt und per CSS wird eine eigene Farbe generiert.. Funktioniert allerdings nur für Texte, wie in Beispiel 4, in denen der Text keine Distortion hat.. Sieht im Beispiel nicht wirklich schön aus.. Liegt am Anti-Aliasing in Windows, glaub ich.. Dezember 2010 um 23:12.. na dann doch lieber filter: progid:DXImageTransform.. Microsoft.. DropShadow(color:#ff0000, offx=2, offy=2); ich hab ja nicht gesagt, dass es nicht geht, aber wirklich schön sieht es nicht aus.. Dezember 2010 um 23:24.. Stimmt.. Das ist sicher die schnellere und bessere Lösung.. Um ehrlich zu sein habe ich deinen letzten Satz einfach überlesen und kannte den Filer DropShadow vorher nicht.. Wieder was gelernt.. Da auch alle anderen Browser seit einer recht jungen Version text-shadows unterstützen.. ist meine Idee wohl hinfällig.. Kommentare sind geschlossen.. Werk 83.. Pepo..

    Original link path: /text-shadow-text-effekte-css3-adventskalender-tag-7-450.html
    Open archive

  • Title: CSS3 Adventskalender 2011 – Tag 10 | maddesigns
    Descriptive info: CSS3 Adventskalender 2011 – Tag 10.. Dezember 2011.. …im Webstandard Blog zum Thema.. CSS3 Text-Shadow erzeugt Blur-Effekt.. CSS3 transitions to go – CSS3 Adventskalender Tag 9.. CSS3 Adventskalender 2011 – Tag 12..

    Original link path: /css3-adventskalender-2011-%e2%80%93-tag-10-1356.html
    Open archive

  • Title: CSS3 Adventskalender 2011 – Tag 4 | maddesigns
    Descriptive info: CSS3 Adventskalender 2011 – Tag 4.. 4.. …im Webstandard Blog zum Thema “.. CSS Transform und Transition am Beispiel eines Call-to-Action-Elementes.. ”.. ”CSS3 Responsive Web” CSS3 Adventskalender Tag 3.. CSS3 Adventskalender 2011 – Tag 6..

    Original link path: /css3-adventskalender-2011-%e2%80%93-tag-4-1221.html
    Open archive

  • Title: CSS3 transitions to go – CSS3 Adventskalender Tag 9 | maddesigns
    Descriptive info: 3 Kommentare.. Transitions ist auch heute wieder Thema im CSS3 Adventskalender.. Am Tag 4 zeigte Heiko im.. am.. Beispiel eines Call-to-Action Button.. was man mit Transion und Transform mit CSS3 für Effekte erziehlen kann.. Seit der Einführung von -moz-transition im Firefox 4 konnten Transitions endlich mehr verwendet werden, da der Browsermarkanteil der unterstützenden Browser enorm gestiegen ist.. Auf die detailierte Funktionweise möchte ich heute nicht weiter eingehn, das war ja schon.. Thema im letzten Jahr.. Vielmehr gibt es heut ein paar Snippets um.. :hover.. -Transitions auf Bildern zu animieren.. Doch nur nochmal zur Erinnerung, transitions können auch auf andere dynamische Pseudoklassen wie.. :active.. :focus.. :target.. :disabled.. , etc.. , aber auch auf @media-Queries angewendet werden.. Schaut durch die  ...   101 (.. www.. webdesignerdepot.. com/2010/01/css-transitions-101/.. Let the Web move you — CSS3 Animations and Transitions (.. webdirections.. org/blog/let-the-web-move-you-css3-animations-and-transitions/.. Introduction to CSS3 Transitions.. @Flocke.. Browser-Support.. Alle Browser verwenden noch die jeweiligen Vendor-Prefixe, z.. -moz-transition.. Der Internet Explorer unterstütz CSS3 transitions ab IE10.. demo.. CSS3 Adventskalender 2011 – Tag 8.. 3 Gedanken zu CSS3 transitions to go – CSS3 Adventskalender Tag 9.. Pingback:.. Adventskalender am 9.. Dezember F-LOG-GE.. Sebastian.. Dezember 2011 um 09:47.. Moin moin,.. jeden Tag wieder eine gute Idee für meine kommenden Aufgaben.. Danke.. Besonders das Erzeugen eines Eck- oder Schatten-Effects kommt immer wieder gut an und wird bei mir verbaut.. Wie einfach doch heute vieles ist.. *mal ein paar Jahre in Gedanken zurückblickt.. Blog-Adventskalender - Tobias Scheible..

    Original link path: /css3-transitions-to-go-1328.html
    Open archive

  • Title: Demo | maddesigns
    Descriptive info: Schlagwort-Archiv: demo..

    Original link path: /tag/demo
    Open archive

  • Title: CSS3 Adventskalender 2011 | maddesigns
    Descriptive info: CSS3 Adventskalender 2011.. 25.. November 2011.. Das gute Feedback zum CSS3 Adventskalender 2010 hat uns angespornt auch in diesem Jahr wieder einen CSS3 Adventskalender zu betreiben.. Wie letztes Jahr werden im.. und hier abwechselnd jeden Tag ein Artikel rund ums Thema CSS3 und moderne Webentwicklung veröffentlicht.. Ab dem 01.. Dezember 2011 heißt es also CSS3 Advancedkalender!.. Jetzt schlagt keine Purzelbäume, wir werden nicht die neusten Spezifikation des.. CSS Working Group.. durchgehen, sondern zeigen alltagsrelevante Umsetzungen mit CSS3.. Seid gespannt!.. Gastautoren.. Zudem konnten wir dieses Jahr Gastautoren gewinnen, die Beiträge zum.. CSS3 Advancedskalender.. beisteuern werden.. Einen großen Dank an alle Gastautoren vorweg, da alle voll in Projekten stecken und nebenbei einen interessanten Artikel für uns schreiben.. Hier im Blog werden Christian Schäfer (.. @derSchepp.. ) und.. (.. @drublic.. ) Artikel zum Thema CSS3 beisteuern.. Im  ...   bei über 450,- Euro!.. Von den insgesamt 9 Büchern und 4 Video-Trainings werden wir während der ganzen Adventszeit schon einige Exemplare verlosen und dann am 24.. 12.. 11 gibt es die große Weihnachtsverlosung.. Auf den üblichen Kanälen (.. Twitter.. Google+.. Facebook.. RSS.. ) werden wir euch also ab nächster Woche mit interessanten Themen zu CSS3 und Webentwicklung informieren.. Stay tuned! hohoho!.. HTML E-Mail Newsletter cross-client-konform erstellen.. Gradient Border – CSS3 Adventskalender Tag 1.. 3 Gedanken zu CSS3 Adventskalender 2011.. Revision 49: Devtools und Kleinvieh | Working Draft.. Klaus V.. Dezember 2011 um 20:53.. Seite ohne Inhalt.. Wo ist der Adventskalender? Ich finde nichts außer der Überschrift, was einen Adventskalender darstellen könnte.. Dezember 2011 um 08:44.. Hallo Klaus.. Es gibt hier Adventskalender in Form von täglichen Tutorials (Blogbeiträgen).. Schau doch mal auf der.. Startseite.. vorbei..

    Original link path: /css3-adventskalender-2011-1107.html
    Open archive

  • Title: Adventskalender | maddesigns - Part 5
    Descriptive info: Kategorie-Archiv: Adventskalender.. im Webstandard Blog zum Thema.. “Text Overflow Das Auslassungszeichen CSS3 Adventskalender”.. !.. text-overflow.. box-shadow (Schatten) CSS3 Adventskalender Tag 5.. 5.. 2 Kommentare.. Einen Schatten hinter Elemente zu generieren unterstützen heutzutage alle moderneren Browser, selbst für den Internet Explorer 6-8 kann man einen Schatten zaubern.. CSS3 Adventskalender Tag 3 linear-gradient (Hintergrundverlauf).. beschrieben, kommt auch hier wieder eine proprietäre CSS-Eigenschaft.. filter.. des IE zum Einsatz.. Die CSS3-Eigenschaft orientiert sich am Syntax des.. Angegeben wird der Versatz auf x- und y-Achse, der Blur-Faktor sowie die Farbe.. Auch hier kann man mit Transparenzen, also einem Alphawert arbeiten.. Der Versatz kann auch negative Werte annehmen, der Schatten wird dann in die andere Richtung generiert.. CSS3 Adventskalender Tag 4.. “Linear Gradient Detaillierter Farbverlauf CSS3 Adventskalender”.. linear-gradient (Verlauf) CSS3 Adventskalender Tag 3.. 3.. 8 Kommentare.. Einen einfachen Farbverlauf für Hintergünde in CSS3 zu erstellen bedarf schon etwas Schreibarbeit Als Webkit 2008 begann die Eigenschaft umzusetzen, orientierten sie sich an der Spezifikation für.. Canvas.. Mozilla entwarf daraufhin einen einfacheren Syntax und dieser Syntax ist derzeit auch der empfohlene des W3C.. Bisher ist der Syntax nicht angeglichen.. Als Farbwerte können definierte Farbnamen, Hexadezimalwerte, RGB und HSL, oder RGBa und HSLa verwendet werden (aber was das  ...   sauber im Internet Explorer 6-8 darstellen will, muss weiterhin auf Grafiken etc.. zurückgreifen, erst der IE9 setzt die Eigenschaft border-radius um.. Firefox und Webkit-Browser bieten durch den Einsatz von Vendor-Prefixen schon seit längerem die Möglichkeit border-radius einzusetzen.. CSS3 Adventskalender + Buchverlosung.. November 2010.. 94 Kommentare.. Alle Jahre wieder möchte man fast sagen Adventskalender an jeder Ecke.. Mal mit Schokolade, mal mit lustigen Figuren, mal mit 24 Bierdosen und manchmal selbstgebastelt.. Ich möchte dieses Jahr jeden Tag vor Weihnachten ein CSS3-Trick Türchen öffnen.. Es wird ab dem 01.. 10 mal kleine und mal größere Beispiele zum praktischen Einsatz von CSS3 geben.. Und obendrauf gibt es noch eine Verlosung für den Gabentisch.. Unter allen Teilnehmern, die hier einen Kommentar hinterlassen, verlose ich das englischsprachige.. Buch CSS3 For Web Designers von Dan Cederholm.. (Vorwort von Jeffrey Zeldman).. Ich wünsche allen Teilnehmern und Lesern viel Spaß!.. Update: Der.. beteiligt sich am CSS3 Adventskalender und legt noch ein Buch oben drauf! Es wird also im Wechsel Tag für Tag einen tolles CSS3-Tutorial hier im Blog und im Webstandard Blog geben.. Mehr Infos folgen.. Teilnahmeschluß ist der 24.. 2010 um 24 Uhr.. Der Rechtsweg ist ausgeschlossen.. Die Auslosung erfolgt unter Zuhilfenahme von random.. org.. Zurück..

    Original link path: /category/adventskalender/page/5
    Open archive

  • Title: CSS3 Adventskalender Tag 7 - text-shadow demo
    Descriptive info: CSS3 Adventskalender Tag 7.. Tutorial von maddesigns |.. Tutorial ansehen.. Text-Shadow.. Impressed Text.. Beispiel 1.. Retro Text.. Beispiel 2.. Neon Light.. Beispiel 3.. 3D Text mit Hover-Effekt.. Beispiel 4..

    Original link path: /wp-content/uploads/2010/12/text-shadow-beispiel2.html
    Open archive

  • Title: Singularity HTML Demo
    Original link path: /sgs-demos/singularity-demo.html
    (No additional info available in detailed archive for this subpage)

  • Title: Singularity HTML Demo
    Descriptive info: Header.. Minions ipsum po kass gelatooo tatata bala tu hahaha underweaaar uuuhhh uuuhhh uuuhhh poulet tikka masala baboiii.. Bee do bee do bee do daa wiiiii butt tulaliloo me want bananaaa! Jiji jeje pepete.. Po kass la bodaaa tatata bala tu hana dul sae bee do bee do bee do gelatooo hana dul sae butt.. Po kass potatoooo gelatooo hahaha potatoooo.. Belloo! underweaaar butt butt po kass butt bee do bee do bee do para tú daa bappleees.. Pepete bananaaaa para tú bananaaaa bee do bee do bee do pepete.. Wiiiii gelatooo jiji baboiii baboiii jeje aaaaaah poopayee jeje.. Me want bananaaa! tank yuuu! Po kass daa bananaaaa bappleees butt poulet tikka masala.. Gelatooo tulaliloo chasy baboiii la bodaaa pepete gelatooo po kass.. Daa pepete uuuhhh ti aamoo! La bodaaa underweaaar bappleees pepete me want bananaaa! Hana dul sae ti aamoo! Ti  ...   bala tu wiiiii la bodaaa baboiii.. Hahaha me want bananaaa! Chasy hahaha.. Gelatooo uuuhhh bananaaaa tank yuuu! Wiiiii belloo! Gelatooo underweaaar po kass.. Bananaaaa potatoooo hana dul sae poulet tikka masala wiiiii gelatooo.. Jeje bananaaaa bappleees jiji bappleees bee do bee do bee do tank yuuu! Butt aaaaaah.. Chasy tatata bala tu uuuhhh belloo! Hahaha chasy po kass la bodaaa bananaaaa.. Uuuhhh jeje tank yuuu! Jiji tatata bala tu jiji po kass bee do bee do bee do tulaliloo.. Tatata bala tu bee do bee do bee do gelatooo bee do bee do bee do wiiiii tank yuuu! Po kass wiiiii poopayee po kass chasy.. Belloo! la bodaaa poulet tikka masala para tú.. Tatata bala tu jiji jiji jiji potatoooo la bodaaa.. Bananaaaa jiji poopayee bananaaaa.. Pepete bananaaaa tatata bala tu poopayee tank yuuu! Hahaha tank yuuu! Potatoooo ti aamoo! Me want bananaaa!..

    Original link path: /sgs-demos/extras.html
    Open archive

  • Title: CSS3 Adventskalender Tag 3 - linear-gradient demo
    Descriptive info: CSS3 Adventskalender Tag 3 - jetzt mit IE9 Support!.. Linear-Gradient Beispiel.. Linear-Gradient und Border-Radius.. Beispiel 1.. Beispiel 2.. Beispiel 3.. praktisches Beispiel.. Suchformular..

    Original link path: /wp-content/uploads/2011/03/linear-gradient-beispiel-ie9.html
    Open archive





  • Archived pages: 254