public marks

PUBLIC MARKS from 84GHz with tag webdesign

October 2014

Responsive Images & `srcset`

How srcset Simplifies Responsive Images

September 2014

August 2014

CSS Guidelines (2.0.16)

by 2 others
High-level advice and guidelines for writing sane, manageable, scalable CSS

Webflow - Top Responsive Website Builder

by 6 others (via)
Webflow is the top drag-and-drop website builder for designing custom, professional websites without code.

July 2014

April 2014

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.

February 2014

January 2014

December 2013

Over<head> | Webkrauts

Was gehört also wirklich in einen guten Kopf einer Website?

SVG Tabs (Using an SVG Shape as Template) | CSS-Tricks

An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then use it multiple times throughout a page. You can even apply different fills and filters and whatnot to the different versions. SVG templating, if you will.

Einfaches Dropdown oder elegantes Styling

Eine moderne Website berücksichtigt mobile Endgeräte. In vielen Fällen setzen Webworker dafür auf CSS3-Media-Queries, bekannt unter dem Begriff »Responsive Design«. Auch die Navigation wäre einfach mit CSS zu gestalten, gäbe es da nicht das Problem mit der Hover-Funktion auf Touchscreen-Geräten.

November 2013

October 2013

September 2013

Responsive Elements - Helps you build better responsive websites

Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.

August 2013

WebKit Has Implemented srcset, And It's A Good Thing

As originally proposed, the srcset attribute allowed developers to specify a list of sources for an image attribute, to be delivered based on the pixel density of the user’s display