HTML - details - summary
Ich mach mir das <details> [...] wie es mir gefällt.
Klicke hier für mehr Details!
Hier könnte nun jeder erdenkliche Inhalt angezeigt werden.
HTML - dialog
Geht man in den Artikel, wird hier via open="" automatisch eine Dialog-Box geöffnet.
YouTube iFrame Code in Valide
- Einbett-Code generieren
- Den Teil frameborder="0" aus dem Code entfernen
- Fertig -> Check
Ein komplett tiny und valider iframe Code sehe dann in etwa so aus:
Unicode Emoji
🤘️🤙️🤚️🤛️🤜️🤝️🤞️🤟️☝️✊️✋️✌️👆️👇️👈️👉️👊️👌️👍️👎️🖐️🖕️🖖️☝️🖖💪👐🤲️✍️💅✍️👏️👋️🙌️🧤️🙏️
🙂😀️😁️😂️😃️😄️😅️😆️😇️😉️😊️😋️😌️😍️😎️😒😏️😐️😑️😒️😓️😔️😕️😖️😗️😘️😙️😚️😛️😜️😝️😞️😟️😠️😢️😣️😤️😥️😦️😧️😨️😩️😪️😫️😬️😭️😮️😯️😰️😱️😲️😳️😴️😵️😶️😷️🙁️🙂️🙃️🙄️🤐️🤑️🤒️🤓️🤕️🤠️🤣️🤤️🤥️🤧️🤨️🤩️🤪️🫣🤗️🤔️🤫️🥱🫢🤭️🤯️🥰️🥳️🥴️🥵️🫥🥸🫠🥶️🥺️🧐🤮️🤢️😈️👿😡️🤬️🤡️👺💩👻💀☠️👽🤖
🙈🙉🙊
🐵🐒🐶🐭🐹🐰🐻🐼🐨🐯🦁🐮🐷🐽🐸🐔🐧🐦🐤🐣🐥🐺🐗🐴🦄🐝🐛🐌🐚🐞🐜🐢🐍🦂🦀🐙🐠🐟🐡🐬🐳🐋🐊🐆🐅🐃🐂🐄🐪🐫🐘🐎🐖🐐🐏🐑🐕🐩🐈🐓🦃🐇🐁🐀🐾🐉🐲
😺😸😹😻😼😽🙀😿😾
Flexbox 1
Bis ich es kann, war doch mit z.b. margin: x x x x; auch nicht so schwer ;)
.flex-item {
flex-grow: 1; /* Wachstumsfaktor */
flex-shrink: 1; /* Schrumpffaktor */
flex-basis: 25rem; /* Basisbreite */
}
Oder das gleich in Kurz:
.flex-item {
flex: 1 1 25rem;
}
Ich nenne es mal WSB.
Form ::placeholder Color
Eine andere Farbe für den Formular "placeholder" in allen Browsern
::-webkit-input-placeholder { color: red; }
:-ms-input-placeholder { color: red; }
::-moz-placeholder { color: red; opacity: 1; }
Und mit opacity: 1; ist der Text im Firefox auch gleich etwas besser Lesbar.
TinyMCE 4.3
Es gibt wieder einige Neuerungen im TinyMCE, aber immer noch kein Images-Upload bzw. einen File-Manager.
Ein bischen JS und man bekommt wenigstens ein Images-Upload ganz ohne Plugin hin.
Mobile First Testseite
Ein Hamburger Menu, eine fixe Navigation im Header beim Scrollen (position: sticky;) alles Responsive und nach dem "Mobile First" Prinzip.
CRUD - Aus 4 wird 1
Die Administration meiner PHP-Module bestand bisher immer aus 4 PHP-Dateien, eine view-x.php, eine edit-x.php, eine del-x.php und eine new-x.php.