design

CSS Textmarkierung

Textmarkierungsfarbe anpassen

<style type="text/css"> ::-moz-selection { background: #f0f; color: #fff; } ::selection { background: #f0f; color: #fff; } </style> Beispiel markier mich Textmarkierung deaktivieren Dies eignet sich auch um Textmarkierungen zu…

CSS Textmarkierung

Textmarkierung deaktivieren

Elementen die nicht markiert werden sollen <style type="text/css"> .deselect ::selection { background: transparent; color: inherit; } .deselect ::-moz-selection { background: transparent; color: inherit; } .deselect { -ms-user-select:…

border

Zweifarbige border

Linien mit CSS zweifarbig gestalten

Eine zweifarbige border kann mit dem border-style groove erstellt werden. Es wird nur einen Farbwert angeben und der zweite Wert errechnet sich. <style type="text/css"> .box {border-top: 2px groove #fff;} </style> Beispiel: zweifarbige border mit…

-webkit-text-size-adjust

Text wird zu groß dargestellt

Textvergrößerung im iPhone, iPad und iPod deaktivieren

Kleine Texte werden im iOS automatisch größer dargestellt um die Lesbarkeit zu verbessern. Wurde eine Seite für mobile Geräte optimiert, führt die automatische Vergrößerung zu unschönen Effekten. Die automatische Textvergrößerung im iPhone, iPad und iPod deaktiviert…

tap color

iPhone & iPad graue Hintergrundfarbe beim Klicken anpassen

Safari tap color ändern

Die tap color in iOS-Geräten kann für klickbare Elemente verändert werden: <style type="text/css"> html {-webkit-tap-highlight-color: rgba(0, 255, 0, .4);} </style> Beispiel Mit iPhone oder iPad hier Klicken: iPhone & iPad tap color

@Font Face Generator

@Font Face Generator

Webfonts mit base64 einbetten

Mit dem @Font Face Generator können Schrifte in die entsprechenden Standardschriftformate fürs Web umgewandelt werden @Font Face Generator Einbindung von Schriften <style type="text/css"> @font-face { font-family: 'fontname'; src: url('fontname.eot');…

Gridlover
Impressum