Kategori: CSS

Integrating Styled Google Calendar with Your Website

In 2012 I started to wrote this article. In the end I quit writing it. I encountered it today again and I decided to finish it. Here it is.

My brother needed a calendar that shows his availability to his clients for his website. So, I know that already, marvelous Google Calendar provides embedding calendar in your website with iframe. But you couldn’t change its design (color, icons etc.). This is a bad thing for websites without white background color. It looks like an alien attached to your website.

I googled it a bit and I found this article: Integrating Google Calendar with your website. There is a PHP code in the article that it isn’t correct. But it inspired me. I took its idea and code and I reworked on it. Here is the live result: http://taneryilmaz.pro/#schedule 
Devamını oku »

CSS, jQuery: Daha Üstün Performans

CSS ve jQuery performans ve optimizasyon konusunda kafaları yemiş biri olarak bu güzelim Pazar gününde hem kendim hem sizin için performans ve optimizasyonu araştırdım. (Tabi dün güneşin altında saatlerce dolaşıp amele yanığı olduktan sonra bugün bir yere çıkmayacağım kesindi)

Bu araştırmamdaki en büyük etken Burak’ın yazdığı kodların (CSS ve jQuery) üzerine onunla girdiğimiz tartışmaların sonucu doğru ve yanlış bildiğim şeyleri tekrar gözden geçirme isteği.

Not: Araştırmamın sonucunda ben haklı çıktım burası ayrı bir konu 😉 Ama doğru bildiğim bazı yanlışları da düzeltme fırsatı buldum.
Devamını oku »

Facebook Friend Selector

Facebook Friend Selector is a friend selection assistant for your Facebook application or your website that is equipped with Facebook Connect. This tool returns you your friends ID’s only and you use them as you please. It was built using the jQuery library.

Demo & Download

Facebook Friend Selector Color BlueFacebook Friend Selector Search ResultsFacebook Friend Selector Show Count

This plugin is no longer maintained. Feel free to fork and update! Github repo

Devamını oku »

Focus border’ı silmek

Bir input(text, password v.s.) ya da bir textarea‘ya tıkladığınız zaman tarayıcılarda varsayılan olarak tıkladığınız elementlere çerçeve ekler. Firefox ve Internet Explorer‘da çok belirgin olmasa da Webkit tabanlı tarayıcılarda (Chrome, Safari, Konqueror) sarı kalın bir çerçeve ile kendini belli eder. Bazı tasarımlarda bu istenmeyen bir durumdur. Özellikle input, textarea stili için background özelliği kullanılıyorsa. Ben çoğunlukla varsayılan dışında stiller kullandığım için bu özelliği direk reset.css‘e ekledim.

Webkit Focus Border
Devamını oku »