IcoFont gibt Ihnen 2100+ kostenlose Icons in einer einzigen Font-Datei
Mit dem Aufkommen von Web-Fonts und einbettbaren CSS-Fonts ist es heute viel einfacher, wirklich einzigartige Websites von Grund auf zu erstellen.
Der neueste Trend sind Icon-Fonts, die normalerweise kleiner als Bilder sind, viel einfacher zu skalieren, und sie sind kristallklar auf allen Bildschirmgrößen (einschließlich Retina). Sie können viele dieser Symbolschriften online finden, aber IcoFont nimmt wirklich den Kuchen.
Diese kostenlose Symbolschrift enthält über 2.100 Symbole, die alle in einer einzigen Schriftdatei zusammengefasst sind .
Sie können die rohe Quelle mit allen Symbolen oder nur bestimmte Symbol "Familien" wie Währung, Business, soziale oder mobile UI (neben vielen anderen) herunterladen.
Die Website fungiert als Online-Dokumentation für alle diese Symbole, sodass Sie die Codes schnell auf Ihre Website kopieren und einfügen können. IcoFont-Symbole funktionieren ähnlich wie FontAwesome-Symbole, die beispielsweise standardmäßig im Bootstrap-Framework verwendet werden.
Alles funktioniert über das Element, das zwei CSS-Klassen benötigt :
- die standardmäßige IcoFont-Klasse
- eine Klasse für jeden Symboltyp
Um beispielsweise Ihrem Dokument ein Schlosssymbol hinzuzufügen, fügen Sie Ihrem Layout so etwas hinzu:
Sie können diese Symbole technisch zu jedem beliebigen Element hinzufügen, aber der Standardcode von IcoFont beruht auf Elementen.
Beachten Sie, dass diese Bibliothek nicht mit einem Programm namens Icofont verwechselt werden sollte, das keine Bibliothek ist, sondern eine Schnittstelle für die Verwaltung von Symbolschriften in Ihren RoR-Anwendungen. Da dieses Programm den gleichen Namen wie die IcoFont-Bibliothek hat, kann es für weitere Informationen schwierig sein zu googlen.Diese Bibliothek ist immer noch sehr neu und ich kann sie weder auf GitHub noch irgendwo anders im Internet finden. Aber wenn Sie nach mehr Informationen suchen, empfehle ich sehr, die Website zu besuchen und eine Kopie herunterzuladen. Sie finden dort den richtigen Quellcode und Sie können sogar alle Symbole nach Kategorie durchsuchen, um zu sehen, was im Set enthalten ist.
10 schlimmsten Albträume für Web-Entwickler
Viele Menschen in meiner Umgebung halten meinen Job als Webentwickler für einfach. Normalerweise sehen sie, wie ich die Tastatur von zu Hause aus zertrümmere, mit einer schönen heißen Tasse Kaffee oder Tee neben mir. Was sie nicht sehen, ist in der Maschine vor mir .Fast jeder Entwickler wird mit den gleichen Problemen konfrontiert sein, mit denen ich konfrontiert bin: die schlimmsten Fälle, die Albtraum erregenden Schrecken; das manchmal unglückliche; manchmal "jemand muss einen schrecklichen Streich auf mich ziehen" Gefühle - manchmal von einer Brücke springen scheint wie die leicht
Wie style HTML5 Range Slider über mehrere Browser
Der Bereich ist einer der neuen Eingabemethoden, die in HTML5 eingeführt wurden. Dieser Eingabetyp ermöglicht die Eingabe einer Zahl innerhalb des angegebenen Bereichs. Die Browser geben diesen Eingabe-Typ nativ als Schieberegler wieder . Es ist eine sehr intuitive Benutzeroberfläche, die wir häufig in einer App finden. Wi