bildirgec.org - aztech - beğendikleri

Bilmeniz Gereken 21 Harika Css Tekniği

aztech — Mon, 03 Aug 2009 09:02:00 GMT

CSS, güncel tasarımın temellerindendir. Yaklaşık 10 yıl önce yapılan basit tasarımları göz önüne alırsak, css'in ne kadar büyük bir önem taşıdığını görebiliriz. Birbirinden etkili css tekniklerine aşağıdan ulaşabilirsiniz.

1. Cross Browser CSS SlideShow

Sadece css kullanarak çapraz tarayıcı resim galerisi nasıl oluşturulacağı hakkında harika bir örnek.

2. CSS Based Image Maps

Sadece css kullanarak resim haritası oluşturma dersine ulaşabilirsiniz.

3. No JavaScript LightBox Using CSS

Css ile lighbox oluşturma dersi. Javascript gereklidir.

4. Image Replacement for Buttons

Gönder butonu resim ile değiştirebilirsiniz.

5. Animated Navigation Menu using CSS

Css kullanarak animasyonlu navigasyon menüsü oluşturma üzerine harika bir ders.

6. Tree Like Navigation Using CSS

İç içe listeli navigosyan gibi ağaç menü oluşturmak. Sitemap oluşturmak için çok kullanışlıdır.

7. CSS Gradient Text Effect

Sadece css kullanarak göz alıcı başlıklar oluşturabilirsiniz.

8. CSS Menu List Design

Çok kolay anlaşılır bu ders liste tasarımı hakkında bilgiler vermektedir.

9. Creating Liquid Layouts With Negative Margins

10. Making Your Footer Stay Put With CSS

Bu ders ile alt bölüm için css düzenlemesini nasl yapabileceğinizi görebilirsiniz.

11. Simple, Scalable CSS Based BreadCrumbs

Ölçeklenebilir güzel ekmek kırıntısısı navigasyonu oluşturmak.

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

Sitenizi Css Galerilerine Göndermek İçin En Hızlı Yol

Web Tasarımı ve Geliştiricileri İçin 15 Faydalı CSS Forum

Haziran 2009'un En İyi Css Tasarımları

Ücretsiz Css Şablonu İndirmek İçin 35 Mükemmel Web Sitesi

Web Tasarımcılar İçin Gayet Faydalı 15 "Css Grid Yerleşimi" Üreteci

10 Ücretsiz Css ve Xhtml Web Şablonu

30 Olağanüstü Css Menü Tekniği

101 Daha Kaliteli Css ve XHTML Web Şablonu

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

kaynak: webdeveloperplus.com

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

Bu yazı aztech 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 Video Oynatıcı: Video JS

aztech — Fri, 04 Jun 2010 06:40:00 GMT

Web sitenizde video yayınlayanlar genelde flash player ile yapılan video eklentileri veya Media Player kullanırlar. Fakat tüm bunlara gerek kalmadan sadece HTML5 ve CSS3 yardımı ile web sayfanızda video yayınlayabilirsiniz.HTML5'in yükselmesi ile gündeme gelen bu video oynatıcıları henüz Internet Explorer gibi bazı eski sürüm tarayıcılar desteklemese de oldukça popüler ve ilgi çekici oldukları söylenebilir.

Video JS, tamamen HTML5 ve CSS3 ile hazırlanan açık kaynak kodlu ve ücretsiz olarak dağıtılan bir video oynatıcısıdır. Web sitenizde videoları herhangi bir eklentiye gerek kalmadan yayınlamanızı sağlayan bu uygulama ile hertürlü videoyu yayınlayabilirsiniz. H264 ve Theora Ogg gibi formatları da destekleyen bu kolay kullanımlı uygulama kullanıcılar açısından herhangi bir sorun olmadan yayın yapabiliyor.

Tam ekran özelliği, ses ayarı, durdurma/oynatma düğmesi ve herhangi bir bölümüne sarabileceğiniz çubuğu ile diğer video oynatıcılarını aratmayan bu uygulamayı birçok tarayıcıda çalıştırabileceğiniz gibi iPhone veya iPad gibi dokunmatik cihazlarda da çalıştırabilirsiniz.

İstediğiniz gibi ayarlayabileceğiniz gelişmiş özellikleri bulunan video oyanıcısı Video JS, InternetExplorer v7+, Firefox v3+, Google Chrome v4 ve Safari v4 destekliyor ayrıca iPhone/iPad gibi aletler üzerindende çalışabiliyor. 10.3 kb boyutundaki bu uygulamayı buradan indirebilir veya demosununda bulunduğu orjinal web sayfasını buradan kontrol edebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : videojs

Bu yazı aztech 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

aztech — 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

Bu yazı aztech 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ı Chrome Eklentileri - Eylül 2010

aztech — Fri, 01 Oct 2010 06:29:00 GMT

Google Chrome, popüler tarayıcılar arasında eklenti desteğine sahip olan ikinci tarayıcı. Firefoxi kadar eklentisi bulunmasada oldukça fazla eklentiye sahip olmaya başladı. Aşağıdaki eklentiler sayesinde web hayatınızı daha rahat bir hale getirebilirsiniz. Eylül ayının popüler yararlı Google Chrome uzantıları;

Eye Dropper

Chrome ve Chromium uzantısı olan Eye Dropper, web tasarım ve geliştiriciler için oldukça hoş bir uygulamadır. Sağ üstte yer alan küçük logosuna tıkladıktan sonra web site içeriğindeki herhangi bir rengin Hex şeklinde size gösterir.

Instant Image Editor

Web sitesinde herhangi bir imaj dosyasını anında düzenleme imkanı veren çok hoş bir uygulama. Pixlr tarafından yapılan bu uzantı ile anında yeni tabda imaj üzerinde düzenleme yapabilirsiniz.

Chrome Editor

Web Tasarımcılar için üretilen bir eklenti olan Chrome Editor, chrome üzerinden html, css, javascript kodlarını anında düzenleme imkanını size sunuyor.

SpeedTracker

Google tarafından hazırlanan bu uzantı Google Chrome'un performansını ölçüyor. Tüm analiz ölçümlerini size anlık tablolar şeklinde sunuyor. Ayrıca flash, javascript, ağ kaynağından yüklenme, DOM, XMLHttpRequest çekimleri, css, resimler gibi farklı ölçümler de yapabiliyor.

XML Tree

XML Tree, Google Chrome için hazırlanmış gelişmiş bir xml görüntüleme aracıdır. İçeriği istediğiniz gibi renklendirerek daha kolay kullanım imkanı sağlar.

MeasureIt!

Oldukça kullanışlı bir Google Chrome uzantısı olan MeasureIt!, web tasarımcılar için hazırlanmış. Web sayfasındaki herhangi bir bölgenin ölçümünü yaparak size gösteriyor. Oldukça faydalı bir uzantı.

csscan

CSSViewer adındaki Firefox eklentisinden esinlenerek yapılan cssscan kolaylıkla bir bölgedeki css özelliklerini size yansıtıyor.

Aviary Screen Capture

Avari tarafından hazırlanan bu Google Chrome uzantısı sayesinde herhangi bir web sayfasının anında ekran görüntüsünü alabilirsiniz.

Create Link

Create Link, bulunduğunuz sayfanın adresini 3 farklı şekilde otomatik olarak hafızaya alan bir Google Chrome uzantısı. Ayrıca isterseniz farklı formatlar da ekleyebiliyorsunuz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı aztech 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

Wordpress Geliştiriciler için Muhteşem Kaynaklar

aztech — Tue, 31 Aug 2010 13:55:00 GMT

---- Wordpress ve Temelleri ----

Bu bölüm bazı resmi kaynaklar, tema geliştirmek için birkaç kaynak ve bazı genel makaleleri içerir.

Wordpress Kurulumu
Detaylı olarak wordpress'in nasıl kurabilirim sorusunun yanıtlarını bulacaksınz.

Wordpress Destek Forumları

Wordpress ile iligili sorularınızı sorabileceğiniz bir form. Muhtemelen sizden önce aynı sorunu yaşayan başka biri aynı soruyu sormuştur, bu yüzden küçük bir aramayla başka kullanıcıların deneyimlerinden yararlanabilirsiniz.

Eklenti Dizini
Blogunuzu daha güçlü bir hale getirmenizi sağlayacak eklentilere ulaşabileceğiniz resmi bir kaynak.

WP Questions
Bu site yardım almak ve yardım etmek için muhteşem bir kaynak. Ayrıca sorulara yanıt vererek de para kazanabiliyorsunuz.

Gigging into Wordpress (Kitap)
Chris Coyier ve Jeff Starr tarafından yazılan wordpress geliştiriciler için yazılan en güzel kitap diyebiliriz. İsterseniz kitapın pdf versiyonunu da temin edebiliyorsunuz.

How to Be a Rockstar WordPress Designer (Kitap)
Profesyonel olarak Wordpress tema geliştirme sürecini anlatan pdf formatında güzel bir kitap. Kitap sizi Wordpress'in Rock Starı yapacağını vaad ediyor.

Wordpress Geliştiriciler için 10 İpucu
Wordpress geliştirmeye yeni başlayanlar için Mike Smith tarafından hazırlanmış iyi bir makale.

CMS olarak Wordpress
Wordpress'i nasıl içerik yönetim sistemi (CMS) olarak kullanabilirsiniz ve Wordpres ile bir site nasıl hazırlanır sorularının yanıtlarını bulabileceğniz bir makale.

---- Tema Geliştirme Dersleri ----
nasıl bir wordpress teması geliştirebilirsiniz? Adım adım bu sorunun yanıtını arayan makalelerden oluşuyor.

Wordpress Tema Geliştirme
Bir temanın nasıl geliştirildiğini adım adım anlatan bir seri ve bu seriyi tüm kaynak dosyaları ve görüntülü dersleri ile birlikte indirebiliyorsunuz.

Wordpress Teması Nasıl Yapabilirsiniz
Part: 1, 2, 3a, 3b
Tasarım ve örnek bir tema hazırlamayı 4 adımda anlatan bir yazı dizisi.

Gelişmiş Tema Hazırlama Dersleri
11 bölümden oluşan derinlemesine bir tema hazırlama sürecini anlatan dersler.

Ayrıca bakınız;

Bu yazı aztech 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

jquery öğe sürükleme aparatı - 1

aztech — Sat, 28 Aug 2010 07:55:00 GMT

jquery + isimli kütüphane sayesinde web sitelerine büyük bir hareketlenme geldi. bu yazılımın bu kadar sevilmesindeki en büyük neden belki de kolay anlaşılması ve en zor efektleri bile kısa komutlarla uygulama imkanı vermesidir. açık kaynaklı bir teknoloji olduğu için (javascript) 3. kişiler kolayca eklentiler üretebiliyor ve jquery sürekli güncelliğini korumayı başarıyor.

bu yazıda çok profesyonelce hazırlanmış bir eklenti tanıtılacak. bu eklenti sayesinde web sayfanızdaki her şeyi mouse ile tutup bir yere sürükleme özelliği katabilirsiniz ancak sadece tut-sürükle-bırak ritüeline sıkışmak zorunda değilsiniz. ek olarak onlarca opsiypnu bulunuyor. eklentinin hüneri de zaten opsiyonlarında gizli.

______________detaylar______________
jquery indir
Eklentiyi indir
eklenti anasayfası
lisans koşulları
genel demo sayfası
______________ basic ______________
en basit biçimde web sayfasındaki herhangi bir öğeyi mouse ile sürüklemenizi sağlar.
demo
______________ relative ______________
öğeleri sayfa içinde sınır tanımadan sürüklenebilir olmasını sağlar.
demo

______________ axis ______________
öğeyi sadece tek eksen üzerinde hareket edecek biçimde yapılandırır. sadece yatay veya düşey eksende hareket etmesini sağlar.
demo
______________ Grid ______________
öğenin sürüklenmesini adım adım hareket edecek biçimde düzenler. bu özellik bilhassa ses düzeyi arttırmak ve buna benzeyen görevleri yerine getiren kaydırma çubuklarında faydalı sağlıyor.
demo
______________ contain ______________
sürüklenen öğeye sınır getirip bu sınırların dışına sürüklenmesini engellemeyi sağlıyor. eğer sayfanızda bolca sürüklenebilen öğe varsa çoğunun sürüklenmesi sonucunda sayfanızın içi kaos bölgesine dönmemesi için faydalı olabilir.
demo
______________ circular ______________
öğeyi dairesel bir eksende sürüklemeyi sağlar. özellikle "color picker" adı verilen, renk seçmeye yarayan paletlerin dairesel bölümlerinde renk skalası üzerinde seçiciye dairesel bir işlevsellik katmakta kullanılıyor.
demo
______________ handle ______________
öğelerin tutulabilir yerlerini ayarlar. genellikle pencere görünümündeki öğelerin sadece başlık kısımlarından tutulup sürüklenmesini sağlar.
demo
______________ active ______________
öğenin sürüklendiği sırada tepki vermesini sağlar. öğenin renk değiştirmesi, gölge kazanması, arkaplanının değişmesi ve benzeri şeyler...
demo
______________ proxy ______________
öğenin yansımasını sürüklemeye yarar. taşınabilir yaptığınız öğeler bazen fazlaca büyük olabilirler. ya da bir video öğesini sürükletmek isteyebilirsiniz. böyle durumlarda ziyaretçilerin grafik işlemcileri zayıf ise akışkan bir sürükleme deneyimi yaşayamazlar. takılmalar olur. bu dezavantajı aşmak için, öğe sürüklenmek istenirse içi boş, sisteme yük bindirmeyen bir kutuyu sürüklemeye başlarsınız. bıraktığınız yere esas sürüklemek istediğiniz kutu bir anda taşınır. işletim sistemleri de (windows, linux vb) grafik işlemcisi yetersiz olduğunda öğeleri sürüklemek için bu metoddan faydalanırlar.
demo
______________ z-index ______________
z-index, derinlik indeksi demektir. iki ve daha fazla sürüklenebilir öğe üst üste geldiğinde sürükleyeceğiniz öğe bütün öğelerin altında bile kalmış olsa, sürüklediğiniz anda hepsinin üzerinde görünmeye başlar. bilindiği gibi "z" isimli matematik değişkeni, 3 boyutlu uzayda derinlik değerini tutan değişkendir.
demo
______________ revert ______________
öğeler adreslerini bilir hale gelir. bir öğeyi nereye sürüklerseniz sürükleyin, bıraktığınızda başlangıç noktasına geri dönmesini sağlar.
demo
______________ multi ______________
aynı anda 2 ve daha fazla öğeyi sürüklemeyi sağlar. bir defada sürüklemek istenen öğeler tıklanarak işaretlenmelidir. öğe seçimi bittiğinde herhangi bir öğeyi sürüklemeye başladığınızda işaret koyduğunuz öğelerin hepsi mouse hareketinizi takip etmeye başlar. oldukça kullanışlı bir özellik.
demo
______________ offset ______________
mouse işaretini öğe üzerinde ortalar. bir öğeyi sürüklemeye başladığınız anda öğenin tam orta noktası mouse işaretinin altına getirilir. böylece öğeyi tam orta yerinden sürüklemeye devam edilebilir. sürüklemeyi kolaylaştırmaya yönelik bir özellik.
demo
______________ live ______________
dinamik biçimde sürüklenebilir öğe oluşturmanızı sağlar. html dökümanınızda sürüklenme özelliği olan hiç bir öğe bulunmasa bile, ziyaretçinin davranışlarına göre tepki amaçlı taşınabilir öğe oluşturmanızı sağlar. özellikle "alert box" gibi kullanıcıya anlık hata iletileri veren pencereler yapmakta faydalı olur.
demo
______________ which ______________
mouse'un sağ tuşuyla öğeyi sürüklemek gerektiğinde faydasını gösterir.
demo
______________ click ______________
bir çeşit sayaç fonksiyonudur. bir öğenin kaç defa tıklandığını sayar. sürüklenebilen her bir öğenin kendine özel bir de tıklama sayacı bulunur. istatistik tutmak istediğinizde iş görebilir.
demo
______________ not ______________
sürüklenebilir öğeler üzerinde kör noktalar oluşturmanızı sağlar. mesela taşınabilir kutu içinde link kullanıldığında bu linkten tutup kutuyu sürüklemek imkansız hale gelir.
demo
______________ distance ______________
sürüklemeye başlamadan önce avans değeri vermeyi sağlar. hemen tıklanır tıklanmaz yerinden oynamasını istemediğiniz öğeler varsa bunlara bir miktar avans verirseniz sürükleme miktarı avansı aşmadan öğe hareket etmez.
demo
______________ resize ______________
öğenin boyutlarını orantısızca değiştirmek için faydalıdır. bilindiği gibi resimleri kırpmak için klavuz yüzeylere ihtiyaç vardır. söz konusu katmanları üretmek için kullanılabilir.
demo
______________ resize2 ______________
resize ile aynı görevi yapar. ek olarak orantılı boyutlandırma özelliği bulundurur. öğelerin tam 8 noktasına boyutlandırma noktası ekler.
demo
______________ draw ______________
yazı tahtasına ihtiyacınız varsa işinizi görebilir. canvas desteği olan modern tarayıcılar üzerinde çalışmaktadır.
demo
__________________________________________
kaynak : plugins | jquery
__________________________________________

Bu yazıda sürükleme işlemini çözmüş olduk. sonraki yazıda "drop" yani bırakma işlerini düzenleyen bir eklentiden bahsedeceğim. Takipte kalın...

Devam edecek...

Bu yazı aztech 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ı amaçlar için jquery eklentiler ve dersleri

aztech — Wed, 07 Jul 2010 12:19:00 GMT

jquery eklentiler güçlü bir tabanı olan bir fantastik kaynak. çoğu zaman aynı türde jquery eklentiler karşımıza çıkıp duruyor. aşağıda farklı amaçlar için derlenmiş jquery eklentiler bulunmakta. bunlara hızlıca göz atarsak; yapışkan notlar, sahne efekti puzzle, sanal klavye, gridte akerdeon efekti ile içerik gösterimi gibi uygulamalar bulunmakta.

1. sliding image puzzle (kayan fotograf puzzle) tutorial - download

fotograflarınızı puzzle haline getirebileceğiniz küçük bir eklenti.

2. quickflip tutorial - download

quickflip, sayesinde bir öğe üzerinde harika bir görüntü oluşturabilirsiniz örneğin kartvizit görünümü gibi.

3. spritley tutorial - download

spritley ile flash kullanmadan hareketli headerlar oluşturmak için eşsiz bir örnek.

4. quicksand tutorial - download

dökumanlarınızı çeşitli başlıklar halinde göstermenizi sağlayacak animasyonlu bir eklenti.

5. jquery heat map tutorial - download

web sitenizde ziyaretçiler en çok hangi bölgeye tıklamış merak ediyorsanız tam size göre bir eklenti.

6. on-screen keyboard tutorial - download

Sanal klavye olarak kullanabileceğiniz bir jquery eklenti.

7. curtains effect (perde efekti) tutorial - download

Web sitenizin default sayfasına bu eklenti ile ziyaretçilerinizi sahne perdesiyle karşılamanız, ziyaretçilerinize hoş bir izlenim katacaktır.
8. sticky notes (yapışkan notlar) tutorial - download

web sitenize bu fantastik jquery eklentisi ile sürüklenebilir, düzenlenebilir notlar ekleyebilirsiniz.

9. grid accordion - tutorial - download

Gridlere esneklik kazandırarak akordeon gibi içerik gösterimini sağlayacağınız bir jquery örneği.

kaynak

Bu yazı aztech 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

masaüstü lightbox programı

aztech — Mon, 28 Jun 2010 12:59:00 GMT

resimler web sayfalarının yönetilmesi en zor öğelerindendir. jquery gün geçtikçe daha da zengin uygulamalar üretmemize olanak sağlamakla kalmıyor, görsel anlamda da bir çok kolaylık sağlıyor.

mac style theme

bunun bir diğer örneği aşağıda tanıtacağımız visual lightbox isimli bir masaüstü programdır. program bilindik lightbox eklentilerinde ne varsa hepsini bünyesinde barındırmakla kalmıyor üstelik onlarca tema * * * desteği sunuyor. mesela facebook, mac ve vista bunlardan sadece bir kaçı.

Facebook theme

Diğer özellikleri arasında resimlerinizi galeri yapıp sırayla göstermek, sayfa kaydırıldığında göstericiyi ekranda animasyon eşliğinde odaklamak, resim değişimlerinde zoom-in efekti kullanması olarak sayabiliriz. yazılımın web sitesine gitmek için tıklayın.

Fotoğraflarınızı tutun ve Visual LightBox penceresinin içine bırakın, "Yayınla"yı tıklayın ve kendi web galeriniz, güzel lightbox 2 efekleriyle birlikte tarayıcınızda açılacaktır. Ne javascript, ne css, ne html coding, ne resim düzenleme hiç birine gerek yok. Sadece tek bir tıkla galeriniz hazır.

Vista theme

programın windows ve mac için ayrı sürümleri bulunuyor. bireysel amaçlarınız için kullanacaksanız program ücretsiz ve sınırsızdır. ticari amaçlarınızda kullanacaksanız ücret ödemenizi şart koşmuşlar.

Dark Glass theme

programı indirmek ve test etmek için tıklayın. programın sadece galeri oluşturmaya yaradığını, galerinin web sayfanızda görüntüleneceğini yinelemek gerek. ayrıca yazılım, jquery kütüphanesi üzerinden işliyor. yazılımın ücretsiz sürümünü kullanacaksanız, kendi fligranını resimleriniz üzerine yerleştireceğini bilmelisiniz.

__________________ my top10 __________________

Bu yazı aztech 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

Türkçe WordPress Kaynakları

aztech — Thu, 17 Jun 2010 14:08:00 GMT

wordpress, çoğumuzun bildiği gibi 2003 yılından beri geliştirilen açık kaynaklı, ücretsiz dağıtılan bir blog sistemi ve hatta son zamanlardaki hali ile bir içerik yönetim sistemi. açık kaynak kodlu olması ve kolayca geliştirilebilmesi sebebiyle wordpress hakkında internette yüzlerce siteye rastlayabiliriz, hemen hemen her dilde içerik bulabiliriz. genel olarak yalnızca i̇ngilizce gibi yaygın bir dili bilen ve programlama ile uğraşan insanlar kategorisinin dışında kalanlara da hitap ettiği için ben burada zaman zaman başvurduğum türkçe wordpress kaynaklarını derlemeye çalıştım, umarım faydalı olur.

1) WordPress Türkiye

wordpress’in resmi türkçe web sitesi. bu işe gönül vermiş ve epey zaman harcayan insanlar tarafından sürekli olarak güncel tutulan bu web sitesinin özellikle forum bölümünden yararlanabilir, sürekli ve hızlı olarak güncellenen türkçe dil dosyalı son wordpress sürümlerini buradan edinebilir ayrıca wordpress hakkında düzenlenmiş olan türkçe dokümanlara buradan ulaşabilirsiniz. Türkçe tema mı arıyorsunuz? Temalar kısmı da hizmetinizde! ayrıca, eklentiler de burada.

2) wordpress destek sitesi
eğer yanlış hatırlamıyorsam ilk kurulduğunda çok daha etkin ve efektif bir ara birime sahipti ama şimdi de türkçeleştirilmiş birçok dosyaya, eklentiye ve temaya bu site üzerinden ulaşabilirsiniz.

3) yakuter

yakuter birçok alanda olduğu gibi özellikle wordpress alanında da birçok işe yarar bilginin, dosyanın bulunabileceği güncel bir web sitesi. wordpress ile ilgili birçok hack, kod, eklentiyi bu web sitesinden bulabilirsiniz.

4) wptema

wptema.com benzerleri gibi içerisinde birçok türkçeleştirilmiş tema bulunabilecek bir web sitesi. eğer yeni bir kurulum yapıyorsanız muhakkak bakmakta fayda var.

5) wp tr

bu web sitesinde gene Türkçeleştirilmiş temalara ulaşabilir, birçok Türkçe eklenti bulabilir ve hatta kendi temalarınızı bu site üzerinde yayınlayabilirsiniz.

6) eklenti.net

eklenti.net isminden de anlaşılacağı gibi wordpress eklentileri üzerine yoğunlaşmış bir web sitesi. her ne kadar türkçeleştirilmiş eklentiler çok fazla olmasa da en azından hangi eklenti hangi amaçla kullanılıyor bu konu hakkında bu site üzerinden bilgi almak mümkün.

7) wp-eklenti

wp eklenti.com aynı eklenti.net gibi birçok eklenti hakkında kurulum detaylarını bulabileceğimiz bir web sitesi. i̇çerik olarak birbirlerinden pek ayrılmasalar da arada bir göz atmakta fayda var.

8) karuser

bu web sitesinde tasarımla ilgili birçok bilgiye ve araca ulaşmak mümkün. aynı zamanda buradan da wordpress ile ilgili türkçe döküman bulabilir ve aynı zamanda eklentilere, temalara ulaşabilirsiniz.

9) karalamalar

karalamalar.net de gene wordpress ile ilgili birçok döküman bulabileceğiniz bir web sitesi. her ne kadar wordpress kısmı pek sık güncellenmese de buradan 16 adet Türkçeleştirilmiş eklentiye ulaşmak mümkün.

10) hasan yılmaz

hasan yılmaz’ın blogunun wordpress kısmından da eklentilere ve bazı sorunlara yanıtlara ulaşmak mümkün.

11) hakkı ceylan

wordpress türkiye ekibindan hakkı ceylan’ın kişisel web sitesinde de wordpress ile ilgili birçok bilgiye ulaşmak mümkün. özellikle « wordpress’i daha verimli kullanmanın yolları » yazısı mutlaka okunmalı.

12) turk tema

birçok eklentinin ve temanın derlendiği bir web sitesi. bunların dışında bir de istediğinizi sorabileceğiniz destek alabileceğiniz bir de forumu mevcut.

13) zoque forum wordpress

zoque forum’un i̇çerik yönetim sistemleri bölümünde de konu ile ilgili birçok yazı bulabilir aynı zamanda bu konu ile ilgilenen başka kullanıcılarla iletişime geçebilirsiniz.

Bu yazı aztech 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

En iyi CSS Framework'ler

aztech — Sat, 12 Dec 2009 15:49:00 GMT

Css Framework türkçeye "css iskeleti" olarak çevrilen, css ve html tabanlı web sitelerinin anahtar ve diğer yardımcı elemanların kısmen ve değişken olarak bizim için hazırlanmış halidir. Bu sayede karmaşık web sitelerini çok daha kolay biçimde hazırlayabiliriz. Ayrıca büyük ölçüde zaman kolaylığı sağlar. Ön önemli artılarından biri tüm tarayıcalarda büyük ölçüde çalışabilmeleridir. Normalden daha hızlı web sayfamızı geliştirebiliriz. Ayrıca gereksiz kod israfından da kurtulmuş oluruz. İşte en iyi css framework'leri;

Blueprint

Blueprint css başında harcanan zamanın azalmasını sağlıyor. Birçok eklenti sunmakla beraber aynı zamanda oldukça kullanışlı. Tarayıcılar arasındaki css farklılıklarını tamamen ortadan kaldırıyor. Birçok eklenti, editör, buton vb. kullanılabilir. Şu ana kadar hazırlanmış css iskeletlerden en popüleri. İskeleti css ve html içeren tüm projelenizde kullabilirsiniz.
Dokümantasyon : Wiki formatında
Topluluk : Twitter ve Facebook Fan
Lisans: MIT ve GPL
Boyut: 3.84mb.
Örnek Proje: WebAvanta

YUI 2: Grids CSS

4 tane ön tanımlı sayfa genişliğini, 6 tane ön tanımlı şablonu ve 2, 3 ya da 4 sütunlu alt bölümleri birbirinin içerisine yerleştirmeyi destekler. 4KB’lık dosya 1000′in üzerinde sayfa anahat kombinasyonunu içerir
Dokümantasyon: Örnekleme
Topluluk : Forumu bulunmakta
Lisans: BSD Lisans
Boyut: 13mb.
Örnek Proje: Symfony-Framework.nl

YAML

Html ve css çatısı sayesinde özelleştirilen anahatlar oluşturabilirsiniz. Çatı son derece değişken hazırlanmış ve kullanımı son derece basit.
Dokümantasyon: Çerveler içine yerleştirilen ek bilgiler
Topluluk : Forumu bulunmakta
Lisans: Creative Commons Attribution 2.0 License and Commercial License.
Boyut: 606 kb.
Örnek Proje: ShlagerBand

Elastic

Web tabanlı arayüzlerin anahatlarını rahatlıkla oluşturabileceğiniz bir css çatısı. Anahat teknikleri gözönüne alınarak 4 sütunu bulunmakta. Fakat dilerseniz sınırsız sayıda sütun ekleyebilirsiniz. Ayrıca sabit ve yüzen anahatları kolayca eklemenize olanak verir.
Dokümantasyon: Örnekleme ve Klavuz
Topluluk : Facebook Fan,Google Grubu, IRC kanalı
Lisans: BSD Lisans
Boyut: 2.02mb
Örnek Proje: Freshout

960 Grid System

Büyük ölçüde zaman kolaylığı sağlayan bir araç. Farklı tarayıcılarda çıkan hata oranı çok düşük fakat sıfır değil. Tüm web uygulamalarında kullanabileceğiniz bir sistem ve karmaşık anahatları kolayca oluşturabilmenizi sağlıyor.
Dokümantasyon: Öğretici Klavuzlar
Topluluk : Galeri ve Twitter
Lisans: GPL ve MIT
Boyut: 363kb.
Örnek Proje: Four Kitchens

SenCSs

Anahatları düzenleyemeceğiniz fakat anahat dışındaki her şeyi değiştiribeliceğiniz bir css çatısı. Anahatları kendileri oluşturmak isteyen web tasarımcıları için hazırlanmış.
Dokümantasyon: Çok zayıf pek bilgi verilmemekte
Topluluk : Blog ve Twitter
Lisans: MIT
Boyut: 6.5mb.

Kaynak ; ajaxline

Bu yazı aztech 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