bildirgec.org - marlonbora - beğendikleri

css'de uzman olmanızı sağlayacak 20 css dersi

marlonbora — Sat, 14 Feb 2009 15:25:00 GMT

CSS'yi kodlamak kolay olabilir ancak buna rağmen her kodcuyu delirtebilecek bazı konseptleri de bulunmaktadır. Bu yazımızda kimilerine göre zor olan ancak anlaması oldukça kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir adım daha ileriye taşımanıza yardımcı olacak dersleri inceledik.

1. CSS Sekmeler ve Navigasyon

1.1. Genişleyebilen CSS Sekmeleri Dersi
Genişleyebilir CSS sekmelerinin anlamı, sekmenin içerisindeki metnin uzunluğuna göre genişleyebilen sekme başlıklarıdır. Kodun özünde start.gif ve end.gif adında iki adet görsel bulunuyor. start.gif görseli boyutu genişletmek için kullanılırken end.gif görseli değişmeden kalıyor.

1.2. Gelişmiş CSS Menüsü
Bu rehberde Photoshop'taki watercolor efektini nasıl tasarlayabileceğiniz anlatılmış. Bu rehber size adım adım bir menü tasarımını nasıl kırpabileceğinizi ve ardından CSS kullanılarak nasıl onları bir araya getirebileceğinizi gösteriyor. Pek çoğunuz muhtemelen dikey ya da yatay menünün CSS ile nasıl kodlanacağını bilyorsunuzdur. Gelin şimdi bunu bir sonraki seviyeye taşıyarak CSS'nin position özelliğini kullanan gelişmiş bir menü tasarlayalım.

1.3. CSS Tabanlı Navigasyon
Bu rehberin amacı fare imleci bir menü öğesi üzerine getirildiğinde ilgili öğenin ön plana çıkarılması ile sonuçlanan CSS tabanlı bir menü oluşturmak.

1.4. Şık CSS Menüsü
Bu makalede bazı sevimli Javascript efektleri kullanılarak oluşturulmuş özel bir navigasyon çubuğunun oluşturulma aşamalarını öğreneceksiniz. Mootools kütüphanesinin işlevselliği sayesinde bu efekt sadece 1.5 KB'a sığdırılmış durumda. Bununla da kalmıyor ve ilgili menü hem çapraz tarayıcı desteğini bünyesinde barındırıyor hem de erişilebilir olduğu için arama motoru optimizasyonunu dikkate alanların gönlünü fethediyor.

1.5. Kayan Kapılar
CSS ile kayan kapılar tekniğinin nasıl kullanılabileceğine yönelik güzel bir makale.

1.6. Tanıtım Metni İçeren CSS Dikey Navigasyon
Navigasyon elementlerine tanıtım metni eklemenin yanısıra bu teknik sayfanız üzerindeki herhangi bir elemente açıklama eklenecek şekilde modifiye edilebilir. Örneğin profil adlarına, soru-cevap tarzındaki SSS sayfalarına, navigasyon elementlerine ya da diğer uygulamalara açıklama mesajları ekleyebilirsiniz.

1.7. CSS'de Sekmeli İçeriğin Üzerine Bindirme
Bu makalede Javascript kullanmadan ve çapraz-tarayıcı desteği bulunan, CSS ile hazırlanmış, bindirme desteği bulunan bir CSS sekmeli navigasyonun nasıl oluşturulabileceği anlatılmış.

2. CSS İle Yuvarlatılmış Köşeler

2.1. Box - Hepsi İçin Yuvarlatılmış Köşeler
Bu egzersizin amacı görsel olarak göze hoş gelen ve semantik olarak yazılmış en az miktarda kod kullanarak yuvarlatılmış köşeler oluşturmak. Ayrıca bu kutuların boyutu gerektiğinde değiştirilebilmeli de. İlk kutu için gerekli olan XHTML ve CSS kutunun hemen alt kısmında yer alıyor.

2.2. CSS'de Yuvarlatılmış Köşeler
CSS'de yuvarlatılmış köşeler oluşturmaktan bahsediyorduk ve arkadaşıma kendi yöntemimi gösterdim. Bunu gerçekleştirebilmek için diğer yöntemlerin de olduğunu biliyorum ancak bu yöntemlerin pek çoğı karmaşık HTML ve CSS kullanımını gerektiriyor. İç içe girmiş DIV'lerin tablo kullanmaktan çok daha iyi olmadığının farkına vardım. Bu sebeple benim yöntemim HTML ve CSS açısından fazla bir kod gerektirmiyor.

pinkfloyd'un notu: Her ne kadar burada arkadaşımız tablo kullanma yoluna gitmiş ancak siz sakın zorunda olmadıkça bu yöntemi denemeyin. Tabloları sitenizin anahat elementlerini oluşturmak için kullanmak yanlıştır.

3. CSS Fotoğraf Galerisi

3.1. Hoverbox Görsel Galerisi
Efekt için anchor bağlantısı kullanılmış zira IE'de :hover ast sınfının tek desteklendiği element bu. Her ne kadar kullandığım bu örnekteki tüm bağlantılarda # bağlantısını kullanmış olsam da siz görsellerin tam boyutlu sürümlerine bağlantı verebilirsiniz.

3.2. Çapraz Tarayıcı ve Çoklu Sayfa Destekli Fotoğraf Galerisi
Suckerfish HoverLightbox'dan esinlenmesine rağmen bu örnekte benim geliştirdiğim, metin yerine görsel kullanan çoklu sayfa anahat sistemini kullandım.

Suckerfish HoverLightbox'un aksine bu sürüm JavaScript'e ihtiyaç duymuyor ve sadece CSS kullanılmasına rağmen IE üzerinde sorunsuz çalışıyor.

3.3. Kayan Fotoğraf Galerileri
Bu galeri benim bugüne kadar geliştirdiğim en sade galeri. Dikey olarak 8:1 oranında sıkıştırılmış görselleri sırasız liste üzerinde kullanıyorum. Bu görsellerden birinin üzerine fare imlecinizi getirdiğinizde sıkıştırılan bu görseller tam boyutuna genişliyor. Kayan menü sistemimi temel aldığım bu örnekte metin yerine görsel kullandım. Herhangi bir küçük resim kullanmaya gerek yok ve tüm görsel önceden yükleniyor. Bu yöntem hem dikey hem de gösterildiği gibi yataay olarak kullanılabilir.

4. CSS Gölgeler

4.1. CSS Gölge Efekleri: Fuzzy Shadows
Bu makalede:

IE harici tarayıcılarda bir stil şablonunu nasıl gizleyebileceğimizi ve bu sayede ilgili belgenin doğrulanmasını engellememeyi,
IE5.5 ve IE6'da PNG saydamlığının nasıl doğru olarak görüntülenebileceğini,
Yukarıdakileri kullanarak nasıl gölge efekti oluşturabileceğimizi öğreneceğiz.

4.2. CSS Gölgeler
Bu makalede bir başka tekniği inceleyeceğiz. Diğer tekniklerin pek çoğu negatif marj kullanırken bu örnekte bağıl pozisyonlama kullanılarak nasıl gölge efekti oluşturabileceğimizi göreceğiz.

5. Diğer CSS İpuçları ve Hileleri

5.1. IE Çift Yüzen Marj Hatası
Eminim bununla pek çoğumuz boğuşmuşuzdur, zira en sık kullanılan css "hilelerinden" birisi de budur. eğer bu hata ile daha önce karşılaşmadıysanız hemen özetleyelim: ie6'da üzerine 'margin' uygulanmış yüzen (float) bir element kullanıyorsanız, bunun ilgili tarayıcı üzerinde doğru pozisyonlanmadığını göreceksiniz. ne şans ki ie6'nın bu hatasını gidermek çok basit.

5.2. CSS Çapraz Tarayıcı Saydamlığı
İster inanın ister inanmayın tüm tarayıcılar üzerinde CSS'nin saydamlık elementini doğru bir şekilde kullanmak mümkün. Bu teknikle IE, Firefox, Safari, Opera ve Netscape Navigator gibi eski tarayıcıları bile kapsayabiliriz.

5.3. Kapanır Tablolar: Bir Örnek
Aşağıdaki tabloların her bili "footcollapse" adı verilen bir sında dahiller. Bu sayede kullanılan betik ok görselini altlığa yerleştiriyor ve üzerine tıkladığında tablonun kapanıp açılabilmesini sağlıyor.

5.4. CSS İle İçerik Üzerine İçerik
Kapsayıcı üzerine fare imlecini getirdiğinizde halihazırda var olan içeriğin üzerinde yeni bir kapsayıcı belirecektir. Bu teknik position:relative tekniğini kullanarak statik içeriğin mutlak olarak pozisyonlanmış içeriğin üzerinde görüntülenebilmesini sağlıyor.

5.5. CSS Yakınlaştırma
Son zamanlarda metni yeniden boyutlandırabilme özelliğini barındıran bir web sitesinin yeniden tasarlanmasında çalışıyorum. Sitenin hitab ettiği kesimin yaş ortalaması biraz yüksek, bu sebeple büyük boyutlu metin kullanmak onlar için önem taşıyor. Ve siz insanların tarayıcılarında halihazırda bulunan bu özelliği kullanmaları gerektiğini söyleyip üzerime yürümeye başlamadan önce pek çok ziyaretçinin bu tip özelliklerin farkında olmadığını ve benzer özelliğin sitenin içine gömülmesinden memnun olduğnu hatırlatmak isterim.

5.6. CSS İle Oluşturulan ve Sonradan Beliren Görsel Açıklamaları
Bu örnekte ise görsel açıklaması ve tanıtım tekniğini bir arada kullandım. Görselin açıklamasını bir bağlantı içerisine dahil ettim. Yapmak istediğim şey ise ilgili açıklamayı kullanıcı görsel üzerine fare imlecini getirene kadar gizlemek.

Kaynak: DWS mg

CSS Üzerine Yazdığım Diğer Yazılar

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

Her Eve Lazım jQuery Slayt Gösterim Eklentisi: simpleSli.de

marlonbora — Mon, 12 Apr 2010 11:48:00 GMT

Başta haber siteleri olmak üzere, farklı bakış açıları ile tasarlanan web siteleri için vazgeçilmez bir yöntem olan; içeriğin oldukça şık tasarlanmış geçiş animasyonları ile ziyaretçilere bir slayt gösterimi şeklinde sunulması yöntemi için web'te onlarca ücretli veya ücretsiz eklenti bulmak mümkün.

Mevcut veya ileride hazırlayacağınız web projelerinde kullanılmak üzere arşivinizde saklayabileceğiniz bir jQuery slayt gösterim eklentisi olan simpleSli.de, aman aman bir görsel sunum ve özellikler sunmasa da, çoğu web projesinde kullanılabilecek bir şıklığa ve sadeliğe sahip.

simpleSli.de; 4kb'lık (sıkıştırılmış hali) boyutu, HTML ile düzenlenebilir görsel ve metin içeriklerin eklenebilmesi (sayfalama (paging) için kullanılabilmekte), slayt geçişleri ile ilgili bazı ayarların yapılabilmesi ve slay geçişlerinin otomotik olarak yapılabilmesi gibi özellikleri tasarımcılara/geliştiricilere sunmakta.

Firefox 3+, IE 7 ve 8, Chrome 5+, Safari 4+ ve Opera 9+ tarayıcalarında testleri yapılmış olan simpleSli.de elentisine hemen buradan ulaşabilir ve hem sayfa içine yerleştirilmiş demo gösterimlerini hem de sayfanın en altında yer alan next botonuna tıklayarak, tüm sayfaya uyarlanmış halini deneyebilirsiniz.

[Bonus++++++]
*+HTML5 And CSS3 Browser Compatibility Chart
+html formları için 25 harika jquery eklentisi
+mobil websitenizi mofuse ile geliştirin
+cometdocs ile dosyalarınızı dönüştürün
+polaris ile Google Analytics masaüstünde
+SpaceSniffer ile disk alanınızı gözden geçirin

[Kaynak] simpleSli.de
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

10-30/04/2010

Algoz Desteğinizi Bekliyor...

2010 Blog Ödülleri için beni desteklemek isterseniz; buradan kayıt olduktan sonra, buradan teknoloji kategorisinde yarışmakta olan bloguma (algoz.bildirgec.org / profil) oy verebilirsiniz.

Şimdiden Teşekkürler...

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

Karikatür Karakterleri Yaratma Dersleri

marlonbora — Wed, 10 Mar 2010 15:00:00 GMT

Karikatür tarzı karakteri birçok araç ile tasarlayabilirsiniz. Fakat tasarım alanında akla en çok gelen iki araç Adobe Photoshop ve Adobe Illustrator'dır. Aşağıdaki çalışmaları bu iki program ile yaratabilir tekniğinizi geliştirebilir ve daha farklı tasarımlarda bulunabilirsiniz. İşte Karton karakterler yaratma dersleri;

Drawing Vector-Looking Cat Illustration Using Photoshop
(Photoshop ile çizilen kediyi illüstrasyon şeklinde tasarlamak)

Create your own monster
(Kendi Canavarınızı Yaratın)

Create your own Leprechaun for St. Patrick’s Day
(St. Patrick’s günü için Leprechaun yaratın)

Create a Character Mascot with Adobe Illustrator CS4
(Adobe Illustrator CS4 ile kendi karakterinizi oluşturun)

Flying Bat Ghost
(Hayalet uçan yarasa)

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch
(Çizilmiş bir eskiz ile Korsan Karikatürü Oluşturma)

How to Illustrate a LeBron James Cartoon Character
(Lebron James'in Karikatatür Karakteri Nasıl Yapılır)

How to Create a Killer Chainsaw Bunny Character
(Nasıl Killer Chainsaw Bunny Yapılır)

How to Create a Cartoon Character with Expressive Lines
(İfade Hatları ile Karikatür Karakter Oluşturma)

How to Create a Cute Hippo Character
(Nasıl sevimli suaygırı yapılır)

Create a Super Happy Octopus Character
(Mutlu Ahtapo Karakteri Oluşturma)

How to Create a Fantasy Character in Illustrator
(Illustrator ile nasıl fantastik karakter yapılır)

Create a Cute Furry Vector Monster in Illustrator
(Illustrator ile Sevimli, kürklü canavar oluşturma)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; webdesignbooth

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

Sonraki Tasarımlarınız İçin 150+ Ücretsiz Kağıt Dokusu

marlonbora — Sat, 20 Feb 2010 08:34:00 GMT

Dokular, etkili bir biçimde kullanıldığı zaman tasarımları çok güzel bir hale getirebilir. Daha önce dokular ile ilgili şu yazıları görmüştük:

2009'un En İyi Ücretsiz Doku (Texture) Paketleri

Deviantart'dan 70 ahşap doku paketi

80+ Web Site Arkaplanı Oluşturmak İçin Taze Dokular (Textures)

5 Ücretsiz Yüksek Çözünürlüklü Taş Dokusu (Texture)

15 Yüksek Çözünürlüklü Texture (Doku)

Photoshop İçin 140+ Çiçek Doku Seti (Texture)

10 Ücretsiz Yüksek Kaliteli Kot Pantolon (Jeans) Dokusu

Aşağıda sonraki projelerinizde kullanabilmeniz için eşsiz kağıt dokuları yer almaktadır.

1. Paper Textures 2

15 doku

2. 10 Old Paper Texture

10 doku

3. Paper Bag Texture Pack

5 doku

4. Texture Pack – Dirty Paper

birkaç doku

5. Textures: Paper

birkaç doku

6. Natural Paper Texture Pack

9 doku

7. Turn Back Time Texture Pack

5 doku

8. Old Paper Pack

12 doku

9. Paper Texture Pack

5 doku

10. 9 Large Paper Scans

9 doku

11. Paper Texture Pack – 9 papers

9 doku

12. 10 1024×768 Paper Textures

10 doku

13. Old paper 3 – Big Textures

16 doku

14. Texture Set 1- Notebooked

5 doku

15. Plain Paper Textures

4 doku

16. Paper Texture Pack 03

5 doku

17. Texture Pack 2

birkaç doku

18. 13 HQ Old paper Textures

13 doku

19. HQ Paper Textures

5 doku

20. P A P E R – T E X T U R E

16 doku

21. Green Paper Texture Pack

6 doku

22. Free Texture Tuesday: Brown Paper

birkaç doku

kaynak: blueblots.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

30 adet ücretsiz dingbat font seti

marlonbora — Thu, 11 Feb 2010 13:07:00 GMT

hem brushlar hem de vectorler olsun tasarımcılar için vazgeçilemeyen, oldukça önemli olan öğelerdendir. o yüzden hemen her dönemde bu tarz öğelerin paylaşımı oldukça fazladır.

bunların yanında çok göz önünde bulunmayan fakat çoğu tasarımınızda hem oldukça işinize yarayacak hem de size kolaylık sağlayacak olan dingbat fontları da bulunmakta. dingbat font, sıklıkla kullandığımız bilinen fontların aksine harflerden ziyade simgelerden oluşan fontlara denilmete.

bu yazıda tasarımlarınızda güzel işler çıkarmanızı sağlayacak 30 adet ücretsiz dingbat font koleksiyonuna yer vereceğiz. beğenmeniz dileği ile:

Freaky

Skipop

Your Sign

Alphabots

Fontheads

Dj Horses 1

Sexyrexy Smitten

Trick or Treat 2

Dj Autocar

Glyphbasic1

Birds of a feather

toplamda 30 adet olan setlerin tamamına buradan ulaşabilirsiniz.

tüm bunlara ek olarak fontlar ile ilgili şu yazılar da ilginizi çekecektir:

|diğer yazılarım|

Bu yazı marlonbora 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 Sayfanıza Google Analytics Sayacı Ekleyin!

marlonbora — Thu, 04 Feb 2010 07:44:00 GMT

Web sayfanızın veya bolgunuzun içeriğini yayınladığınız beslemelerinize abone olan takipçi sayısını gösteren FeedBurner'ın besleme sayacını, neredeyse tüm FeedBurner kullanıcıları, web sayfalarına eklemiş durumdadır.

Burada yayınlanmış olan eğitim dokümanı yardımı ile; web sayfanıza, web sitenizin veya blogunuzun ziyaretçi sayısı ve sayfa görüntüleme sayısı bilgilerini içeren, FeedBurner'ın besleme sayacına benzeyen, Google Analytics sayacını ekleyebilirsiniz.

jQuery ve GAPI (Google Analytics Php Interface) kullanılarak hazırlanmış olan bu eğitim dokümanında, Google Analytics sayaçlarının iki farklı versiyonu bulunmakta.

Son Olarak: Google Analytics API'sinin Php geliştiriciler tarafından kolayca kullanılabilmesi için hazırlanmış olan GAPI (Google Analytics Php Interface) arayüzünü, farklı uygulamalar geliştirmek için de kullanabilirsiniz.

Bonus++++++++++:
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+google api ve araçları
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: webresourcesdepot
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

Bu yazı marlonbora 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 Oylama ve Değerlendirme Uygulamarı

marlonbora — Mon, 18 Jan 2010 15:13:00 GMT

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.

Prototype Livepipe Control.Rating | Demo

Klasik jQuery oylama sistemi. Fakat yıldızlar yerine noktalar tercih edilmiş.

Mootool Rabid Rating | Demo

Mootool Rabid Rating, 5 üzerinden oylama yapılan jQuery sistemidir. Mouse'u üzerine getirdiğinizde diğerlerinden farklı bir görsellik oluşturmakta.

Favourite rating with jQuery and Ajax | Demo

Bu uygulama ziyaretçileriniz, sayesinde sayfanızdaki herhangi bir yazıyı favorilene ekleyebilirler. Bildirgeç'te bulunan tuttum özelliğinin benzeri.

How to build a star ratings jQuery Plugin | Demo

Reddit style voting with php, mysql and html | Demo

Reddit'teki oylama sisteminin aynısı.Z iyaretçileriniz için 2 seçenek bulunmakta.

Dynamic 5 stars rating script

CSS star rating redux | Demo

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; queness

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

temiz bir kaldırma İçin: Your Uninstaller 2010!

marlonbora — Tue, 05 Jan 2010 10:12:00 GMT

Your Uninstaller! 2010

Bir çoğumuz Windows'un Ekle-Kaldır özelliğini yetersiz buluyoruz. Bunun için değişik programlar kullanıyoruz. Bu alanda onlarca program mevcut. Ben en iyilerden birisi olduğunu düşündüğüm Your Uninstaller! 2010'u sizler için inceledim.

YU 2010 Ana Menü

Your Uninstaller (YU), yaklaşık iki buçuk yıldır kullandığım, vazgeçilmez programlarımdan bir tanesi olduğu için güvenlikle kullanabileceğinizi söyleyebilirim. Bunca zamandır hiçbir problem ile karşılaşmadım. Zaman içindeki gelişmesine tanık biri olarak, programın kendini hem işlevsel, hem grafiksel olarak geliştirdiğini söyleyebilirim.

YU ne işleri yapıyor:

- Bilgisayarda çok acemi değilseniz bilgisayarınızda değişik programlar deneyip bunları kaldırıyorsunuz ya da kaldırdığınızı sanıyorsunuz! Çünkü her kaldırdığınızı zannettiğiniz program arkasında kullanılmayan DLL kütüphaneleri, çöp dosyaları, boş klasörler, işlevsiz kalmış ve bilgisayarınızı günden güne zorlayan kayıt girdileri bırakıyor.

YU adından da anlaşılacağı üzere, temel olarak bilgisayarınızda kalıntı veya hasar bırakmadan programları kaldırmanızı sağlıyor. "Ben anlamıyorum bunlardan, bunlar da neymiş? bunları da silsin" diyorsanız çok fazla bir şey bilmeniz gerekmediğini söyleyebilirim sadece kaldırmak istediğiniz programı seçip Quick Uninstall'a tıklamanız yeterli olacaktır.

yu bir gelişmiş kaldırma programı olduğuna göre gelişmiş seçeneklerle kaldırma yapılması için "advanced uninstall" adlı bir kısım yapmış. burada ekle-kaldır kısmında görünmeyen, sorun çıkaran, normal yollardan kaldırılamayan programlar var.

Bazen de bilgisayarınızdan bir program silinmez ve öylece kalır. Açılan pencerelerde " Şu program zedelendi ve kaldırılamıyor" tarzı uyarılarla muhatap olmuşsunuzdur. Program bunları da düşünmüş ve hatalı programları kaldırmak için bir sistem geliştirmiş.

Hunter Mode (Hayalet Modu) adı verilen sistem ile programı masaüstünden seçmek suretiyle programın çalışmasını durdurabilir ve kaldırabilirsiniz. Böylelikle kabarık listelerden program seçmek zorunda da kalmazsınız.

- Program birkaç faydalı aracı da yanında getiriyor.

Startup Manager

Startup Manager : Bilgisayarınızın açılmasıyla birlikte otomatik olarak açılan programları düzenlemeye yarıyor. Böylelikle işinize her zaman yaramayan, ara sıra kullandığınız, her açılışta sizi meşgul etmesini istemediğiniz programları ayarlayabilirsiniz.

Disk Cleaner

Disk Cleaner: Bilgisayarınızdaki gereksiz dosyaları siler. (Burada bir antiparantez açmam gerekir. Programın en zayıf yeri sanırım burası. Fazla işlevsel değil ve tam temizlik yaptığını söylemek zor. Bilgisayarınızda kapsamlı temizlik için daha önce incelediğim TuneUp Utilities'i öneriyorum.)

Start Menu: Bu araçla Başlat menüsünü düzenleyebilirsiniz. Kırık kısayolları kaldırabilir, karışmış programları alfabetik hizaya sokabilirsiniz.

Trace Ereser

Trace Ereser: Bu da Internet Explorer geçmişini silmek için bir araç. Diğer tarayıcılar da eklense daha işlevsel olabilirdi. Gelişmiş hali için CCleaner kullanabilirsiniz.

Windows Tools (Büyüt)

Bunların yanında Windows Tools adı altında bir kaç fonksiyonel araç verilmiş.

Programın Windows 7 ile uyumlu olduğunu da söyleyelim.

Detaylı bilgi almak ve programı indirmek için buraya tıklayınız.

Diğer yazılarımı incelemek için de buraya tıklayabilirsiniz.

Bu yazı marlonbora 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 illustrator Dersleri

marlonbora — Tue, 08 Dec 2009 15:16:00 GMT

Adobe illustrator'u bilmeyen yoktur. Photoshop kadar fazla dersi olmadığı kesin bir gerçek. Aşağıdaki dersler ile web siteniz için farklı örnekler hazırlayabilirsiniz. Ya da öğrendiğiniz tekniklerle farklı tasarımlar oluşturabilirsiniz. Gerisi sizin yaratıcığınıza kalmış. İşte farklı illustrator dersleri;

Rolling Stones Logosu (kırmızı dudak) yapımı

Create a Rolling Stones Inspired Tongue Illustration

Mutlu Güneş Karakteri yapımı

Create a Happy Sun Character

Quirky

3D Grafik

Turn a Boring Bar Graph into a 3D Masterpiece

Saferi'nin Logosu(pusula) Nasıl Yapılır?

How to Create a Vector Safari Compass in Illustrator

illüstrasyon ile homer çizimi

Drawing homer simpson in illustrator

illüstrasyon ile gerçekçi karakter oluşturma

Creating convincing characters

Nasıl parlak ve retro renklerle illüstrasyon yapılır?

Create a Bright Retro Grunge Vector Illustration

Adobe Illustrator ile dönebilen dünya yapımı

Create a Rotatable Globe in Adobe Illustrator

Kaynak ; webanddesigners

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

Popüler CMS sistemleri

marlonbora — Sat, 28 Nov 2009 14:44:00 GMT

CMS (content management system) türkçe çevirisiyle içerik yönetim sistemidir. Eğer web programcılığı ile uğraşmıyor ve web sitesi tasarlamak istiyorsanız, bilgisayar kullanır gibi kolay şekillerde web sitenizi kurmanızı sağlayan sistemler. Burada en popüler sistemleri vermiş;

ExpressionEngine

ExpressionEngine (EE) sayesinde birkaç dakika içinde içeriğinizi eklemeye başlayabilirsiniz. Şablon sistemi ve hızlı değişimi sayesinde değiklikleri anında görüntüleyebilirsiniz. Veritabanı bağlantılarını azaltmak için birçok şeyi önbelleğe almakta. Script wordpress ile çok çok benzer.Php bulunan script'lere kurulabilmekte ve ücretsiz olarak web sitesinden indirilebilir.

WordPress

Açık kaynak kodlu (php ile yazılmış) popüler bir CMS sistemi.
Wordpress blog tutmak isteyenler için çok hızlı ve kolay.Bir çok tema ve sitenizin doğrultusuna göre bir çok eklentisi bulunmakta. Eğer illa bende geliştiricem takıntınız varsa Wordpress size Visual Editor denilen editörü sunuyor. Kurulumu ve kullanımı oldukça basit. Eğer isterseniz kendi web sitesinde kullaniciadiniz.wordpress.com şeklinde de blog oluşturabilme imkanı sunuyor.

Business Catalyst/Goodbary

E-ticaret geliştiricileri için Adobe tarafından hazırlanmış CMS sistemi.PayPal, Google Checkout gibi sistemlerle önceden entegre edilmiş.

Joomla!

Gelişmiş içerik yönetimi olan popüler bir CMS sistemi. Diğer CMS sistemlerinden daha üstün fonksiyonlara sahip ve kolay kullanımlı. LDAP ve OpenID gibi erişim kontrolleri bulunmakta. Birçok tema, eklenti ve iskelet sistemi bulunuyor. Joomla ile ne sitesi isterseniz rahatça yapabilirsiniz. Ayrıca php tabanlı ve ücretsiz dağıtılmakta.

SilverStripe

Açık kaynak kodlu php tabanında yazılan CMS sistemi. Birçok web sitesine yönelik seçenekleri bulunmakta. Seo desteği sunan içeri yönetimi bulunan bir sistem. Ücretsiz olarak dağıtılmakta.

Textpattern CMS

Bir çok tasarımcı tarafından sadece basitliği için sevilen CMS sistemi. Hızlı ve kolay içerik sistemine sahip. İnternet üzerinde dolşamaya yeni başlamış kişiler dahi bu sistemi kullabilir. Ücretsiz olarak dağıtılmakta. mySQL ve php kullanıyor.

Kaynak ; sixrevisions

Ayrıca Bakınız ;

Ekim 2009'un En iyi Joomla Eklentileri

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