Guymon

text-shadow Beispiele

Eine Beispiele was man mit der CSS Angabe text-shadow erreichen kann zeigt webdemar.

Password Manager

Wenn ich nicht 1Password verwenden würde wäre Clipperz wohl das Tool der Wahl für die Verwaltung von Passwörtern.

Einige Features:

• One-click login
• Offline copy
• Import and export
• Anonymity

Die Crypto Library gibt es unter der AGPL v3 license.

Online Tools für die Verwaltung von Passwörtern sind mir zwar irgendwie suspekt, aber das Tool sieht wirklich gut aus.

Mapping CCTV around Whitehall

Und mal wieder ein CCTV Kunstprojekt: Mapping CCTV around Whitehall

Two-part exercise to map CCTV cameras around Whitehall, London, within a zone covered by SOCPA (Serious and Organized Crime and Police Act 2005). A map of the hundreds of cameras in the zone was made over two days of observation. the second part involved mapping the range of one of these cameras, no. 40 in Villiers street, by intercepting its signal as it was transmitted wirelessly without encryption. As passers-by entered the marked area covered by camera no. 40, they were alerted to the camera’s presence and handed a copy of the map of CCTV cameras in Whitehall.

QueryPath: jQuery für PHP

QueryPath klingt wie die Library die ich letzte Woche hätte gebrauchen können:

A PHP jQuery. That was the original goal of QueryPath. This meant creating a library that was:

• Concise: jQuery methods are all short, and the methods are chainable. Both of these features are stables of the QueryPath library.
• Flexible: like jQuery, QueryPath provides many different features and functions in a single place. Even the extensions can be easily subsumed under the core QueryPath object.
• Powerful: One of the strong points of jQuery is that it provides a powerful suite of JavaScript? tools. QueryPath aims to provide that sort of toolset of PHP.

Und auf IBMs developerworks gibt es ein Tutorial zu QueryPath.

jQSlickWrap

jQSlickWrap implementiert als jQuery Plugin den Sliced and Diced Sandbags Ansatz von A List Apart.

jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images.

Und so funktioniert es:

1. If necessary, pre-load the image.
2. Determine the CSS styles for the image (float and padding).
3. Create a <canvas></canvas> element and set its dimensions to the size of the image plus its padding.
4. Draw the image onto the canvas in the top-left location.
5. Figure out the “background” color of the image by examining the pixel data at the top-left corner of the image.
6. Fill the <canvas></canvas> with this background color.
7. Re-draw the image contents onto the <canvas></canvas>, but now in the correct location as specified by its padding.
8. Iterate through the image to find the “edge” of the image’s contents at each row - save this width. (the size of a row is defined to be the resolution in the settings to a call to slickWrap).
9. Using the widths collected in the previous step, generate <div></div> elements of those sizes.
10. Float the <div></div>s to the correct side, and set their clear style to the same side.
11. Set the background-image to a non-repeating image described by a call to canvas.toDataURL() for the original’s containing element.
12. Hide the original image.