CSS rounded corners (with pure css)

13 July 2009 von Sinan Yasar 1 Kommentar »

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:

.my_rounded_corners {
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

but if you want to control every corner this is good:

.my_rounded_corners {
  border: 1px solid #ccc;

  -moz-border-radius-topleft: 10px;
  -khtml-border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  -moz-border-radius-topright: 0px;
  -khtml-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;

  -moz-border-radius-bottomleft: 4px;
  -khtml-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;

  -moz-border-radius-bottomright: 10px;
  -khtml-border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

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.

Kodingen.com sonunda online!

24 June 2009 von Sinan Yasar Keine Kommentare »

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.

İşte videosu: (İngilizce)

http://kodingen.com

Javascript ve PHP için kısa “IF Statement” örnekleri (ternary IF statements)

23 June 2009 von Sinan Yasar 1 Kommentar »

Javascript için:

Uzun yoldan:

if(yaşım > 50){
  var ben = "Yaşlanıyorum.";
}else{
  var ben = "Hala gencim.";
}

Kısa yoldan:

var ben = (yaşım > 50) ? "Yaşlanıyorum." : "Hala gencim.";

PHP için:

Aslında syntax aynı, php’de değişkenler $ kullanılarak tanımlanıyor sadece.

if($yaşım > 50){
  $ben = "Yaşlanıyorum.";
}else{
  $ben = "Hala gencim.";
}

Kısa yoldan:

$ben = ($yaşım > 50) ? "Yaşlanıyorum." : "Hala gencim.";

Coda slider ve Lavalamp tabs

13 February 2009 von Sinan Yasar Keine Kommentare »

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.

Bkz.

» Weiterlesen: Coda slider ve Lavalamp tabs

Inline-block problem in firefox 1 & 2

29 November 2008 von Sinan Yasar Keine Kommentare »

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…

	display: -moz-inline-block;
	display: inline-block;

This fixes the problem :)

yet another Mac OS and Windows comparison

23 November 2008 von Sinan Yasar Keine Kommentare »

I started my computer career with a commodore 64 :) then followed with Amiga 500, 500+, 600, 1200 and then to MS-DOS powered 286, 386, 486 and finally a Pentium 90Mhz was out with Windows 95… You probably guess the rest, 98, XP, (damn)Vista etc…

In December 2007 switched to a Macbook Intel machine, i did not seriously think about a PowerPC machine  because of compatibility issues but when i heard that i could install also windows on a mac and use the both systems together i bought it. I don’t want to keep it long but it seems that i would not change back to Windows unless a miracle happens…

Briefly what i hate in Mac OS:

MAC : In Finder, it lists directories and folders together in selected order alpabetical, by type etc., which drives you crazy when browsing a folder among thousand files, not like in Windows Explorer which is a big minus for mac. There are work arounds and silly excuses of mac users which i can’t accept as a reasonable explanation. On most blogs they say proudly, a mac user is used to create a folder by a leading space to keep it on top of all files. As if it is a good thing to perform some extra work to achieve something really simple.

MAC: Maximize window, that is also silly that you can not make a window full screen with maximize (zoom) button. You have some tools to achieve that in mac but nothing is as good as os default behaviour.

And what i like about Mac OS:

MAC: Perfect visual experience. Very powerful graphics accelerator even with onboard intel graphics chipset. Another example about its power, on a windows PC with the same configuration you can never fast forward a movie smoother than a Mac does.

MAC: BEAUTY. After working on a Mac, if you switch to windows you feel like after using XP going back to Windows 98. I really do not even want to check something on my windows machine eventhough i really need it.

You can say that they had a good make up on Vista, but Vista loses already with its performance, unnecessary explanations everywhere, strange security warnings, by trying to make it user friendly they made it for use of grannies, i admit that a person who has not seen a computer before would use it better than any other system!

Actually i was planning to write more but i can’t recall everything now, maybe i will post later about this issue, and keeping short is sometimes better…

MooFlow JavaScript Image Carousel

24 September 2008 von Sinan Yasar Keine Kommentare »


» Weiterlesen: MooFlow JavaScript Image Carousel

OpenEngine meets SlideShowPro

19 September 2008 von Sinan Yasar Keine Kommentare »

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.

for those who are not into details, here is the result of what this tutorial shows.

» Weiterlesen: OpenEngine meets SlideShowPro

Javascript View Source

14 September 2008 von Sinan Yasar Keine Kommentare »

To view the source of a page a small javascript function can be used, put following to head section of your document.

And add this link to have a visual element to click on the page that you put the code above.

View Source

a humble tutorial for Rails 2.0 with new SCAFFOLD

24 August 2008 von Sinan Yasar Keine Kommentare »

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 .

» Weiterlesen: a humble tutorial for Rails 2.0 with new SCAFFOLD