HTML5 ile birlikte canvas web sayfalarında epey bir popüler olacak, ve bir çok şeyi mümkün kılacak gibi görünüyor. Şimdiye kadar sadece flash’la yapılabilen şeyler yavaş yavaş canvasla karşımıza çıkıyor. Şimdiden oyunlar özel javascript kütüphaneleri belirmeye başladı nette. Ben de JS Canvas API ile bir iki test yaptım burada da paylaşmak istedim, buyrun ufak bir canvas örneği:
function draw() {
var canvas = document.getElementById("canvas");
canvas.height = document.height;
canvas.width = document.width;
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
var i = 0;
var t= setInterval(function() {
ctx.fillStyle = "rgba(200," + i + "," + i + ",0.05)";
ctx.fillRect (i, i, i, i);
i++;
if(i > document.height-i){clearInterval(t);}
},10);
}
}
window.onload = draw;
Bu bir kaç satırlık kod ile gayet hoş bir animasyon elde edilebiliyor, işte çıktısı:
Tabi bunu HTML5 destekleyen modern bir tarayıcıyla görebilirsiniz ancak.
I generally get rounded corners just with css, if browser does not support they see the content with flat corners. If rounded corners are not so critical for your site you can use these lines below.
If you want to use all corners with same radius this is the easy way:
As you see in each set you have browser specific styles and on the fourth rows we declare in standard way by this we assume if in future the others (hopefully IE too) decide to implement the feature to have our style be ready for them too.
This works beautifully on Firefox, Safari, Camino, Chrome. For other browsers there are tons of other tweaks you can find by googleing.
Aylar süren geceli gündüzlü çalışmadan sonra nihayet Kodingen.com’u ilk beta versiyonuyla yayına aldık.
Kodingen ile web üzerinde kodlamayı mümkün kılan bir yazılım geliştirme ortamı (Online Development Environment) hazırladık. Özetle neler yapılabileceğini aşağıdaki videoda anlatmaya çalıştık. Şimdilik sunduğumuz yazılım ortamı Apache/PHP/MySQL şeklinde, ileride RoR, Python, Perl ve birçok yazılım dilinin de oluşturulup test edilebilineceği bir yapıyı planlıyoruz.
Ilk Turkce blog girdimi de bu vesileyle yapiyorum, Macintoshta development yapanlar Coda adli programi bilirler panic.com/coda. Web sayfalarinda cok guzel kayarak gelen tablar kullanilmis, bi benzerini de ben jQuery kullanarak yaptim.
Inline-block is really nice feature of css2.1 and css3, but unfortunately you have to make a work-around to achive its result in firefox 2. Mozilla guys fixed it in firefox 3 but i believe there is still plenty of people using firefox 2 or older. So there is that trick which i mention…
Today i wrote a module for OpenEngine CMS ver1.9(one of the best CMS’s that i have seen so far) that integrates the professional SlideShowPro.
To use that module you have to have a working installation of openengine and unfortunately a licensed SlideShowPro but it costed me 20usd, so no big deal.
It was also my problem to not to be able to continue with old tutorials to make nice scaffold thing, so i searched and found the solution and they say this method is nicer than earlier one. Actually since i dont know the earlier version it doesn’t matter for me, but i share here how i could proceed with scaffold… here you are.
rails -d mysql my_inventions
mysqladmin -u root --password=my_pass create my_inventions_development
cd my_inventions
mate .
