bildirgec.org

css hakkında tüm yazılar

jQuery Oylama ve Değerlendirme Uygulamarı

angelsdemos | 18 January 2010 17:13

Web 2.0 tasarımda büyük devrimlerden biridir. Web sayfanızdaki herhangi bir nesneyi eskiden ziyaretçileriniz arasında oylamaya sunarken sayfa yeniden yüklenmek zorunda kalırdı. Fakat web 2.0’dan sonra gelişen tasarım teknolojisi sayesinde bu olay ortadan kalktı. jQuery ve css ile hazırlanan bu uygulamalar her tasarımcının arşivinde kesinlikle bulunmalı. Uygulamaları birebir web sayfanıza koyabileceğiniz gibi benzerlerini de yaratmanız mümkün.

jQuery Start Rating| Demo

8 farklı seçeneği arasından herhangi birini seçebileceğiniz hoş bir jquery oylama uygulaması.

Prototype Starbox | Demo

20 farklı seçeneği bulunan bu uygulama ile oylama yaparken ziyaretçileriniz sayfayı yenilemek zorunda kalmayacaklar.

CSS 3 öğrenmek için en iyi dersler

angelsdemos | 16 January 2010 13:17

CSS 3 çalışmaları henüz tamamlanmadı fakat birçok tarayıcı css3’ü kısmen kullanıyor. Bu yüzden web tasarımcıları css 3’e son günlerden yüklenmiş durumdalar. web 2.0 ile css3 inanılmaz görsel tasarımları oluşturmak için muhteşem bir ikili. css 3 yeni olduğu için bilmeyen tasarımcılar için birçok yararlı dersler bulunmakta. işte css 3 öğrenmek için yararlı dersler;

Introduction to CSS3 – Part 1: What Is It?
(CSS 3’e giriş – bölüm 1 : nedir?)

Get Started with CSS
(CSS 3’e başlayın)

The fundamental problems with CSS3
(CSS 3 Hakkında Temel Sorular)

3 Adımda jQuery Sexy DropDown Menu

rhymes | 11 January 2010 19:57

Çoğu çalışmalarımızda gerekli olan DropDown menü jQuery ile dahada basit hale gelmiştir. 3 adımda aşağıdaki örnekteki gibi yapabilirsiniz. İşinize yarayacağını düşünüyorum.

Adım 1 : HTML
HTML tagları ile menümüzün başlıklarını oluşturuyoruz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<ul class="topnav">
<li><a href="#">Home</a></li>
<li>
<a href="#">Tutorials</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li>
<a href="#">Resources</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Submit</a></li>
<li><a href="#">Contact Us</a></li>
</ul>

CSS hakkında detaylı bir site…

admin | 11 January 2010 13:00

css
css

Cssaddons adlı sitede farklı bir anlayış ile CSS ile ilgili detaylı örnek açıklamaları ve download edebilme imkanı sunulmaktadır. Sitenin en güzel yanı ise CSS ile ilgili yerli ve yabancı sitelerde seçme örneklere yazar ismi ve site ismi verilmek suretiyle hem kişi haklarına önem verilmekte hemde ciddi bir kaynak oluşturmaktadır.

ilham verici form tasarımları

admin | 09 January 2010 14:02

Web siteniz ile uyumlu ve göze hitap eden formlar tasarlamak istiyorsanız ve “nasıl bir şey olmalı?” sorusu aklınıza takılıyorsa, birçok farklı form tasarımını inceleyebilirsiniz.Üyelik formu, iletişim formu, kayıt formu gibi birçok form örneğinde ilham verici teknikler ile başarılı çalışmalar yapılıyor. Siz de aşağıdaki örnekleri inceleyerek kendi ilham verici form tasarımlarınızı yaratabilirsiniz.

1 – Next Big Sound

2 – ChiGarden

3 – Best Tools for school

+30 jQuery Eklentisi

admin | 06 January 2010 12:18

+30 jQuery Eklentisi
+30 jQuery Eklentisi

jQuery, bana göre ajax kütüphaneleri arasında en kullanışlı ve en kolay geliştirilebilir Ajax kütüphanesidir. İnternette gezindiğim ve takip ettiğim sitelerden, bu ajax kütüphanesi için hazırlanmış birbirinden kullanışlı ve işe yarar eklentilerinden derleme hazırladım.

1- Slide-In Contact Form

Sayfanın üstündeki iletişim butonuna tıklanarak, ziyaretçilerinize kolay ve portatif bir iletişim formu açar. Ziyaretçilerinize istediği an sizinle iletişime geçebilme imkanı sağlıyor.
WEB SİTESİDEMOİNDİR

2- Load Content While Scrolling With jQuery
Hemen hemen her projede kullanışlı olabilecek otomatik içerik yükleme eklentisidir. Web sitenizin sayfası aşağı indirildikce içerikler otomatik yükleniyor.
WEB SİTESİDEMOİNDİR

JQuery ile fluid grid oluşturmak

rhymes | 04 January 2010 11:31

Bir web sayfasına magazin/gazete görünümünde gird oluşturmak JQuery ile çok basit bir şekilde olmaktadır. Aşağıda kullanılan yöntem ve fonksiyonlar çok basit olması nedeniyle bir çok kişi tarafından rahatlıkla uygulanabilir. Bunları adımlayarak yapacak olursak:

1- Basit bir html sayfası oluşturalım:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
<title>Fluid grid</title>
<script type="text/javascript" src="http://arsiv.pilli.com/http://arsiv.pilli.com/script/jquery-1.3.2.min.js"></script>
</head>
<body>
<div class="box"><p><span>01</span>01 Numaralı kutu...</p></div>
<div class="box alt"><p><span>02</span>02 Numaralı kutu...</p></div>
<div class="box"><p><span>03</span>03 Numaralı kutu...</p></div>
<div class="box alt"><p><span>04</span>04 Numaralı kutu...</p></div>
<div class="box"><p><span>05</span>05 Numaralı kutu...</p></div>
<div class="box alt"><p><span>06</span>06 Numaralı kutu...</p></div>
<div class="box"><p><span>07</span>07 Numaralı kutu...</p></div>
<div class="box alt"><p><span>08</span>08 Numaralı kutu...</p></div>
<div class="box"><p><span>09</span>09 Numaralı kutu...</p></div>
</body>

5 Web Tasarım Geliştirme Aracı

angelsdemos | 29 December 2009 19:21

Web tasarım zahmetli ve zaman isteyen bir iştir. Bu yüzden web tasarımcıları için geliştirilen onlara yardımcı olacak ve zamandan tassruf etmeleri için birçok uygulama geliştirildi. Bu uygulamalar sayesinde büyük ölçüde zamandan tasarruf sağlamakla beraber daha verimli ürünler çıkabilir. Farklı 5 Web tasarım geliştirme aracı;

MiniAjax

miniajax‘ta birbirinden etkileyici ajax uygulamaları bulabilir, dilerseniz bilgisayarınıza indirebilirsiniz. Sadece ajaxla kalmayıp dhtml ile ilgili de birçok uygulama bulunmakta. Büyük bir arşivleri bulunmakta.

Css ile Resim Çizmek

Flashcentury | 29 December 2009 12:14

Homer Simpson
Homer Simpson

Css ile resim çizilir mi?” diye sorsalar “çizilir ama çok uğraşmak gerekir” derdim. “Peki nasıl çizilir?” deseler ilk aklıma gelecek yöntem div’leri pixel olarak kullanarak uzun uğraşlar sonucu bir resim ortaya çıkarmak olurdu. fakat şimdi anlatacağım çalışmada çok daha profesyonel bir teknik kullanmışlar.

öncelikle şunu belirteyim ki yukarıdaki çok sevdiğim Homer Simpson resmi tamamen Css ile hazırlanmış.

Nasıl mı?

JQuery ile paket sitelere istemci taraflı çözümler

vectro | 28 December 2009 11:33

Merhabalar, uzun bir aradan sonra JQuery’nin kurtarıcı olduğu bir hikaye ile karşınızdayım. Aslında burada çok az kod paylaşacağım ama bu tip bir sorunla karşılaşanlar için iyi bir çözüm olacağına eminim. Hem de kodaman yapısına çok uygun olacak bir paylaşım olduğunu düşünüyorum.

Hikayemiz şöyle : bir paket e-ticaret sitesi kullanıyoruz ve tema yönetim sistemi var ancak sadece istemci taraflı kodlara yani css html vs javascript müdahele edebiliyoruz. hazır bir paket olduğu için sunucu tarafında kod değiştirme gibi gereksinimler tam bir çile oluyor ve paketi satan firmamız ya değişikliklere ek ve biraz da yüksek ücretler, yada bu bir paket sistem o tarz birşey eklemeyiz gibi cevaplar veriyorlar.