HTTP Statuscodes

OL reversed

Zählrichtung umkehren mit <ol reversed>. Listenmarker in Rot mit ::marker.

/* css */
ol[reversed]>li::marker { color: red; }
ol[reversed]>li>span { margin-left: .5rem; }

Ein "margin" zwischen Marker und Listenpunkt bekomme ich leider nur mit einem <span> hin, ohne den CSS Code unnötig aufzublähen. Kann man machen, solange der Listenpunkt auch nur aus einem Einzeiler besteht.

Zeiterfassung

Mit Vanilla PHP und Legacy Code die SQLite Datenbank befragt und die sagt:

Javascript - history

<!-- html -->
<a href="javascript:history.back()">Zurück</a>
<a href="javascript:history.forward()">Vor</a>

Zurück Vor | Zurück Vor | ◁ ▷

Video aus der Box

Ein Video aus meiner Dropbox hier direkt via <video> eingebunden.

Das Video startet automatisch (autoplay) läuft in einer Schleife (loop), der Ton ist (muted) kann aber über die (controls) zugeschaltet werden.

display: table

/* css */
display: table  /* <table> */
display: table-row /* <tr> */
display: table-cell /* <td> */
display: table-column /* <col> */
display: table-column-group /* <colgroup> */
display: table-footer-group /* <tfoot> */
display: table-header-group /* <thead> */

Font Awesome Unicode

Den Unicode für das ? (X) Icon bekommen wir so: e61b, dem muss noch ein &#x vorangestellt werden und kann dann z.b. so verwendet werden.

<!-- html -->
<i icon="&#xe61b;"></i>

Damit das so auch funktioniert, kommt noch dieser Snippet in die CSS Datei:

/* css */
[icon]:after {
  content: attr(icon);
  font-family: 'FontAwesome'; 
}

gray, grayer am grayesten

#111 #222 #333 #444 #555 #666 #777 #888 #999

dimgray gray darkgray silver lightgrey #ccc

table rowspan

X und Threads Icons

Font Awesome hat in der Version 6.4.2 neue Icons hinzugefügt, unter anderem sind es diese brand Icons:

• Twitter bzw. X und
• Threads von Facebook und
• Debian und Ubuntu

Link: https://fontawesome.com #twitter #x #unicode