Heute musste ich die Default Joomla Pagination einer Joomla 2.5 Installation anpassen. Das Default Html der deutschen Joomla Installation sieht ja etwas spartanisch aus. Nun wollte ich per Icon Font (in diesem Fall Font Awesome aus dem Bootstrap Framework) die Pagination etwas aufhübschen. Das Ergebnis sollte in etwa so aussehen:
Bitcoin Preisticker mit getJSON und setTimeout
Wer (aus was für Gründen auch immer) auf seiner Webseite den aktuellen Bitcoin-Kurs anzeigen möchte, kann dazu auf das Bitcoin Price Ticker Widget von Coindesk zugreifen. Wem dies zu aufgeblasen und zu wenig konfigurierbar ist, der bedient sich der Coindesk API.
Screenshots per Css mit schickem Monitor-Rahmen versehen
Wer Screenshots seiner Arbeiten zeigen möchte und dabei ein paar Bytes sparen will, kann sich folgender Technik bedienen: Dem Bild wird hierbei einfach per Css ein Hintergrundbild verpasst sowie ein Padding, damit das Hintergrundbild auch sichtbar wird.
Sublime Text 2 mit Live Reload
Meine erste Entdeckung 2013 hätte ruhig auch ein halbes Jahr früher kommen können… ein Artikel über Style Injection auf css-tricks.com ließ mich eine kostenfreie Variante für Chrome / Sublime Text 2 suchen. Siehe da, sowas gibt es anscheinend schon länger!
Html5 Boilerplate Kritik mit unerwartetem Lerneffekt
Jens O. Meiert kritisiert auf Google+ die ausufernden Conditional Stylesheets mit IE-Klassen im Html5 Boilerplate von Paul Irish u.a.: So people use stuff like <!–[if lt IE 7]> <html class=“no-js lt-ie9 lt-ie8 lt-ie7″> <![endif]–> <!–[if IE 7]> <html class=“no-js lt-ie9 lt-ie8″> <![endif]–> <!–[if IE 8]> <html class=“no-js lt-ie9″> <![endif]–> <!–[if gt IE 8]><!–> <!–<![endif]–> and […]
Elementen per jQuery und Math.max gleiche Höhe zuweisen
Oft steht man vor der Schwierigkeit, daß mehrere gefloatete Boxen mit dynamischem Inhalt gefüllt werden und daher keine feste Höhe bekannt ist. Wenn nun die Boxen trotzdem alle schön gleichgroß sein sollen, hilft folgendes Stückchen jQuery: /* set equal height on boxes */ /* http://stackoverflow.com/questions/5052673/jquery-min-max-property-from-array-of-elements */ Array.max = function( array ){ return Math.max.apply( Math, array […]