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: Ie9 | maddesigns
    Descriptive info: Schlagwort-Archiv: ie9.. IE9 border-radius right-to-left (direction: rtl) Bug.. 22.. März 2012.. Wer schon mal Layouts für arabische Websites umgesetzt hat, kennt sicherlich das HTML-Attribut.. dir.. , das man z.. im body-Tag einfügen kann um die Leserichtig des Dokuments von links-nach-rechts auf rechts-nach-links zu ändern.. In CSS ist die Anweisung direction dafür zuständig.. Für beide Möglichkeiten kann man die Werte rtl (right-to-left) oder ltr (left-to-right) sowie auto angeben.. Hat man im Layout, runde Ecken (border-radius) nur an einer Seite, z.. rechts abgerundet, dann sind im IE9 die Ecken allerdings links abgerundet.. Der IE9 dreht von sich aus die runden Ecken im RTL-Modus um.. Das ist zwar nett vom IE9, aber nicht richtig und auch nicht immer gewollt.. Bei gleichmäßig abgerundeten Ecken kann man den Bug natürlich nicht nachvollziehen, deshalb fällt er selten auf.. Tweet.. right to left.. rtl.. IE9 CSS3 Support – CSS3 Adventskalender Tag 15.. 15.. Dezember  ...   mit IE9, ca.. 16% mit IE8 und nur knapp 3% den IE7 verwenden.. Dass der IE9 nicht so fortschrittlich ist, wie seine Konkurrenten, ist sicherlich auch hinlänglich bekannt.. Mit der Einführung des neuen Betriebssystem Mango für Windows Phone 7 ist nun auch der IE9 auf den Windows Phone 7 als Standard-Browser vorhanden und kann hier die neuen Features rund um HTML5 und CSS3 verarbeiten.. Der Marktanteil ist sicherlich noch sehr gering, wird aber.. sicherlich steigen.. in den nächsten Jahren.. Und wer behauptet, dass das Windows Phone 7 noch keine Relevanz hat, optimiert sicherlich noch für IE6 (#bewusstprovokantethese).. IE9 mit CSS3 border-radius und linear-gradient Problemen.. 19.. März 2011.. 18 Kommentare.. Nach Einführung des IE9 ist es nicht nur.. Fritz Weisshart.. aufgefallen, dass der IE9 zwar die propritären CSS-Eigenschaft filter zum Erstellen von Verläufen, wie im IE6-8 zwar weiterhin unterstützt, aber diese nicht so funktionieren wie erhofft.. Werk 83.. Pepo..

    Original link path: /tag/ie9
    Open archive

  • Title: Javascript | maddesigns
    Descriptive info: Schlagwort-Archiv: javascript.. CSS Performance Artikel Teil 2.. 3.. Februar 2011.. Beim TYPO3camp 2010 in München hielt ich eine Vortrag zum Thema CSS Performance.. Im.. Teil 1.. ging es überwiegend um das Optimieren von CSS.. Im 2.. Teil geht es um die Frontend-Performance, also die Optimierung der Ladezeit.. books.. css sprites.. image-renderung.. js..  ...   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.. jquery..

    Original link path: /tag/javascript
    Open archive

  • Title: Last-child | maddesigns
    Descriptive info: Schlagwort-Archiv: last-child.. CSS3 Tabellen-Übersicht CSS3 Adventskalender Tag 15.. Heute am Tag 15 des CSS3 Adventskalender von.. und dem.. Webstandard Blog.. geht es weniger um ein Tutorial, sondern eher um ein umfangreiches Beispiel der bisher vorgestellten Eigenschaften.. Als HTML-Basis erstellen wir eine Tabelle mit einer Übersicht zum CSS3 Browser Support.. table.. :last-child / :first-child Selektoren CSS3 Adventskalender Tag 11.. 11.. 2 Kommentare.. Im Tag 11 des CSS3 Adventskalender betrachten wir die Struktur-Pseudoklasse.. :first-child.. und.. :last-child.. näher.. pseudo..

    Original link path: /tag/last-child
    Open archive

  • Title: Linear Gradient | maddesigns
    Descriptive info: Schlagwort-Archiv: linear gradient.. CSS3 Adventskalender 2011 – Tag 14.. 14.. …im Webstandard Blog zum Thema “.. CSS3 Pattern mit Linear-Gradient.. “.. pattern.. Gradient Border – CSS3 Adventskalender Tag 1.. 20 Kommentare.. Tag 1 im CSS3 Advancedkalender und wir gehen gleich ins Eingemachte!.. In der.. CSS Text Level 3 Spezifikation.. gibt es seit einiger Zeit die Eigenschaft.. text-decoration-color.. mit der man die Text-(Link-)Unterlinie andersfarbig gestalten kann.. Bisher wird diese Eigenschaft laut.. MDN.. nur vom Firefox ab der Version 6 mit dem Prefix -moz- unterstützt.. Zukünftig soll es ähnlich wie auch für border oder outline möglich sein für.. text-decoration.. Shorthand-Values wie folgt anzugeben:.. text-decoration: text-decoration-line> || text-decoration-color> || text-decoration-style> || blink.. anzugeben.. Das ist ein Vorteil, wenn weitere Browser das unterstützen.. Auf.. perun.. net.. gibt es bereits einen umfassenden.. Artikel über CSS3 text-decoration.. border.. gradient.. Internet Explorer 10 mit CSS3 linear-gradient Support.. 13.. April 2011.. 3 Kommentare.. Microsoft ist aufgewacht und arbeitet kontinuierlich an der Weiterentwicklung des Internet Explorer.. Gestern stellten Sie auf der.. MIX11 Konferenz.. in Las Vegas die neue Preview des IE10 vor.. Umfangreiche Neuerungen sind bereits integriert.. CSS3 gradient jetzt auch in Opera.. 18.. Gestern wurde mit der.. Veröffentlichung der Beta von Opera 11.. 10.. der Support von linear-gradient unterstützt.. Damit reiht sich.. Opera.. in die Liste der Browser (z.. Chrome, Safari, Firefox) die Hintergrundverläufe mit CSS3 unterstützen.. WebKit ändert CSS3 Gradient Support und orientiert sich am Mozilla Syntax.. Januar 2011.. Letzte Woche änderte das Webkit-Team die Syntax für  ...   #fff); /* Für Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(top, #c8482c, #fff); /* aktueller W3C working draft */ background: linear-gradient(top, #c8482c, #fff); }.. Ein richtiger Schritt und auch ein Ereignis, bei dem man sieht, dass CSS3 noch in der Entwicklung ist.. Trotzdem empfehle ich heute schon CSS3 einzusetzen, wo es geht.. Fun with Border-Radius CSS Sprechblasen CSS3 Adventskalender Tag 23.. 23.. Am vorletztem Tag des CSS3 Adventskalender will ich nochmal ein paar interessante Einsatzmöglichkeiten von border-radius zeigen.. Nicht zuletzt auch durch das Gewinnspiel.. Gewinne ein Jahres-Abo des Webstandards Magazin.. hat sich border-radius als das CSS3-Feature herauskristalisiert, auch die Zugriffszahlen zeigen das.. Teaserboxen komplett ohne Bilder CSS3 Adventskalender Tag 9.. Heute im CSS3 Adventskalender mal ein Tutorial revised.. Bereits im Mai 2010 habe ich zu linear-gradient den Artikel.. Teaserboxen mit Verlauf ohne Bilder (CSS3 linear-gradient).. geschrieben und gezeigt, welche Möglichkeiten uns CSS3 heute schon bietet.. Dabei habe ich versucht eine Designvorgabe komplett mit CSS3 umzusetzen und bin zu einem akzeptablen Ergebnis gekommen.. So konnte ich den Einsatz von 2 Grafiken / 2 http-Requests mit insgesamt 2kb auf 1 Grafik / 1 Request mit 0,2kb reduzieren und habe gleichzeitig auch das Ergebnis gänzlich ohne Bilder gezeigt.. Leider musste ich dabei auf eine grafische Feinheit verzichten (das kleine Pfeilsymbol/Dreieck).. Das zum Anlass genommen, habe ich das Tutorial jetzt erweitert und die Vorlage aus Photoshop 1:1 in CSS3 erstellt.. CSS3 Adventskalender Tag 4.. 4.. im Webstandard Blog zum Thema.. “Linear Gradient Detaillierter Farbverlauf CSS3 Adventskalender”.. !..

    Original link path: /tag/linear-gradient
    Open archive

  • Title: Media-queries | maddesigns
    Descriptive info: Schlagwort-Archiv: media-queries.. CSS3 Adventskalender 2011 – Tag 8.. CSS Media Queries Screen Size Icons.. ” ein Gastartikel von David Hellmann (.. www.. davidhellmann.. com.. ).. CSS3 Adventskalender Tag 12.. 12.. Media Queries CSS Beispiel CSS3 Adventskalender Tag 12.. ”!..

    Original link path: /tag/media-queries
    Open archive

  • Title: Multi-column | maddesigns
    Descriptive info: Schlagwort-Archiv: multi-column.. :nth-child() Pseudo-Selektor CSS3 Adventskalender Tag 13.. Der Pseudo-Selektor.. :nth-child().. ist sehr hilfreich, wenn man mehrere gleiche Elemente unterschiedlich gestalten möchte.. Die genaue Syntax lautet.. E:nth-child(a.. n.. + b) {}.. Zudem kommen lang vermisste Keywords zum Einsatz, die für das Gestalten von Datentabellen häufig gebraucht werden:.. odd.. even.. CSS3 Adventskalender Tag 10.. CSS3 Multi-column Mehrspaltiges Layout.. layout..

    Original link path: /tag/multi-column
    Open archive

  • Title: Nth-child | maddesigns
    Descriptive info: Schlagwort-Archiv: nth-child..

    Original link path: /tag/nth-child
    Open archive

  • Title: Pagespeed | maddesigns
    Descriptive info: Schlagwort-Archiv: pagespeed.. „page.. speed = 1“.. Web Performance Optimierung 2011.. September 2011.. 39 Kommentare.. Nach den diesjährigen TYPO3camps in.. Stuttgart.. Berlin.. Hamburg.. fand am letzten Wochenende das TYPO3camp in.. München.. statt.. Ein Themen-Barcamp bei dem es vorrangig um das CMS TYPO3 ging und eine super Möglichkeit die Community mal persönlich kennen zu lernen.. Die Organisatoren haben es auch im 4.. Jahr hintereinander geschafft ein perfektes Camp auf die Beine zu stellen.. Natürlich hängt wie bei einem Barcamp traditionell üblich viel von den Teilnehmer ab.. Sie tragen mit  ...   Extbase gehalten,.. Thomas Löffler.. stellte die neue Möglichkeit der Template-Erstellung mit FLUIDTEMPLATE vor und.. Jochen Weiland.. zeigte, was man machen muss, wenn die Website gehackt wurde (.. Sessionvideo vom TYPO3camp Stuttgart.. Weitere Sessions und Slides findet man auf.. Slideshare.. Lanyrd.. In meiner Session „page.. speed = 1“ ging es um Web Performance Optimierung 2011, also um die Möglichkeiten die Ladezeit der Website im Browser zu verbessern und die Unterschiede zwischen Desktop- und Mobil-Browser Optimierung.. Hier der Link zur Slideshow:.. speed = 1“ Web Performance Optimierung 2011.. wpo..

    Original link path: /tag/pagespeed
    Open archive

  • Title: Pseudo-selektor | maddesigns
    Descriptive info: Schlagwort-Archiv: pseudo-selektor..

    Original link path: /tag/pseudo-selektor
    Open archive

  • Title: Rahmen | maddesigns
    Descriptive info: Schlagwort-Archiv: rahmen.. Rahmen für Inhaltselemente in TYPO3 4.. 4/4.. 7 – section_frame.. 5.. Juli 2010.. Update 2012 – für TYPO3 4.. 7.. Mit erscheinen der Version 4.. 7 wurde die Anordnung der CSC-Default Anweisung im css_styled_content verändert.. Eine zusätzliche Klasse zu csc-default fügt man nun wie folgt hinzu:.. tt_content.. stdWrap { innerWrap.. cObject { default.. 20.. value = csc-default neue-klasse } }.. Weitere Rahmen/Layouts (section_frames) werden in TYPO3 4.. 7 wie folgt hinzugefügt.. cObject = CASE innerWrap.. cObject { 31 = tt_content.. stdWrap.. innerWrap.. cObject.. default 31.. value =  ...   block 32.. value = div class="block-inner green">| /div> /div> 33 =.. | /div> /div> 34 =.. | /div> /div> } }.. Bisheriger Artikel – für TYPO3 4.. 4-4.. 6.. Das eine oder andere Design gibt es vor, dass Inhaltselemente wie Text mit Bild oder eine Erweiterung ein anderes Aussehen als der übliche Inhalt erhalten sollen.. Dazu kann man die in jedem Inhaltsobjekt enthaltene Auswahlbox Rahmen verwenden.. Wer diese Funktion bereits mit TYPO3 4.. 2 oder vorher verwendet hat, die Inhaltselemente in DIV-Containern mit der CSS-Klasse csc-default gewrappt sind.. section-frames..

    Original link path: /tag/rahmen
    Open archive

  • Title: Text-effekte | maddesigns
    Descriptive info: Schlagwort-Archiv: text-effekte.. text-shadow Text-Effekte CSS3 Adventskalender Tag 7.. 7.. Wie schon im.. CSS3 Adventskalender Tag 5 über box-shadow (Schatten).. beschrieben, ist die Syntax zwischen.. gleich.. text-shadow { text-shadow: 2px 2px 5px #999; }..

    Original link path: /tag/text-effekte
    Open archive





  • Archived pages: 254