Raphaël ile animasyonlu dairesel grafik yapımı

Raphaël ile animasyonlu dairesel grafik yapımı

Merhabalar, bu eğitselde size, web ortamında vektor grafikler oluşturabilmenize yarayan küçük bir javascript kütüphanesi olan Raphaël ile dairesel grafiklerin nasıl oluştrulduğundan bahsedeceğim. Dmitry Baranovskiy tarafından yazılmış bu küçük (sadece 86kb) javascript kütüphanesi, jquery den bağımsızdır, kullanımı oldukça basit ve tüm tarayıcılarda sorunsuz çalışmaktadır. (Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+)

Raphael ie 6+ destekli fakat benim aşağıda kullanmış olduğum bazı javascript fonksiyonları 8+ çalıştığı için, ie8 ve altında stabil çalışırmı tam bilemiyorum, eğer ie9 altında çalışıyorsanız bu noktaya dikkat etmeniz gerekli.

Devamı...

Eklentisiz sosyal medya içerik paylaş fonksiyonu

Bir çok kişi websitelerinde içerikler üretiyor ve bu ürettiği içerikleri facebook, twitter vb. gibi sosyal alanlarda paylaşma ihtiyacı duyuyor. İçeriğimizi bu gibi sosyal alanlarda paylaşmak, içeriğimizin kullanıcılar tarafından daha kolay ve daha hızlı farkedilmesine olanak sağlıyor.
Bu paylaşım işini yapan bir çok eklenti var fakat bir çoğu reklam ve gereksiz kodlar içermekte. Bu sebeplerden dolayı daha önce yazmış olduğum bu basit paylaşım fonksiyonunu sizlerle paylaşmak istedim.

Devamı...

Google Charts ile Google Analytics verilerinizi sayfanızda gösterin

  • Hasan
  • 7.289 kez okundu
Google Charts ile Google Analytics verilerinizi sayfanızda gösterin

Merhabalar.

Bugün Google Analytics kullanarak elde ettiğiniz verileri kendi sitenizde nasıl gösterebileceğiniz konusunda size yardımcı olmaya çalışacağım. Google Analatics’in ne olduğunu biliyor ve kullanıyor olduğunuzu varsayarak anlatacağım. Eğer Google Analtics ‘in ne olduğunu bilmiyorsanız yada sitenizde şuan için kullanmıyorsanız bu sayfayı inceleyebilirsiniz.

Devamı...

Sublime Text editör Dreamweaver Color Scheme

  • Hasan
  • 792 kez okundu
Dreamweaver Color Scheme for Sublime Text Editor supporting SCSS (Sass)

Dreamweaverı bırakıp Sublime Text editör kullanmaya başladıktan sonra, Sublime ın cod renklendirmeleri pek hoşuma gitmemişti. Alışkanlıkların da etkisi var fakat, dreamweaver daha detaylı renklendirme yapıyordu. Bunun üzerine biraz araştırma yapıp sublime Text editörü için bir Dreamweaver color scheme i buldum ve onu kullanmaya başladım. Ta ki scss(sass) kullanmaya başlayana dek. Kullandığım bu color scheme scss uzantılı dosyaları renklendirmiyordu. Bunun üzerine kendi temamı yapmaya karar verdim. Piyasadaki bir çok temayı inceledim, nasıl yapıldığı az çok öğrendim ve kendim bir scss dosyalarını da destekleyen bir color scheme yaptım. Bunuda burda paylaşıyorum, belki kullanmak isteyen olur.

Devamı...

Google CDN’den protocol kullanmadan jquery kütüphanesini host etmek

  • Hasan
  • 612 kez okundu
tips

Benim gibi meraklı bir arayüz geliştiriciyseniz, bazı kişilerin jquery kütüphanesini Google CDN’den host ederken protocol kullanmadığını farketmişsinizdir. Bende bunu ilk gördüğümde merakımdan hemen neden böyle kullanıldığını araştırdım.
Araştırmaların sonucunda bu kullanımın güvenli referans (SSL) kullanan siteler için bir püf noktası olduğunu öğrendim.
Bugün bir çok site güvenlik için SSL kullanmakta. Fakat SSL kullanımı sitelerde önbelleklenebilir statik kaynaklarda problem yaratmakta. Yani tarayıcılar ilk etapta bu dosyalarıda şifrelenmiş bir şekilde isteyecektir ve çoğu tarayıcı SSL üzerinden şifrelenmiş bu dosyaları önbelleğine almaz. Bu yüzden, kullanıcının bilgisayarında Google CDN den HTTP üzerinden önbelleklenmiş bir Jquery kütüphanesi olsa bile tarayıcı aynı sunucudaki aynı dosya için https referanslı istek ile karşılaştığından bu dosyayı kullanmayacaktır. Başka bir deyişle;

Devamı...

Daha Fazla