Codecandies » code

Media Queries und Bilder

Nico Brünjes — Wed, 25 Jan 2012 15:26:54 +0000

Nur für die Akten, eine Art, unterschiedlich große Bilder in den Content zu bekommen…

Testseite (Fenster fröhlich groß und klein ziehen).

H1 Test

Meine tolle H1

Lebowski ipsum vee vant zat money, Lebowski. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo. I did not watch my buddies die face down in the mud so that this fucking strumpet. Pellentesque ac lectus quis elit blandit fringilla a ut turpis. Praesent felis ligula, malesuada suscipit malesuada non, ultrices non urna. It's a complicated case, Maude. Lotta ins. Lotta outs. And a lotta strands to keep in my head, man.

I got information—new shit has come to light and—shit, man! She kidnapped herself! Sed orci ipsum, placerat id condimentum. Rutrum, rhoncus ac lorem aliquam placerat. You got the wrong guy. I'm the Dude, man. My dirty undies. Laundry, Dude. The whites. Posuere neque, at dignissim magna ullamcorper. In aliquam sagittis massa ac tortor. I've had a rough night, and I hate the fucking Eagles, man.

Getestet gerade nur in Chrome. Kommt von hier.

CSS 3 Gradients

Nico Brünjes — Tue, 16 Feb 2010 14:55:19 +0000

Einige der neuen CSS3-Funktionalitäten sind ein wenig schwer zu merken, vor allem da man sich hinsichtlich der Syntax bei Webkit und Mozilla noch nicht ganz einige ist. Ein schönes Beispiel sind gradients, für die es sogar noch M$ Filter gibt, den man setzen kann, wenn man das will. Und nur bei linearen Farbverläufen. Einmal zum Mitschreiben:

[syntax,css3-gradient.css,css]

Geolocation im Browser erkennen

Nico Brünjes — Fri, 12 Feb 2010 21:21:58 +0000

Heute wollte mir jemand weissmachen, zum Nutzen der Geolocation-Informationen des iPhones bräuchte man eine App. Quatsch.

Seit iPhone 3.0 geht im Safari:

navigator.geolocation.getCurrentPosition(foundLocation(position){^
	var lat = position.coords.latitude;
	var long = position.coords.longitude;
	alert('Found location: ' + lat + ', ' + long);
}, noLocation(){
	alert('Could not find location');
});

Weil ich die veraltete Information aber auch gerade nochmal in einem Buch gelesen habe und dort beinahe ausschließlich auf jQuery gesetzt wird: es gibt natürlich auch ein entsprechendes jQuery-Plugin: jquery-geolocation. Die ist kompatibel zum Safari/iPhone ab Version 3.0 und Firefox ab 3.5.

$.geolocation.find(function(location){
   alert(location.latitude+", "+location.longitude);
}, function(){
   alert("Your device doesn't support jquery.geolocation.js");
});