public marks

PUBLIC MARKS from 84GHz

December 2013

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

DOM Monster Bookmarklet

by 1 other
DOM Monster is our answer to JavaScript performance tools that just don't give you the full picture.

How to Create a Simple Multi-Item Slider

by 1 other
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

The HTML5 meter Element | CSS-Tricks

Fortschrittsbalken in html

Musical Keyboard - JS Dynamic Audio Synth

(via)
This keyboard works by generating Waveform Audio file data dynamically, converting it into a base64-encoded dataURI, and subsequently playing it using the HTML5 audio element from within your web browser. Basically, we're using math to make sounds. Hooray. This is different than other HTML5 pianos in that it doesn't use pre-recorded audio files, and that it's a little bit more refined.

October 2013

Introducing TogetherJS ✩ Mozilla Hacks – the Web developer blog

(via)
TogetherJS is a service you add to an existing website to add real-time collaboration features. Using the tool two or more visitors on a website or web application can see each other’s mouse/cursor position, clicks, track each other’s browsing, edit forms together…

September 2013

Audio aufnehmen am Mac

Üblicherweise lassen sich mit dem Quicktime-Player in OS X nur externe Quellen aufnehmen – entweder über das integrierte Mikrofon oder mithilfe des Line-in-Anschlusses. Ein kleines Tool hilft dabei, den Systemton abzugreifen und damit beliebiges Audio-Material intern am Mac mitzuschneiden.

NSA-Überwachungsskandal: was bisher geschah

(via)
Von NSA, GCHQ, BND, PRISM, Tempora, XKeyScore und dem Supergrundrecht

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