kategori: css

demo_drag_to_share[1]

Yeni trend: Drag to Share

demo_drag_to_share[1]

Sosyal medyayı oluşturan en önemli unsur şüphesiz ki “paylaşmak”tır. Bu hareketi sağlayan çeşitli yöntemler hali hazırda bulunmaktayken, yeni bir yöntem daha çıktı: Drag to Share (Sürükle Paylaş) Sayfadaki bir resimi tutup sürükleyerek, sayfada beliren sosyal mecra ikonlarından dilediğinize bırakarak paylaşımı … devamı →

google font api

Google Font Api

google font api

Google yine yapacağını yaptı ve sitelerimizde değişik fontlar kullanabilmemizi sağlayan font api servisini yayına soktu. sIFR ve Cufon gibi yöntemlere göre daha pratik bir kullanım sunuyor. Ayrıca yazılan texti seçebilme ve kopyalayabilme gibi işlemleri yapmamıza izin veriyor. Servisin diğer güzel … devamı →

browser-safari-firefox-opera-ie

Tüm Tarayıcılar İçin CSS Hack Listesi

browser-safari-firefox-opera-ie

Genelde sadece IE için css hack yöntemlerini kullanırız. Ama bazı durumlarda diğer tarayıcılarda birbirinden farklı davranışlar sergileyebilirler. İşte bu noktada aşağıda göreceğiniz ve Volkan Altınbaş‘ın hazırlamış olduğu bu liste epey işe yarayacaktır: Seçici Hackleri IE6 ve alt sürümleri * html … devamı →

Notepad++ için hızlı kod yazma eklentisi: QuickText

Eğer kodlama için siz de benim gibi Notepad++ programını kullanıyorsanız, kodlama hızınızı muazzam derecede hızlandıracak bir eklenti yapılmış: Quicktext. Programın yaptığı iş basit olarak şu; uzun uzun yazdığınız kod parçalarını, ilgili kodlara atayacağınız bir kelime ile değiştirmesini sağlamak. Bu değişimi … devamı →

Ücretsiz CSS Templateler

Templatemo.com birbirinden kaliteli CSS templateleri ücretsiz olarak sitesinde dağıtıyor. 100′den fazla ve hemen her kategoriye yönelik site temalarını ihtiyacınıza göre kişisel veya ticari olarak kullanabilirsiniz.

CSS: Div içine orantılı resim

Küçük bir ipucu; CSS nin getirdiği güzellikleri biraz daha görebilmek için. Resimleri “Div” içinde otomatik olarak belli ölçülerde gösterebilmek çoğu zaman sıkıntılıdır. Ama CSS ile bu sıkıntıyı aşmak mümkün. Şöyle ki; <div class="block"> <img src="resim.jpg" alt="" /></div> <div class="block"> <img … devamı →

FancyBox ile lightbox’ın biraz daha ötesi

FancyBox, lightbox türevleri arasında gördüğüm en iyisi diyebilirim. Resimlerin zoom efektinden, kenarlarındaki gölgelerine kadar gerçekten muazzam bir görsellik sunuyor. Üstelik sadece resimler için değil, web sitelerini de gösterebilirsiniz. Kurulum açıklamalarını görmek ve FancyBox’ı indirmek için tıklayın.