bildirgec.org

html 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)

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

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.

işte karşınızda jQuery ile Hazırlanmış Markitup Editor

Flashcentury | 23 December 2009 09:32

Markitup Editor
Markitup Editor

Web site Admin panellerinde, Bloglarda veya arzu ettiğiniz herhangi bir uylamanızda bazen bir editöre ihtiyaç duyabilirsiniz. Markitup editor textarea üzerinde kurularak size online editör hazırlama imkanı sunuyor.

Markitup Editor
Markitup Editor

Kullanımı ve kurulumu oldukça kolay olan Markitup Editorun plugin desteği de bunuyor. Örneğin “Lorem ipsum” isimli eklentisi ile tek tıkla anlamsız kelimeler veya “Date of the day” eklentisi ile bugünün tarihini zahmetsizce ekliyebiliyorsunuz. Tabii ki tek marifeti plugin özelliği değil.

Buyrun bazı özelliklerine göz atalım;

Web Tasarım ve Evrim

angelsdemos | 02 December 2009 14:51

Yıl 1990. İlk web tasarımları yayınlanmaya başlandı. Web tasarımcılar (ki sayıları şimdiye göre çok daha az) sadece metin tabanlı sayfalar hazırlıyorlardı. Metinler ve linkler haricinde görsel olarak herhangi bir şey görmek olanaksızdı. Ancak bu uzun sürmedi. Sonunda css tabanlı tasarımlar ve flaş keşfedildi, buraya kadar gelindi ve daha da ilerleyeceğe benziyor.

İlk web sayfaları
Sıcak bir ağustos günü Tim Berners-Lee içinde birkaç link olan sadece metinden oluşan ilk web sayfasını yayınladı. Birkaç paragraf dışında pek bir şey olduğu söylenemez. İnsanlara World Wide Web (www)’in olduğu hakkında bilgi içeren bir sayfaydı bu.
Html (HyperText Markup Language) biraz daha gelişince paragraf, başlık, link vb. özellik geldi. Sonraki sürümlerinde sonunda görsellik eklenebiliyordu.
1994 yılında ise World Wide Web Konsorsiyumu (W3C) kuruldu.

ilk web sayfası (1992)
ilk web sayfası (1992)

Zen Coding: Html / CSS yazmanın en hızlı yolu

siriusbee | 26 November 2009 12:24

Zen Coding
Zen Coding

Bir website tasarımında html kod yazarken ne kadar zaman harcarsınız? Etiketler, özellikler, tırnak işaretleri, parantezler vs. Özellikle de benim gibi bütün karakterleri sıfırdan tek tek yazan biriyseniz sizi bu zaman kaybından kurtaracak ve çok kolayca html/css kodu oluşturabileceğiniz bir uygulamadan bahsetmek istiyorum: Zen Coding.

Zen Coding
Zen Coding

html/css kodu yazmanın en hızlı yolu olan Zen Coding Sergey Chikuyonok tarafından geliştirildi. Hem Mac hem de Windows ortamında çalışabilen versiyonları olan Zen Coding’i kullandığınız editöre (dreamweaver, GEdit vs) entegre ederek iç içe geçmiş en karmaşık div yapılarını oluşturma zahmetinden kısa zamanda kurtulabileceksiniz.