Kategorie: CSS | David Kehr Webdesign

CSS-Tipps

Jun 26, 2018
by David Kehr
in CSS
0 Comments

Hier eine Sammlung von CSS-Schnipseln, die man für bestimmte Situationen oder einfach nur zum Spaß verwenden kann. Let´s start: Bild-Rendering img.QRcode { image-rendering: pixelated; } Diese Eigenschaft ist nützlich, um QR-Codes und Bildminiaturen zu rendern, um deren Qualität zu erhöhen. Führen Sie den Stil auf Safari 11+ aus @supports (padding: env(safe-area-inset)) { /* Your code…

border-image-generator

Wenn man ein Bild in CSS als Rahmen definieren möchte, gibt es ein nettes kleines Online Tool – den border-image-generator. Einfach das Bild auf der Webseite hochladen, mit den Reglern spielen udn den Quellcode in die CSS-Datei einfügen.

Apr 28, 2012
by David Kehr
in CSS
0 Comments

Chrome and Safari uses Webkit, which is an open source web browser engine, and once a while, the CSS does not seem to match Internet Explorer and Firefox. So to fix this, insert this code into your CSS code. @media screen and (-webkit-min-device-pixel-ratio:0) { /* Insert your CSS code here for Chrome and Safari */…

Nov 30, 2011
by David Kehr
in CSS
0 Comments

In Dreamweaver kan man seit CS3 mit Spry Elementen arbeiten. Verschiedene Browser setzen um das Spry Accordion und Collapsible Panel eine Umrandung, die das Layout teilweise empfindlich stört. Mit der folgenden CSS-Zuweisung kann man das abschalten. Bsp. Accordion .Accordion { outline:none; } Bsp. Collapsible Panel .CollapsiblePanelTab { outline:none; }

Aug 12, 2010
by David Kehr
in CSS
0 Comments

Dieses nette Add-On für Firefox lokalisiert nicht verwendete CSS-Styles

Apr 30, 2009
by David Kehr
in CSS
0 Comments

Hier findet man Anleitungen wie man einfache JavaScript Tooltips erstellen kann, die sich beliebig per CSS gestalten lassen. Die Inhalte kann man beliebig mit HTML füllen.

Apr 30, 2009
by David Kehr
in CSS
0 Comments

Hier findet man Tests und Experimente zu Funktionen, Möglichkeiten und Browser-Bugs in Bezug auf CSS. http://www.brunildo.org/test/#pop

CSS

CSS-Tipps

border-image-generator

Hack für Safari und Chrome

Umrandung bei Spry Accordion / Spry Collapsible Panel entfernen

Nicht verwendete CSS Styles lokalisieren / löschen

JavaScript Tooltips von Webmatze

CSS Experimente

Aus WordPress Emails via SMTP versenden – ohne Plugin

Sicherheit – WordPress sauber halten

WordPress – Email-Versand deaktivieren