public marks

PUBLIC MARKS from 84GHz

July 2014

June 2014

May 2014

A Complete Guide to Flexbox | CSS-Tricks

by 2 others
a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic

YouTube Video “responsive” einbinden

Das Problem: Generell ist es kein Problem einen iFrame per CSS die Breite und Höhe von “100%” zu geben. Der iFrame ist also immer so gross wie möglich und nimmt die Größe des umgebenden DIV Containers an. ABER: Das Seitenverhältnis bleibt nicht immer das gleiche wenn das Browserfenster nur horizontal oder vertikal vergrößert oder verkleinert wird, bzw. das vom User genutzte Display ein anderes Seitenverhältnis aufweist. ERGEBNIS: Entweder gibt es oben/unten oder links/rechts einen häßlichen Abstand sobald das Video skaliert wird.

April 2014

Anatomie des Clickbaiting: So ködern uns Upworthy, BuzzFeed und Co.

(via)
Die Headlines sind so optimiert, dass sie ganz gezielt zum Klick verleiten.

Font-To-Width

(via)
Font‑To‑Width does not scale the font-size. Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.

10 Easy Image Hover Effects You Can Copy and Paste

by 1 other
Each example comes with an HTML and CSS snippet that you can steal and a live demo so you can see it in action.

March 2014

Rotated Table Column Headers | CSS-Tricks

Perhaps not a huge problem for two columns, but if you had 20 that would be very hard to navigate and a poor use of space. A better use of space is to rotate the headers so that the column width can be much narrower.

Mesh-Netzwerke: FireChat macht Hoffnung auf ein “neues” Internet

Die neue iPhone-App FireChat führt eine Funktion vor, die unter iOS-Apps den kettenartigen Datenaustausch von Endgerät zu Endgerät gestattet.