tasarımlarınız için yeni yüksek kalite yazı tipleri
28 Tem
tasarım çalışmlarımızda kullanabileceğimiz yüksek kalite bedava yazı tipleri bulmak çoğu zaman zordur. işte sizlere tasarımlarınız için veya arşivinize katabileceğiniz yazı tipleri;
Devamı ve kaynak için : rhymes – bildirgec.org
20 adet bedava CSS3 kod üreteci
27 Tem
CSS3′ün en büyük sorunlarından biri birden fazla tarayıcıda çalışmasını sağlayabilmektir. bu şu anlama geliyor: en basitinden bir gölge efekti verebilmek için çapraz tarayıcı uyumlu bir şekilde kod yazmanız gerekiyor.
bu yazıda ise basit kullanıcı arabirimleri ile tamamen özelleştirilebilir kodlar üretebileceğiniz CSS3 araçları yer almaktadır.
CSS3 Generator
Efektlerin hepsini tamamen özelleştirebileceğiniz ve popüler CSS3 özellikleriden istediğinizi seçebileceğiniz bir araçtır.
Devamı ve kaynak için : rhymes – bildirgec.org
İlham Verici 10 Adet Sade Web Sitesi Tasarımı
13 Haz
Merhaba arkadaşlar. Bu yazımda sizinle 10 adet sade web sitesi tasarımı paylaşacağım. Bu paylaştığım web siteleri renk kullanımı, yerleşim ve içerik bakımından gerçekten çok şık ve bir okadarda sade. Bu şekilde sade web siteleri tasarlamak kullanıcılarınızın gözünü yormayacak ve istediklerine daha rahat ulaşmada yardımcı olacaktır. Paylaştığım bu 10 web sitesini inceleyerek sizde ileride yapacağınız tasarımlar için ilham alabilir, yaratıcılığınızı geliştirebilirsiniz.
İşte o sade ve bir okadarda şık 10 web sitesi tasarımı:
1. Maksimer
2. Capitalg
3. Fedena
Ücretsiz Photoshop PSD Web Sitesi Temaları
12 Haz
Photoshop web tasarımcıları için büyük önem taşır. Birçok web tasarımcısı bir web sitesini dizayn ederken Photoshop’u kullanır veya Photoshop üzerinden dizayn eder. Photoshop üzerinden dizayn edilentemalar ise PSD yani photoshop kayıt dosyası olarak kaydedilir. İnternette birçok PSD dosyası bulunmaktadır ancak bunların çoğu ücretli olarak dağıtılmaktadır. Bazıları ise örnek teşkil etmesi açısından veya bu işi para için yapmayan web tasarımcıları tarafından ücretsiz olarak dağıtılmaktadır.
İşte ben de bu yazımda sizinle 51 adet ücretsiz photoshop PSD web sitesi teması paylaşacağım. İşte o harika ve ücretsiz PSD web sitesi temaları:
1. Somara
Devamı >
10 Adet Mükemmel CSS Menü Dersi
11 Haz
CSS artık modern bir web sitesi tasarımının vazgeçilmez bir aracı haline geldi. Neredeyse bütün web 2.0 web sitelerinde CSS’ye rastlamak mümkün. Kullanım bukadar fazla olunca CSS hakkındada internette bir çok eğitici ve öğretici makale yazılıyor. Heleki şu son zamanlarda CSS menü tasarımı hakkında bir çok ders yayınlandı. Bende bu dersler arasından en beğendiğim 10 dersi seçip siz sorbize okuyucuları ile paylaşmayı düşündüm. İşte o harika css menü dersleri.
Bu paylaştığım harika menü dersleri ile ilham alabilir, yaratıcılığınızı geliştirebilirsiniz. İşte o harika CSS menü dersleri:
1. Advanced CSS Menu
2. CSS Sprite Navigation Tutorial
3. CSS Techniques: Using Sliding Doors with Wordpress Navigation
4. Horizontal menu, top to bottom
5. Flexible navigation example
6. CSS Menu – Horizontal/Vertical
7. CSS graphic menu with rollovers
8. Navigation matrix reloaded
9. A CSS only validating flyout menu
10. A flyout menu with breadcrumb trail
Engellenen Google Servislerine Girmenin Yolu
10 Haz
Telekomünikasyon İletişim Başkanlığının böyle bir karar almasının sebebi aslında Youtube’a erişimi tamamen engellemek. Ancak bilmiyorlarki hiçbir zaman engelleme ve yasaklama ile birşeyi çözemezler. İşte bu yazımda sizinle Google’ın engellenen bu servislerine erişmenin bir diğer yolunu anlatacağım.
Daha önceleri mahkeme kararı ile engellenen sitelere DNS adreslerimizi değiştirerek rahatlıkla ulaşabiliyorduk. Ancak Telekomünikasyon İletişim Başkanlığının direkt olarak youtube’a ait IP adreslerini engellemesi bu yöntemimizi artık geçersiz kılıyor.
Ama tabikide demokraside çare tükenmez. Bu sefer yapmamız gereken şey hem DNS adreslerimizi değiştirmek, hemde “hosts” dosyamızda Google’ın engellenen IP adreslerini tanımlamak olacak. Bu sayede engellenen IP adreslerine rahatlıkla ulaşabiliriz.
Peki bunu nasıl yaparız hemen anlatayım:
1- Öncelikle DNS adreslerimizi Google’ın DNS adresleri olan “8.8.8.8, 8.8.4.4″ ile değiştiriyoruz.
2- Daha sonra “Windows/system32/drivers/etc” klasörü içerisindeki host dosyasını not defteri ile açıyoruz.
3- Açtığımız dosyaya aşağıdaki engellenen IP adresleri ve alan adları yazıyoruz.
74.125.43.103 youtube.com 74.125.43.103 docs.google.com 74.125.43.103 clients1.google.com.tr 74.125.43.103 translate.google.com.tr 74.125.43.105 google-analytics.com
4- Ve son olarak dosyamızı kaydediyoruz. Ayrıca yine bu yolla girmek istediğiniz diğer google servislerinide bu dosyaya yazıp girebilirsiniz.
İşte bütün yapmamız gereken bu. Yine bu şekilde Telekomünikasyon İletişim Başkanlığının engellediği diğer sitelerede rahatlıkla girebiliriz. Tek yapmamız gereken engellenen IP adresini ve alan adını hosts dosyasına girmemiz olacaktır.
daha.net apple ipad kazandırıyor!
9 Haz
daha.net yılın en keyifli sosyal medya kampayasını başlatıyor!
Katılmak çok kolay, facebook sayfamızda daha.net’ten bu ipad’i neden istediğinizi anlatan bir resim/video yada blog yazısı paylaşın, en yaratıcı 10 gönderi arasına girip en çok beğeni ve yorumu alan siz olun; iPad’i kapın! Üstelik ilk 3′e bir yıllık Photoshop Magazin dergisi üyeliği ücretsiz!
Apple’ın 2010′a damgasını vuran tablet bilgisayarı iPad’i kazanmak için yapmanız gerekenler ise çok basit:
- Facebook sayfamıza “iPad’i neden istediğinizi” anlatan bir fotoğraf/video/blog yazısı ekleyin.
- Paylaşın ve gönderinizin yayılmasını sağlayın
- En yaratıcı 10 gönderi arasına girin
- En çok beğeni/yorum sahibi siz olun
- iPad’i Kapın!
Siz de daha.net’ten iPad kazanmak istiyorsanız Facebook sayfamızı ziyaret edin, neden iPad istediğinizi anlatan bir resim/video/blog yazısı gönderin, en çok beğeni/yorum’u alın, iPad’i ve Photoshop Magazin Üyeliğini kapın!
İçerik yaratmak için kameranızı, resim düzenleme programlarınızı, ya da kaleminizi kullanabilirsiniz. Ya da Photoshop Magazin‘in Ciz-izlet (http://www.photoshopmagazin.com/ciz-izlet) modülünden faydalanabilir, orada yarattıklarınızı daha.net facebook fan sayfasına göndererek yarışmaya katılabilirsiniz!
jConfirmAction | jQuery Onay Kutusu
9 Haz
Projelerimizde dinamik bir sistemimiz varsa veritabanı ile işlemler yapıyorsak bazen öğelerin silinmesini kullanıcı kontrolüne bırakırız. Tabi bu durumda karşımıza bir sakınca doğuyor. Ya kullanıcı yanlışlıkla silme bağlantısına/düğmesine tıklarsa? İşte bunu önlemek için silme düğmelerine kullanıcıyı uyarmak için bir onay kutusu ekleriz. Daha önce bunun sade javascript kullanarak basit bir şekilde nasıl yapılacağını anlatmıştım. Fakat gördüm ki jConfirmAction isimli jQuery eklentisi kullanarak çok daha basit, etkili ve görsel açıdan zengin bir şekilde bu işlem yapılabiliyormuş.
Örnek ve İndirme
Eklentinin nasıl çalıştığını görmek için buraya bakabilirsiniz. Bu örneği indirmek için de şuraya tıklayınız.
Eklentinin Siteye Eklenmesi
Yukarıdaki örneği indirirseniz aslında çok rahat bir şekilde görebilirsiniz ama ben yine de anlatmak istiyoum. jConfirmAction‘ı kullanabilmek için öncelikle CSS dosyasının, jQuery javascript sınıfının ve ardından eklentinin dosyasının (jconfirmaction.jquery.js) sitemize, <head> </head> etiketleri arasına eklenmesi gerekir.
<link rel="stylesheet" type="text/css" media="screen, projection" href="demo.css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jconfirmaction.jquery.js"></script>
Ardından bu onay kutusunun çalışmasını sağlayacak olan javascript kodunu yukarıdaki satırların hemen altına yazıyoruz. Ben sil seçicisi atanmış olan (class=”sil”) bağlantılarda bu eklentini çalışmasını istediğim için aşağıdaki kodu ona göre yazdım.
<script type="text/javascript">
$(document).ready(function() {
$('.sil').jConfirmAction({question : "Silmek istiyor musunuz?", yesAnswer : "Evet", cancelAnswer : "Hayır"});
});
</script>
Tabi burada şunu da unutmadan söyleyeyim. Bu onay kutusunun iki adet görseli var. Bu görselleri sitenizdeki resimler (veya images vb.) kutusuna yüklemeniz ve ardından CSS dosyasında bu görsellerin yerini doğru olarak girmeniz gerekiyor. Yukarıdaki örneğin içinde zaten bulacaksınız bu görselleri.
Eklentinin Çağırılması
İşte olayın en güzel noktası burası. Eklentiyi çağırmak yani silme onayını göstermek için tek yapmanız gereken normal bir bağlantıya class=”sil” kodunu eklemek. Örnek;
<a href="delete.html" class="sil">Sil Beni</a>
Ayarlar
Öncelikle eklentideki soruyu ve cevapları değiştirebiliyorsunuz. Yani Evet, Hayır yerine, Doğrudur ve Asla yazabilirsiniz. Tek yapmanız gereken sitenin üst kısmına eklediğiniz şu kodu düzenlemek.
<script type="text/javascript">
$(document).ready(function() {
$('.sil').jConfirmAction({question : "Silmek istiyor musunuz?", yesAnswer : "Evet", cancelAnswer : "Hayır"});
});
</script>
Bununla birlikte onay kutusunu dilediğiniz gibi şekillendirebilirsiniz. Bunun için CSS dosyasındaki seçicileri düzenleyebilir ve hatta görselleri değiştirebilirsiniz.
Sonuç
jConfirmAction gerçekten çok basit bir uygulama ama yerine getirdiği hizmet gerçekten çok önemli. Bu nedenle projelerimde bizzat kullanmaya karar verdiğim bu güzel eklentiyi hepinize tavsiye ederim.
[Test Et] [İndir] [Eklenti Sayfası]
Harikulade CSS3 Tekniklerinden Bir Demet!
9 Haz
Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.
Devamı ve kaynak için : algoz – bildirgec.org
jQuery-Notes
23 May
jQuery-Notes, fotoğraflarınıza not eklemenize yardımcı olan sıradışı bir jQuery uygulaması. Resimlerinizin altına, köşesine not eklemek artık sizin için yeterli değilse jQuery-Notes tam size göre bir uygulama.
jQuery 1.4, jQuery-UI 1.7+ ve PHP5 ile hazırlanan bu uygulama sayesinde resimlerinizin üstünde herhangi bir yerine not ekleyebilir ve notlarınıza link verebilirsiniz. Bu sayede resimlerinizdeki herhangi bir nesne veya kişiye dikkat çekebilir veya tanımlayabilirsiniz.
Devamı ve kaynak için : angelsdemos – bildirgec.org
