bildirgec.org - etiketler: web developer toolbar

Yuvarlak jQuery Slider : Tiny Circleslider

angelsdemos — Thu, 25 Nov 2010 10:17:00 GMT

Tiny Circleslider, dairesel bir jQuery slider uygulaması.Bütün o klasik slider uygulamalarına alternatif olarak hazırlanan Tiny Circleslider, farklı uygulamalarda kullanılmak üzere jQuery ile inşa edildi. Basit, esnek ve oldukça kullanışlı bir jQuery uygulaması.

Uygulamada yer alan kırmızı noktayı daire çevresinde çevirdiğinizde diğer resimleri görmeniz mümkün. Ayrıca otomatik olarak değişmesini, rasgele resim seçmenisi sağlayabilirsiniz. Sadece resimlerin olduğu bölümlerdede klitlenme özelliğine sahip. Uygulamanın yarıçapını değiştirerek boyutlandırabilir ve uygulamayı tamamen kendi isteklerinize göre düzenleyebilirsiniz.

360 derece dönebilen ve tamamen özelleştirilebilen Tiny Circleslider'ın tek eksiği diğer slider uygulamaları gibi efetkleri bulunmaması. Fakat geliştirilme amacı da zaten efekt kullanımını anlamsız kılıyor. Ayrıca uygulamada yer alan fotoğraflarınızın büyük boy gözükmesi için birde küçük bir tooltip uygulaması yerleştirilmiş. Bu uygulama ile fotoğrafların orjinal hallerini açılan yeni pencerede görmeniz mümkün.

Sadece 140 satır kod ile hazırlanmış ve 4 kb. boyutundaki bu küçük ama kullanışlı jQuery uygulamasını buradan indirebilirsiniz. Buradan demolarını inleyelebilir ve ayrıca ayarlarına ve nasıl yapıldığına bakabilirsiniz.

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : baijs.nl

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

Web Tasarımcıları için Faydalı 5 Araç

angelsdemos — Thu, 07 Oct 2010 09:36:00 GMT

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

Firebug Lite

Web sitenize yerleştireceğiniz muhteşem uygulama ile web sayfanızdaki kodları yeniden düzenleyip hataları ayıklayabilirsiniz. Bütün tarayıcılarla uyumlu olan Firebug Lite ile html, css, js kodlarını tamamen düzenleyebilirsiniz. Web sayfasının altında çıkacak olan düzenleme editörü ile rahatça düzenleme yapmak mümkün. Ayrıca konsolun html, script, css, dom gibi sekmeleri sayesinde işlemlerinizi karıştırmazsınız. Google Chrome için bir eklentisi de bulunmakta.

Ultimate IE6 cheatsheet

Web tasarımcılar Internet Explorer 6'dan nefret etseler ve Microsoft dahi geliştirilmesini bırakmış olsa bile hala IE6 kullanan oldukça fazla kişi var. Bu yüzden web sitelerimizi hazırlarken IE'yi de işin içine katmalı, en azından bu tarayıcı için basit sayfalar hazırlamalıyız. Bu yüzden yazılan bu muhteşem makeleyi kullanarak web sitelerinizi IE6 için uyumlu hale getirebilirsiniz. Hata Çözümleri, alternatif yöntemler ve birçok şey bulunan işe yarayan bir kaynak.

Zen Coding

Html, css ve js kodlarını yazarken tırnak işareti, eşittir, büyüktür ve küçüktür işaretleri ile oldukça fazla zaman harcadığımızı düşünülerek hazırlanan Zen Coding, mac ve windows tabanlı bir tasarım aracı. Küçük bir formül yapısı ile çalışan bu uygulama ile normalden çok daha hızlı sitenizi biçimlendireceksiniz. Ayrıca notepad++ gibi uygulamalar için de eklentisi bulunmakta.

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

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

jQSlickWrap

angelsdemos — Sat, 24 Jul 2010 08:28:00 GMT

Her web projenizde kullanabileceğiniz ilginç bir css ve jquery uygulaması olan jQSlickWrap, metinleriniz ve imajlarınız arasındaki düzeni istediğiniz gibi yönetmeye yarayan bir uygulamadır.

Web sitenizdeki bir yazıda, yazının sağına veya soluna imaj yerleştirebilirsiniz. Genelde imaj çerçevesinin sınırlarını metinler geçemez. Bunu değiştiren jQSlickWrap imaj-metin ilişkisini istediğiniz ölçüde düzenlemenizi sağlar.

Düzgün bir şekli olmayan imajlar ile metinlerinizi tam olarak konumlandırmayı sağlayan bu uygulama ile web siteniz tam bir uyum içine girer. Ayrıca klasik web kültürünün sınırlarından çıkarak sıradışı bir görünüme sahip olursunuz.

jQSlickWrap ücretsiz olarak dağıtılmakta ve ayrıca Mozilla Firefox 3.5+, Google Chrome, Apple Safari 4+ desteğine sahip.Bu sıradışı uygulamayı buradan indirebilir veya orjinal web sayfasına buradan göz atabilirsiniz.Isterseniz 3 farklı demosuna buradan, buradan ve buradan ulaşabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : jwf

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

Web Geliştiricileri İçin En iyi 22 Firefox Eklentisi

guttsay — Tue, 27 Oct 2009 17:32:00 GMT

Tasarımcılar ve web geliştiricilerinin (webmaster) büyük çoğunluğu firefox kullanıyor. Bunun nedeni çoğunlukla eklenti desteği. Eklentiler sayesinde tarayıcının performans ve kapatisesi sonuna kadar kullanılabiliyor. Bu sayede web geliştiricileri zamandan kazanıyor ve işlerini daha kolay yapıyor. Aşağıda firefox ile birlikte kullanılarak webmasterlerin işini büyük ölçüde kolaylaştıracak 22 eklentiye yer verilmiştir.

Web Developer Toolbar

Geliştiriciler için basit ve kullanışlı bir araç çubuğu.

Firebug

Web sayfasının CSS, HTML ve JavaScript kodlarındaki hataları bulabilir ve onarabilirsiniz.

Page Speed

Açık kaynaklı bir eklenti. Sayfa hızının performansını değerlendirebilir ve nasıl iyileştirebileceği konusunda tavsiye alabilirsiniz.

FirePHP

FireBug konsoluna mesaj göndermeye yarar. Firebug yüklenmiş ve "net" paneli aktif olmalıdır. Bir adette PHP kütüphanesi yüklemelisiniz.

YSlow

Yahoonun performans kriterlerine göre sitenizdeki hataları tarar ve nasıl düzeltebileceğiniz hakkında önerilerde bulunur.

Pixel Perfect

Geliştiricilerin HTML üzerinden derleme yapmasını sağlar.

Aardvark

eleman seçme ve bunları çeşitli eylemler yapmak için seçim programı.

Total Validator

Sayfanın diğer tarayıcılarda nasıl gözüktüğüne bakabilirsiniz.

IE NetRenderer

Önceki eklenti benzeri. Sadece internet explorerde kontrol yapıyor.

Colorzilla

Tarayıcının herhangi bir alanında gördüğünüz rengin kodunu alabilirsiniz.

Screengrab

Web sayfasının tamamının veya bir bölümünün fotoğrafını çekmenizi sağlar.

FireFTP

Firefox ile ftp sunucularına bağlanabileceğiniz hızlı, güvenli bir istemci.

Codetech

Hem sörf yapıp hemde dreamweaver'daki gibi sitenizi düzenleyin.

Tab Mix Plus

Tablar dolduktan sonra yeni bir tab çubuğu açılmasını sağlar.

Greasemonkey

Kullanıcı scriptlerini kullanmamızı ve yönetmemizi sağlar.

InspectorWidget

Araç çubuğuna DOM Inspector menüsü ekler. Tek bir tuş ile bağlam menülerini açabilirsiniz.

GridFox

Bir web sayfasının üstüne tablolar çizer. Tasarımları kontrol etmek için yararlı bir eklenti.

Font Finder

Seçilen metinin CSS stillerinin bulunmasını sağlar.

JavaScript Debugger

JavaScript hata ayıklama eklentisi.

Live HTTP Headers

Gezinti halindeyken sayfanın HTTP başlıklarını gösterir.

Yellowpipe Lynx Viewer Tool

Sayfayı Lynx olarak görüntülememizi sağlar.

Kaynak

>Bütün yazılarım<

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

Web tasarımcılar için 10 firefox eklentisi

AntiHumanIST — Wed, 02 Jul 2008 17:27:00 GMT

firefox'a eklenti kurmak sanırım her web tasarımcının yaptığı birşey. özellikle kimi eklentiler hayat kurtarır nitelikte zaman kazandırıp işleri kolaylaştırıyor. benim gibi acemilerine bile kod sisteminin içinde kulaç atmayı öğreten eklentileri bir web tasarımcının kullanması gerekenler olarak sıralamışlar.

Web Developer Toolbar | detay

çeşitli kısayollarda kaynak kodlara ulaşmanızı sağlayan küçük bir toolbar eklentisi

FireFTP | detay

internete dosyalarınızı yüklerken yeni bir program açmak yerine işleri basitçe halledebileceğiniz bir ftp eklentisi

Firebug | detay

işte firefoxun belki de en beğendiğim fantastik eklentisi. gerçek zamanlı düzenlemeler yapabileceğiniz, CSS, HTML ve JavaScript kodlarını incelemenize olanak tanıyan, hataları gözler önüne seren, kısaca sitenin röntgenini çeken süper ötesi bir eklenti.

Screengrab | detay

web sitelerinin tam ekran görüntüsünü almak bazen işkenceye dönüşebilir. işte bu eklentiyle bu işi en kolayından halledebiliyorsunuz.

CSS Viewer | deta

çok faydalı bir css görüntüleyici olan bu eklenti ile, css i öğrenmeniz kolaylaşabilir.

IE NetRenderer | detay

tasarımlarınızı firefox ta hazırlıyorsanız, browser uyumluluğunu göz ardı etmemek için IE 5.5, 6, 7 ve Beta 8 de sitenizin nasıl göründüğünü bu eklenti sayesinde kolayca görebilirsiniz.

Window Resizer | detay

web tasarımlarınızı yaptığınız çözünürlük dışında 640×480, 800×600, 1024×768, 1280×1024 ve 1600×1200 çözünürlükte de görmek isterseniz bu eklentiyi arıyorsunuz.

Dummy Ipsum | detay

hazır templateler hazırlayan bir tasarımcı iseniz sizin için rastgele yazılar hazırlayan bir eklenti.

Font Finder | detay

bu da seçtiğiniz metinin bütün bilgilerini sizinle paylaşan güzel bir eklenti.

Offline Page Validator | detay

sayfanızı tek tıkla W3C validator e gonderebileceğiniz sizi rahatlatan bir uygulama.

yazının orjinali için şöyle buyrun.

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