bUTschy.de

Suchen

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'; 
}

navbar-toggler

Zwei Zeilen CSS Code entfernen den Rahmen um das navbar-toggler-icon in der Navbar von Bootstrap 5 seiner Navigation.

.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler {
  border: 0;
}

#remove #hover #border #navbar #demo

Free SVG Icons

1424 Open source free SVG icons. Highly customizable. No attribution required. For commercial use.

Externe Datensammler

Beim Besuch dieser Homepage sollen keinerlei personenbezogene Daten gesammelt und an externe Dienste weitergeleitet werden. Daher werde ich jetzt alle externen Dienste verbannen und durch eigene Funktionen ersetzen.

Externe Datensammler waren unter anderem:

Font Awesome 5.0.9

Font Awesome 5.0.9 ist raus.

Es gibt wieder neue Icons, 291 Icons wurden dem Set hinzugefügt.

Die kostenlose Version bekommt auch ein paar davon ab, es sind zwar nur 86 Stück, aber mit jetzt insgesamt 989 Icons mehr als genug.

Link: https://fontawesome.com

Font Awesome 4.5

Das Icon-Font und CSS Toolkit Font Awesome ist aktuell in Version 4.5 erschienen und bringt wieder 20 neue Icons mit.

Darunter auch das für den Edge . Zudem wurden auch diverse Google Icons auf den neusten Stand gebracht.

Icon Spin

Mit .fa-spin

Ich find´s Cool, braucht nur kein Mensch 🙄

CSS Webfont Icons

Ich wollte auch mal solche Webicons für mein 4CMS.

Warum nicht das Icon-Set von Font Awesome.

Hier stehen mehr al 479 unterschiedliche Icons zur Auswahl die sich leicht einbauen lassen.

CSS - buttons

viel Code

codeicon

Das wird mir langsam zu viel Code für ein mini, micro, macro, nano, einfaches simple Blog Script... alleine die CSS bläht sich schon auf 5k auf.

Ich glaube ich mach ein Downgrade auf das wesendliche und alles andere via Plugin, Modul what ever...

HTML & CSS

HTML5 Tags!


code q em strong cite samp var u s del ins span small abbr math sub sup mark kbd #link Extern. Intern. orange style 🄬️ fs-20 Icon


Für mein 4CMS das ich hier auf butschy.de verwende, versuche ich ein möglichst schlankes und klassenloses (classless) CSS Framework zu bauen.

Für eine Live Vorschau nutze ich ein Pen auf Codepen,