dev.strombild

Impress js

Michael — Tue, 10 Jan 2012 12:57:06 +0000

Javascript Präsentationstool mit Zoom-, Dreh- und 3D Effekten.

bartaz.github.com/impress.js

Gleich hohe Input-Felder und Buttons

Michael — Wed, 23 Nov 2011 17:37:45 +0000

Hier endlich die Lösung für ein häufiges Problem beim Gestalten von Formularen mit CSS:

christophzillgens.com/de/articles/input-und-button-gleich-hoch

Safe Area für Webseitenlayout im Vergleich

Michael — Fri, 27 May 2011 12:11:24 +0000

Bei Designers Toolbox gibt es eine Übersicht über die tatsächliche Breite und Höhe eines Browserfensters bei Standardauflösungen. Also abzüglich Rahmen, Scrollbar und evtl. Sidebar.

www.designerstoolbox.com/designresources/safearea/compare

piwik: Open source web analytics

Michael — Fri, 13 May 2011 13:51:40 +0000

Die Open source Alternative zu Google Analytics zum installieren auf dem eigenen Server:

piwik.org

WordPress schneller machen

Michael — Fri, 13 May 2011 13:44:31 +0000

Tipps um die Geschwindigkeit von WordPress zu optimieren:

www.computingunleashed.com/speed-up-wordpress-ultimate-guide-to-make-sites-super-fast.html

Langsame Internetverbindung simulieren (Mac)

Michael — Tue, 03 May 2011 14:49:42 +0000

speedlimit (Leopard preference pane):

mschrag.github.com

CSS Shadow für alle Browser

Michael — Tue, 03 May 2011 12:48:47 +0000

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

Quelle: snipplr.com/view.php?codeview&id=46409

hasClass, addClass und removeClass ohne jQuery

Michael — Tue, 03 May 2011 10:18:38 +0000

Es muss ja nicht immer gleich jQuery sein:

function hasClass(ele,cls) {
	if (typeof ele == 'undefined' || ele == null || !RegExp) {
		return false;
	}
	var reg = new RegExp('(^|\\s)'+cls+'(\\s|$)');
	if (typeof(ele) == 'string') {
		return reg.test(ele);
	} else if (typeof(ele) == 'object' && ele.className) {
		return reg.test(ele.className);
	}
	return false;
}
 
function addClass(ele,cls) {
	if (!hasClass(ele,cls)) {
		ele.className += ' '+cls;
	}
}
 
function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(^|\\s)'+cls+'(\\s|$)');
		ele.className = ele.className.replace(reg,' ');
	}
}

Input Type Keyboards on iPhone & Android Devices

Michael — Thu, 28 Apr 2011 11:56:05 +0000

Auf iPhone und Android sind folgende Typen für Inputfelder möglich:

type="email"
type="number"
type="tel"
type="url"

Das Keybord passt sich entsprechend an.

Quelle: www.petefreitag.com/item/768.cfm

Tons of free design sources

Michael — Mon, 21 Mar 2011 11:29:01 +0000