bildirgec.org - etiketler: css3

8 css3 sitesi keşfedelim

silver530 — Thu, 17 Feb 2011 10:04:00 GMT

css3 'ün resmi sitesi. css3'ün referans rehberini bulabileceğiniz ve blog tarzında css3 örneklerinin yayınlandığı sade bir site.

css3.com

2 - css3please

css3 kodları tarayıcıdan tarayıcıya farklılık göstermektedir. bu site de css3 ile yapılabilecek bir görsellik için hangi tarayıcıda hangi kodun çalıştığını gösteren çok pratik bir site.

css3please

3 - css3generator

çok hızlı bir şekilde css3 kodu oluşturabileceğiniz son derece kullanışlı bir site. listeden eklemek istediğiniz css3 özelliğini seçdikden sonra piksel ve renkdeğerlerini girmeniz yeterli. her tarayıcı için gerekli kodları site bizim için oluşturuyor.

css3generator

4 - w3schools

web programcılığı konusunda en çok bilinen sitedir. tam bir referans kaynağıdır. adım adım css3 öğrettiği için tercih edilebilr.

w3schools

5 - css3.info

tasarımıyla dikkat çeken bu sitemizde blog tarzında yapılmış. css3 açısından çok zengin bir kaynak. css3 hakkında herşeyin kendilerinde bulunduğunu slogan olarak geçiyorlar.

css3.info

6 - css3watch

biraz karışık olmasına karşın incelenebilir.

css3watch

7 - w3.org

web konusunda standartları belirleyen kurumun resmi sitesi. css3 konusunda standartla bakılabilir.

w3.org

8 - westciv

kaydırma çubukları sayesinde çok hızlı bir şekilde css3 kodları oluşturabileceğiniz kullanıcı dostu arayüzüyle ve iyi tasarımıyla başarılı ve benim gibi keşfedenlerinin vazgeçemediği bir harika.

westciv

popüler yazılarım:

en popüler 15 facebook uygulaması

en popüler 20 forum sitesi

seo - temel kurallar

wordpress için gravatar

ilgili yazılar

Bu yazı silver530 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Kasım 2010'un En Popüler CSS3 Dersleri

angelsdemos — Sat, 20 Nov 2010 08:55:00 GMT

CSS3'ün ürün yelpazesinin gelişmesi web tasarımcılara önemli bir katkı sağlamakta. Farkı görsel ögeleri ve göze hitap eden farklı tasarımlar oluşturlan CSS3 gelişmeye devam etmekte. Kasım ayını geride bırakırken sizin için bu ayın en iyi CSS3 Dersleri derledik. Birçok farklı uygulamanın detaylı olarak nasıl yapılabildiğini öğrenebilir ve tüm bu uygulamaları kullanabilirsiniz.Kasım 2010'un En Popüler CSS3 Dersleri:

Making Better Select Elements with jQuery and CSS3
(CSS3 ve jQuery ile Daha İyi Bir Seçim Elemanı Yapın)

CSS3 Animated Bubble Buttons
(Kabarcık Butonlar)

Build a simple portfolio image gallery with CSS3
(CSS3 ile Basit Portföy Resim Galerisi Yapımı)

Create a fancy web form with field hints using only CSS3
(CSS3 Kullanarak Web Formları için Süslü İpuçları Oluşturma)

Twitter-style login with jQuery & CSS3
(CSS3 ve jQuery ile Twitter Tarzı Giriş)

CSS3 Transitions?
(CSS Geçişleri)

Create a Flip Effect by Using CSS3
(CSS3 ile Çevirme Efekti)

CSS3 Slideup Boxes
(CSS3 Slideup Kutuları)

CSS gradients - quick tutorial
(CSS Gradyanlar - Hızlı Ders)

BonBon Buttons
(BonBon Butonlar)

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

40tan fazla Ücretsiz CSS/HTML Site Şablonu

dextarus — Wed, 17 Nov 2010 16:36:00 GMT

( Demo | İndir)

(Demo | İndir )

(Demo | İndir )

(Demo| İndir )

(Demo | İndir )

(Demo| İndir )

(Demo | İndir )

(Demo | İndir )

(Demo | İndir )

(Demo | İndir )

(Demo | İndir )

(Demo | İndir )

(Demo | İndir )

(Demo | İndir )

(Demo | İndir )

İlginizi çektiyse devamı için buraya bakabilirsiniz.

ilgili yazılar

Bu yazı dextarus tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Siteniz için 10 adet CSS3 düğme dersi

dextarus — Sun, 14 Nov 2010 11:54:00 GMT

Sitenizde kullanabileceğiniz CSS3 le yapılmış düğmeler ve bunların nasıl yapıldığını anlatan dersleri sizlerle paylaşmak istedim. Dersler ingilizce yalnız :( Ama kodlar evrenseldir değil mi?

1- CSS3 ve RGBA la harika düğmeler

Dersi için buraya

2- CSS3 kullanarak kendi Google düğmeniz

Dersi için buraya

3- CSS3 Gradient Düğmeler

Dersi için buraya

4- Kick-Ass CSS3 Düğmesi

Dersi için buraya

5- Saf CSS3 iconları

Dersi için buraya

6- Aşırı süslü CSS3 düğmeleri

Dersi için buraya

7- BonBon: Tatlı CSS3 düğmeleri

Dersi için buraya

8- Gerçekçi Görünen CSS3 Düğmeleri

Dersi için buraya

9- CSS3 Resimsiz Sıvı Düğmeleri

Dersi için buraya

10- Esnek CSS3 düğmeleri

Dersi için buraya

ilgili yazılar

Bu yazı dextarus tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Eylül 2010'un En Popüler CSS3 Dersleri

angelsdemos — Mon, 18 Oct 2010 06:32:00 GMT

Sürekli gelişen ve hergeçen gün farklı tasarımlar yapılan web teknolojisinde css3 günümüzde oldukça önemli bir yer tutmaktadır. Bu ayın en popüler css3 uygulama derslerini aşağıdan inceleyebilirsiniz. Bu en popüler 5 dersde farklı teknikleri inceleyerek benzer çalışmalar yapabilirsiniz. Eylül 2010'un En Popüler CSS3 Dersleri;

Simulate Realism with CSS3
(CSS3 ile simüle Gerçekçilik)

CSS3 Speech Bubble
(Css3 ile Konuşma Balonu)

How To Create Depth And Nice 3D Ribbons Only Using CSS3
CSS3 ile Nasıl Derin ve Güzel 3D kurdela yaratma

Creating a polaroid photo viewer with CSS3 and jQuery
(CSS3 ve jQuery ile polaroid fotoğraf görüntüleyicisi yapımı)

Create a Color Changing Website Using CSS3
(CSS3 Kullanarak Web Sitesinin Rengini Değiştirme)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Bedava 10 Html5 Tema

filezza — Fri, 15 Oct 2010 11:07:00 GMT

HTML5 Template

Html 'in son sürümü olan ve birçok tarayıcı ve site tarafından desteklenen html5 ile geliştirilmiş, aşağıdaki bedava 10 tema ile web sitelerinizi geleceğe uyarlayabilirsiniz.

html5 ile sosyal web sitesi teması

Social Stream HTML5 Template

Bedava html5 tema

Free HTML5 Website Template

Ücretsiz html5 firma teması

Free HTML5 Template For Design Company

Emlakçılar için bedava html5 tema

Free HTML5 Template For Real Estate Website

Html5 yapı-inşaat-mimarlık teması

Free HTML5 Template For Architecture Website

Temaların devamını görmek için buraya tıklayabilirsiniz.

ilgili yazılar

Bu yazı filezza tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Farklı Geçiş Efektleri için: AviaSlider

angelsdemos — Fri, 08 Oct 2010 06:35:00 GMT

AviaSlider; birçok farklı benzersiz geçiş efektine sahip birçok projede farklı amaçlarla kullanabileceğiniz harika bir jquery slider uygulamasıdır. Interaktif olarak kullanabileceğiniz AviaSlider, diğerlerinin aksine farklı efekler sunarak ziyaretçilerinizi etkiler.

8 benzersiz geçiş efetli olan aviaslider'ı web sitenizde manşet veya resimleriniz için küçük bir galeri olarak kullanabilirsiniz. jQuery 1.32 ile hazırlanan bu uygulamayı istediğiniz gibi biçimlendirebilir html5 ve css3 ile renklendirebilirsiniz.

Sadece 8KB boyuntaki bu ufak uygulama içerisindeki farklı efektleri farklı sayfalarda kullanabilir ve tooltip eklentisi sayesinde resimlerin büyük hallerini sayfa içerisinde açılan küçük bir pencereden ziyaretçilerinize gösterebilirsiniz. Bu pencere açılırken resim harici sayfaya uygulanan karartma efekti sayesinde ziyaretçilerinizin resime dikkat çekmelerini sağlayabilirsiniz.

Internet Explorer 6+, Safari 3, Firefox 2+, Opera 10+, Google Chrome 3+ desteğine sahip ve sadece 3kB olan bu uygulamayı dilerseniz buradan indirebilirsiniz. Orjinal web sayfasına ve 8 farklı efektinin de gösterildiği demo sayfası için buraya göz atın.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : aviathemes

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yararlı jQuery Sekmeli Navigasyon Uygulamaları

angelsdemos — Thu, 30 Sep 2010 09:48:00 GMT

Web 2.0 ile yaygınlaşan ve kullanılmaya başlanan sekmeli tablolar artık birçok web uygulamasında yer edinmiştir. Bir sayfaya birden fazla sayfayı sığdırmak veya ziyaretçilerimizi yeni sayfa yüklenmesinden kurtarmak gibi birçok hoş özelliği bulunan bu uygulama jQuery ile oldukça hoş bir hal aldı. Farklı geçiş efektleri ile güzelleşen bu özelliği aşağıdaki birçok uygulamaya bakarak inceleyebilirsiniz. Yararlı jQuery Sekmeli Navigasyon Uygulamaları;

Create A Tabbed Interface Using jQuery
(jQuery ile Sekmeli Tablo Arayüzü Oluşturun)

Sweet AJAX Tabs With jQuery 1.4 & CSS3
(jQuery 1.4 & CSS3 ileTatlı Ajax Seklemeri)

Create a Slick Tabbed Content Area using CSS & jQuery
(CSS & jQuery kullanarak kaygan Tablolar Oluşturun)

Feature List
(Özellik Listesi)

Create A Tabbed Interface Using jQuery
(jQuery kullanarak Sekme Arayüzlü Tablolar Oluşturmak)

idTabs

jQuery Moving Tab and Sliding Content Tutorial
(jQuery Hareketli ve Sürmeli Tablo Eğitimi)

Tabify

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

İnanılmaz CSS3 Uygulamaları

angelsdemos — Tue, 28 Sep 2010 16:43:00 GMT

CSS3 tamamen yaygınlaşmasa ve tüm tarayıcılar tarafından tam olarak desteklenmemiş olsa bile birçok başarılı uygulama yapılmakta. Web sitelerinizi daha interaktif ve daha renkli hale getiren bu uygulamalar arasında çizim örnekleri bile bulunmakta. Günümüzde hala imajlar kabul görürken css'nin sınırları zorlanarak ascii karakterler ile birçok farklı çizim örnekleri de yapılıyor. Birçoğunun detaylı açıklaması da verilen aşağıdaki uygulamaların benzerlerini siz de yapabilirsiniz.

Sweet CSS3 Buttons
(Tatlı CSS3 Butonları)

Bu tatlı css3 butonları sayesinde web sitenizini oldukça renklendireceksiniz.

CSS Logo

Tamamen css kullanılarak çizilen bu logolar uğraş gerektirse de gerçeğini aratmayan cinsten. Tamamen ascii karakterler ile yapılan bu logolar arasında CBS, CNCB-e (NBC), BMW, Univision gibi şirket logoları da var.

CSS Olympic Logo
(CSS Olimpik Logo)

Ascii ile yapılan başka bir css çizim örneği olan bu çalışmada ise Olimpiyat logosunun aynısı yapılmış. Chrome, Safari, Firefox ve Internet Explorer 9 tarayıcıları tarafından destekleniyor ve isterseniz eklenen küçük uygulama sayesinde logoya yaklaşabiliyorsunuz.

Color Wheel
(Renk Tekerleği)

Farklı bir css çizim örneği olan bu uygulamada 12 farklı renk tonu ile bir yuvarlak hazırlanmış. Ayrıca yapımı ayrıntılı olarak anlatılmış. Böylece siz de kendi renk tekerleğinizi yaratabilirsiniz.

CSS3 Ads
(CSS3 Reklamları)

Flash reklamlara alternatif olarak hazırlanmış olan bu CSS reklamları oldukça etkileyici. Kullanılan efektlerin tümü başarılı şekilde CSS3 ile de yapılmış. Tabii css3'ü tüm tarayıcılar tam olarak desteklemediği için yaygınlaşması biraz zaman alacak.

CSS Dragon
(CSS Ejderha)

Farklı bir css çizim örneği olan css Dragon'da, başarılı bir css çizim örneğidir. Detaylı olarak anlatımı yapılmış.

CSS Monster
(CSS Yaratık)

Reddit Alien

CSS3 Checkboxes

Klasik checkbox'ları düğme şekline getiren bu uygulama ile web sitenizi renklendirebilir veya farklı web uygulamalarında bu hoş uygulamayı kullanabilirsiniz. Aç/Kapa düğmesi şeklinde birçok yerde kullanılabilir.

CSS 3D

Kırmızı-Mavi 3D gözlüklerle oldukça hoş görüntülenebilecek yazılar yazmanızı sağlayan bu css3 uygulaması sayesinde sadece resim ve videolar değil web siteniz de 3 boyutlu olacak.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : queness

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Html5 SlideShow - JQuery ve Canvas ile

marfan46 — Mon, 27 Sep 2010 07:00:00 GMT

Html5 Canvas elemanı hakkında bişeyler duydunuz mu bilmiyorum yakın zaman içinde hakkında çok şey duyacağınız iddia edebilirim.

Html5 Canvas elemanını kısaca tanımlamak gerekirse; grafikler hazırlayıp düzenleyebileceğimiz özel bir elaman diyebiliriz. Ayrıca üzerine Jquery animasyonları da ekleyebiliriz.

Bir örnek olması açısından HTML5 Slideshow'u sizlerle paylaşmak istiyorum.

Demo | Download

ilgili yazılar

Eylül Ayının jQuery Uygulamaları (2)
Muhteşem HTML5 ve CSS3 Uygulamaları (11)
Etkiliyici Slaytlar için: aeron slideshow (16)
Panning Slideshow (4)
jQSlickWrap (7)

Bu yazı marfan46 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage