bildirgec.org - totallyalien - beğendikleri

Karşınızda: Google Font API ve Google Font Directory

totallyalien — Thu, 20 May 2010 09:47:00 GMT

Çorbasını, web geliştirici veya web tasarımcısı olarak yaptıkları işlerden içenlere, "çorbada bizim de tuzumuz olsun" dercesine kullanıma sunduğu araçlar, servisler ve API'ler ile yardımcı olan Google, birbirini tamamlayan iki yeni servisini kullanıma sundu.

Bu iki yeni servisten biri olan Google Font Directory; açık kaynak olarak barıdırdığı yüksek kalitedeki Google web fontlarının hangileri olduğunu detaylı bilgileri ile geliştirici ve tasarımcılara sunmakta.

Diğer bir servis olan Google Font API ise; Google Fontlarını web sayfalarınıza çeşitli yollarla ve kolayca ekleyebilmenizi sağlayacak olan bir API.

Google Font API'nin örnek bir kullanımını hemen buradan görebilirsiniz.

Farklı fontları, çeşitli efektlerle kullanabilmenize imkan veren Google'ın bu yeni servislerine;
Google Font API ile ilgili dokümanlara buradan ve Google Font Directory'ye de buradan ulaşabilirsiniz.

[Bonus+++++]
+iGoogle Sayfanıza 3 Adet SEO Uzmanı Gadget
+E-Postanız ile Facebook'ta Paylaşın
+Google Latitude iPhone'da!
+Twinslator ile Tweet'ler Dillendi!
+Twitter'ı Twitter'dan Öğrenin!
[Kaynak] Google Code.
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı totallyalien 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 İçin 7 Harika Sosyal Medya Eklentisi!

totallyalien — Mon, 22 Feb 2010 14:48:00 GMT

WordPress ile oluşturmuş olduğunuz web sitenizi ve blogunuz Sosyal Medya alemine entegre etmek için kullanabileceğiniz 7 adet şık tasarımlı ve kullanımı oldukça kolay eklentiyi bu listede bulabilirsiniz.

Aralarında Sosyal Medya'nın yeni aracı Google Buzz için hazırlanmış paylaşım butonunun da bulunduğu bu 7 harika WordPress eklentisinin kullanım alanları ve WordPress'inize nasıl entegre edebileceğiniz ile ilgili bilgileri, eklentilerin kendi tanıtım sayfalarından detaylı olarak öğrenebilirsiniz.

1- CommentLuv

2- Add To Any

3- GD Star Rating

4- Sociable

5- WP Wall

6- Tweetable Twitter

7- Google Buzz Buttons

Bonus++++++++++++:
+Görenlere "OHA" Dedirten, JQuery ile Hazırlanmış, 10 Adet Animasyon ve Eğitimi
+Portfolio için 15 Adet Herkesten Saklanası Wordpress Teması
+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: mashable
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

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

totallyalien — 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ı totallyalien 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 Vintage ve Retro Fontlar

totallyalien — Sat, 27 Mar 2010 08:35:00 GMT

Vintage, eski yıllardan kalarak korunup saklanmış veya eski yıllara geri dönme anlamına gelmektedir. Genelde modada çok kullanılan bir terim olan Retro ise renklilikten uzaklaşıp geriye dönüşe verilen addır. Bu tasarım akımları moda ile başlasada, geçen zamanda tüm tasarım dallarına yayılmış ve sonunda web tasarımınıda etkilemiş durumda. Aşağıdaki yazı tiplerini, vintage ve retro tarzı sitelerinizde kullanabilir farklı logo ve afişler yaratabilirsiniz. İşte popüler Vintage ve Retro Fontlar;

Shrewsbury-Condensed Bold

Fusty Saddle

Caslon

Brandon Grotesque Regular

Seaside Resort

Fontleroy Brown

Dirty Ames

Goudy Bookletter 1911

Anagram

Carnivalee Freakshow

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; wdl

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

Dünyanın Her Yerinden Tasarımlar: Metro Haritaları

totallyalien — Mon, 29 Mar 2010 09:27:00 GMT

i̇stanbul

dünyanın dört bir yanındaki şehirlerin hepsi farklı görünür ve farklı kültürel değerlere dayanır. farklı yazı türlerinden hoşlanır, farklı tasarım beğenilerine sahiplerdir. zaten bu temeller de şehirler arasındaki farkı oluşturur.

diğer yandan da bu temeller, o şehirlerin insanlarını ve kendilerini nasıl yansıtmak istediklerini gösterir.

metro hattı olan her şehirde de, her tarafa asılı olan ve şehrin yapısını gösteren bir metro haritası vardır. her harita, şehrin sakinleri tarafından bir çok sefer keşfedilir.

tasarım ve stil olarak değerlendirildiğinde, metro haritaları bir şekilde şehrin aynasıdır. tek başlarına bir harita değil, şehrin kişiliğidirler.

i̇şte mükemmel bir metro haritası toplaması

Amsterdam

New York

Paris

Kaynak: webdesignerdepot

Bu yazı totallyalien 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 55 renk aracı

totallyalien — Thu, 01 Apr 2010 14:07:00 GMT

renk, bir web tasarımının en önemli birimidir. web tasarımına yeni başlamış kişilerin bu renkli ve yeni dünyada profesyonel adımlar atmak için gerekli olan renk eşleme ve daha da önemlisi renk seçmektir. başarı için doğru renk seçimi iyi bir tercih anlamına gelmektedir. Bu yazıda gerçekten sizlere yararlı olacak doğru renkleri ve kombinasyonları seçmenize imkan sağlayacak renk araçları derlendi.
1.color grab
(renk yakalayıcı)

2.colorzilla

3.color rotate

4.stripe generator

5.colors on the web

6.colormod

7.daily color scheme

8.color hunter

9.color scheme designer

10.kuler

11.color blender

12.name that color

13.ideo web color visualizer

14.color conversion

15.color contrast check

16.color mixers

17.color scheme chooser

18.technicolor

19.color wheel

20.colordb

21.color toy

22.colors palette generator

23.instant color schemes

24.slayer office

25.the color tool

26.hypergurl

27.color tools

28.pictaculous

29.color munki

30.pic2color

tasarımlarınız için daha fazla(+25) renk aracı isterseniz designbeep sayfasını ziyaret edebilirsiniz.

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

Çevrimiçi CSS Araçları Listesi

totallyalien — Tue, 24 Feb 2009 19:38:00 GMT

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

CSS Type Set

CSS Type Set sayesinde tasarımcılar ve geliştiriciler, sitelerinde kullanacakları metin bloklarının çeşitli CSS değerleri kullanıldığında nasıl görüneceğini eş zamanlı olarak görüp en doğru tercihi yapmalarına yardımcı oluyor.

Font Tester

Font Tester bir diğer ücretsiz çevrimiçi yazıtipi karşılaştırma aracı. Çeşitli CSS yazıtipi stilleri atanmış farklı yazıtiplerini yan yana karşılaştırmanıza olanak sağlıyor.

PXtoEM Conversion

Pixel değerlerini EM'e dönüştürebileceğiniz bir diğer kullanışlı araç. BODY etiketine atadığınız yazıtipi boyutunu pixel olarak girin ve site size farklı em değerlerini içeren tabloyu versin. Gerçekten kullanışlı.

CSSTXT

Metinlerinize stil atayabileceğiniz bir başka uygulama.

CSS Anahat Oluşturucuları

YUI - CSS Grid Builder

CSS Izgara Oluşturucusunun basit web tabanlı arayüzü sayesinde YUI'nin CSS dosyalarına bağlı dilediğiniz sayıda anahattı kolayca oluşturabilirsiniz.

YAML Builder

YAML tabanlı CSS anahatları oluşturabileceğiniz bir görsel anahat oluşturucusu.

iStylr

Çevrimiçi CSS Şablon Oluşturucusu.

Grid Designer

Izgaralar ve Tipografiler oluşturabileceğiniz bir araç.

CSS Oluşturucusu

Bu oluşturucusu sayesinde esnek ya da sabi genişliğe sahip yüzen sütunlu anahatlar oluşturabilirsiniz. Site 3 adede kadar sütun, başlık ve altlık içeren anahatları destekliyor. Değerler pixel, em ya da yüzde olarak girilebilir.

Drawable Markup Language

Web sitenizin kodunu neredeyse çizebilmenize olanak sağlayan bir uygulama.

CSSMate

İnteraktif çevrimiçi CSS düzenleyicisi CSSMate sayesinde CSS stilleri oluşturabilirsiniz.

QrONE CSS Designer

CSS Stil düzenleyicisi.

CSS Frame Generator

XHTML altyapınız üzerinde CSS çerçeveleri oluşturabileceğiniz basit bir araç.

XHTML/CSS Markup Generator

XHTML/CSS kodlama hızınızı ilerletmeye yardımcı olacak bir uygulama.

Sky CSS Tool

Sky CSS neredeyse hiç kod yazmadan CSS sınıfları oluşturabilmenizi sağlıyor.

CSS Creator - CSS Generator

CSS Creator, web sayfanız için bir stil seçebilmenizi sağlıyor.

CSS Grid Calculator

CSS Izgara Hesaplayıcısı'nı kullanarak sayfa anahattınızı çabucak görselleştirebilir ve çeşitli yollar kullanarak ızgaralar çizebilirsiniz.

CSS Generator

Bu araç basit bir stil şablonu oluşturabilmenizi sağlıyor.

Dynamic 3 Column Layout Generator

3 sütunlu anahatlar oluşturabilmenizi sağlayacak kullanışlı bir araç.

Construct Your CSS

WYSIWYG anahat düzenleyicisi. Semantic ve tablo kullanmadan.

Blueprint Grid CSS Generator

Bu araç, Blueprint'in grid.css, compressed.css ve grid.png dosyalarının özelleştirilebilir sürümlerini oluşturabilmenizi sağlıyor.

CSS Çatıları

Blueprint

Blueprint bir CSS çatısı olup CSS geliştirirken harcadığınız zamanı azaltmayı hedefliyor.

Yet Another Multicolumn Layout

Yet Another Multicolumn Layout (YAML), bir diğer (X)HTML / CSS çatısı olup modern ve özelleştirilebilir yüzen anahatlar oluşturabilmenizi sağlıyor. Yapısı, programlamasında son derece değişken ve son kullanıcılar için tümüyle erişilebilir.

Hartija - CSS Print Framework

Web yazdırması için kullanılabilecek evrensel CSS çatısı.

Elements

Tasarımcıların daha hızlı CSS yazabilmeleri ve daha verimli olabilmeleri için geliştirilmiş.

960 Grid System

960 Izgara Sistemi web geliştirmesi sırasında harcayacağınız zamanı, 960 pixellik genişliğe dayalı sık kullanılan ölçüler kullanarak kısaltmayı hedefliyor.

Logic CSS Framework

Logic CSS çatısı bir dizi CSS dosyası ve PHP aracından oluşmuş, web standartları ile uyumlu xHTML anahatları oluştururken geçirdiğiniz zamanı kısaltmayı hedefleyen bir uygulama.

SenCSs

SenCSs sayesinde anahat dışındaki her şey için standart CSS dosyasını kullanabilirsiniz.

Tripoli

Tripoli, HTML işleme için geliştirilmiş bir CSS standardıdır. Tarayıcı standartlarını sıfırlayıp yeniden inşa ederek, web projeleriniz için çapraz tarayıcı uyumlu bir temel üzerinde web projelerinizi inşa edebilmenizi sağlar.

BlueTrip CSS Çatısı

BlueTrip web sitesi inşa edebilmek için bir dizi stil ve yöntem sunarak, işin zaman harcatan kısmını geçip projenize odaklanabilmenizi sağlıyor.

Grids CSS

Yahoo! tarafından geliştirilen ve dört ön tanımlı sayfa genişliği, altı ön tanımlı şablon ve dört sütuna kadar alt-bölümleri içeren anahatları geliştirebilmenize olanak sağlayan bir CSS çatısı. Oldukça kapsamlı ve genişletilebilir.

Biçimleyiciler, İyileştiriciler ve Sıkıştırıcılar

Code Beautifier

Çevrimiçi CSS biçimleyicisi ve düzenleyicisi.

Clean CSS

CSS'nizi farklı sıkıştırma ayarları kullanarak optimize edebilmenizi ve biçimlendirebilmenizi sağlıyor. Bu araç sayesinde okunması daha kolay CSS kodlarına ulaşabilirsiniz.

CSS SuperScrub

Bu araç CSS'nin karmaşıklığını gereksiz içeriği silerek, önemsiz kodları kaldırarak ve geri kalan element isimlerini zeki bir şekilde gruplayarak azaltmayı hedefliyor.

Online CSS Optimizer

Çevrimiçi CSS İyileştiricisi sayesinde CSS dosyalarınızın dosya boyutunu azaltabilirsiniz.

CSS Drive Gallery - CSS Compressor

İhtiyacınıza göre değişen 3 farklı sıkıştırma ayarından birini seçerek CSS dosyalarınızı sıkıştırabilirsiniz.

Online CSS Optimizer

Bir başka çevrimiçi CSS iyileştiricisi, CSS kodunuzun dosya boyutunu azaltmayı hedefliyor.

Robson - CSS Sıkıştırıcısı

Bu CSS sıkıştırıcısı stil şablonlarına önemli değişiklikler uyguladığından ve henüz geliştirme aşamasında olduğundan, bazı CSS dosyalarında verimli çalışmayabilir.

FlumpCakes - Çevrimiçi CSS İyileştiricisi

Bu araca yükleyeceğiniz CSS dosyası işleniyor ve gereksiz tüm kodlar kaldırılarak daha temiz bir koda ulaşmanız sağlanıyor.

Format CSS Online

CSS'nizi otomatik olarak biçimlendirerek onu daha kolay okunur ve düzenlenebilir hale getirin.

PrettyPrinter

Çevrimiçi kod güzelleştiricisi.

Tabifier

Tabifier sayesinde bilgisayar kodunuzu daha okunaklı hale getirebilirsiniz.

Doğrulama

W3C CSS Doğrulama Servisi

W3C CSS Doğrulama Servisi, web tasarımcılarının ve web geliştiricilerinin CSS dosyalarını kontrol edebilmelerini sağlıyor.

CSS Analyser

Bu servis CSS dosyalarınızın doğruluğunu W3C'nin doğrulama servisi üzerinden kontrol edip, bunun yanısıra kontrast testi ve boyut testi gibi bazı farklı testleri de uyguluyor.

CSS Redundancy Checker

HTML dosyalarınızda kullanılmayan CSS seçicilerini bulmak için kullanabileceğiniz bir araç.

CSS Formları

JotForm

İlk WYSIWYG Form Oluşturucusu. Tarayıcınızı kullanarak web formları oluşturun ve yayımlayın.

Wufoo

Wufoo, web üzerinden bilgi toplamanızı kolaylaştırıyor.

FormSmarts

FormSmarts üzerinden formlar oluşturup onları yayımlayarak ziyaretçilerinizden çeşitli alanlarda bilgi toplayabilirsiniz.

FormAssembly

Web Formları Oluşturun ve sorularan verilen yanıtları toplayın.

Navigasyon

CSS Menu Builder

Web standartları ile uyumlu XHTML / CSS menüleri oluşturun.

CSS Menu Generator

CSS Menü Oluşturucusu sayesinde ortalama bir web yöneticisi, çapraz tarayıcı uyumlu web site menüleri oluşturabilir.

TabCreatr

Ücretsiz CSS Menü Oluşturucusu.

CSS Sıfırlama

Reset CSS

Sıfırlama stil şablonlarının hedefi, farklı tarayıcılar arasındaki tutarsızlıkları gidermektir. Bunlar arasında öntanımlı satır yükseklikleri, marjlar ve başlıkların yazıtipi boyutları gibi elementler yer alır.

Yahoo! UI Kütüphanesi: Reset CSS

Yahoo!'nun sunduğu bu CSS sıfırlaması da farklı HTML elementleri arasındaki tutarsız CSS stillerimini sıfırlayarak daha tutarlı web siteleri inşa edebilmenizi sağlıyor.

Master Stylesheet: En Kullanışlı CSS Tekniği

Temel bir stil şablonu.

Boş CSS Anahatları

168 Adet Izgara ve CSS Anahat Kolleksiyonu

Bu CSS anahatları tüm A sınıfı tarayıcılar için desteği içeriyor. Bunun anlamı tüm bu örneklerin Internet Explorer 6, Internet Explorer 7, Firefox, Opera, Safari ve diğerlerinde aynı şekilde görünecek olması.

42 Adet Sahte Sütunlu CSS Anahatları

53 Adet Sabit Genişlikli CSS Anahatları

___layouts

___layouts dosyası dilerseniz tam yakınlaştırma desteğine sahip ya da sabit genişliğe sahip beş adet ön tanımlı şablonu içeriyor.

The Only CSS Layout You Need

Tamamı aynı HTML dosyasını kullanarak oluşturulmuş 10 farklı anahattı ve örnek sayfalarını içeren bir anahat.

Little Boxes

Tarayıcı bazlı CSS sorunları için hileler.

Diğer Araçlar

PSD 2 CSS Online

Saniyeler içerisinde Photoshop tasarımlarınızdan dinamik web sayfaları oluşturun.

Conditional CSS

Bu araç sayesinde belirli tarayıcıları hedefleyen CSS kodları yazabilirsiniz.

CSS Evolve

Bu araç sayesinde bir web sitesinin rengi, şeması, yazıtipleri, sınırları gibi elementleri üzerinde oynayabilirsiniz.

CSS Text Wrapper

CSS Text Wrapper sayesinde bir HTML metnininin düz köşeleri olmayan bir görseli sarmalamasını sağlayabilirsiniz.

The Box Office

Yukarıdaki araçla aşağı yukarı aynı işlemi yapan bir başka uygulama.

Eğer sizin de bu listede yer almayan ancak faydalı olduğunu düşündüğünüz bir CSS aracı varsa yorumlarınızda belirtmeyi ihmal etmeyin.

Kaynak: Back to Essentials

CSS İle İlgili Yazdığım Diğer Yazılar

Yazılarımı RSS İstemcisi Üzerinden Takip Etmek İçin Buraya Tıklayın

Bu yazı totallyalien 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 Web Tasarımcısının Öğrenmesi Gereken 9 Önemli CSS Yeteneği

totallyalien — Sat, 18 Jul 2009 08:49:00 GMT

Bu yazı giriş ve orta seviyedeki CSS öğrencilerine hitab etmektedir. Eğer CSS'yi sıfırdan öğrenmek istiyorsanız, o zaman muhtemelen pek çok teknikle, hile ile ve ders ile karşılaşmışsınızdır. Bu yazıda, her web tasarımcısının bilmesi gereken pek çok temel CSS yeteneklerine dair kendi yaklaşımımı yansıtmaya çalıştım. Aşağıdaki makaleleri gerçekten seviyorum ve bu sebeple sizlerle paylaşmaya çalıştım. Umarım beğenirsiniz.

1- CSS Anahatları Oluşturmak

CSS Anahatları Oluşturmak: PSD'yi XHTML'ye dönüştürmek için en iyi dersler

CSS Anahatları: 40+ Ders, İpucu, Demo ve en iyi yöntemler

2- Stilleme ve Listeler Kullanma

3- Kutu Modeli ve Pozisyonlamayı Anlamak

4- Daha iyi CSS Tipografisi

5- Formları Stillemek

6- CSS Çatılarını (Frameworklerini) Kullanmak

En çok kullanılan 12 CSS frameworkü ve onları nasıl anlayacağınız.
Web tasarımı için hangi CSS ızgara frameworkünü kullanmalı?
CSS Frameworkleri + CSS Sıfırlama: Sıfırdan tasarlama.

7- Optimize Etme ve En İyi deneyimler

8- CSS Hileleri ve İpuçları

9- CSS Düğmeleri, Kutuları ve Yuvarlatılmış Köşeler

Kaynak: acomment.

CSS İle İlgili Yazdığım Diğer Yazılar

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

80 bedava vektör kaynağı ve dersi

totallyalien — Tue, 30 Sep 2008 05:26:00 GMT

Speckyboy illustrator ve vektörel grafiklerle ilgili kullanışlı bir liste hazırlamış. 80 linklik bu arşivde, bilgisayarınıza indirebileceğiniz bedava vektör kaynaklarını, derslerini, bedava illustrator brushlarını, sembollerini, eklentilerini, bedava vektörel logoları ve vektör editörlerini bulabilirsiniz.

Liste hazırlanırken, sayfaların popülerliğinden, kaynakların kalitesine bir çok özelliğe dikkat edilmiş.

24 Bedava vektör kaynağı:

1) I Heart Vector

2) Vecteezy!

3) CoolVectors.com

4) BittBox

5) VectorVault

6) deviantART

7) Blog.SpoonGraphics

8) Quality Free Vector Graphics

9) Dezignus

10) Free Vector Graphics

11) Idee Montabili

12) freevectors.net

13) vectorstuff.blogspot.com

14) Vectorportal

15) Webchantier Vector Image Portal

16) Aiga Symbol Signs

17) CreateSk8- - Freebies

18) www.keepdesigning.com

19) Clipart deSIGN

20) Vectors Workshop

21) www.localarcade.com

22) vektorDB

23) Gravitation

24) Garcya.us

10 vektör dersi sitesi:

1) VectorKid

2) Blog.SpoonGraphics

Illustrator'da vektörel Safari pusulası yapma dersi

3) Vectorials

4) BittBox

5) VECTORTUTS

6) Illustrator Tutorials on Pixel2Life

7) Adobe Illustrator on the Web Design Library

8) Vectips

9) NDesign Studio - Illustrator Tutorials

10) Illustrator Tutorials on Good-Tutorials

10 Ücretli Vektör Kaynağı

1) Go Media's Arsenal

6) Mister Retro - Vector Image Collections

7) ArtBitz Stock Illustration

8) Vector Art

9) Designious

10) AI Vault

10 Bedava Illustrator Brush Kaynağı

1) Adobe

2. Vectorportal

3. BittBox

4. CreateSk8

5. Illustrator-Brushes

6. Illustrator brushes packs for Illustrator

7. COLORBURNED

8. Illustrator Brushes on deviantART

9. MUJKA ILLUSTRATOR BRUSH SETS

10. Digital Art Corner

10 Bedava Illustrator Sembol Kaynağı

1) Adobe

2) Vector Portal

3) Illustrator Symbols on deviantART

4) Graphic Xtras - Symbols for Illustrator

5) Code Zebra - Adobe Illustrator

6) Integration and Application Network - Free Vector Symbols

7) Creative Curio - Illustrator Symbols Illustrated

8) CreateSk8 - Free Illustrator Symbols

9) Brainstorm and Raves - Free Adobe Illustrator Symbols

10) Cartographic Symbols and Map Symbols Library

* 5 Bedava Illustrator Eklenti Kaynağı

1) Adobe

2) Illustrator Plugin World

3) Free Photoshop - Illustrator Plugins

4) Graffix plugins for Adobe Illustrator

5) Huge List of Adobe Illustrator Plugins & Filters & Tools

5 Bedava Vektörel Logo Kaynağı

1) VectorLogo

2) LogoZu - Vector Logo Sharing

3) Free-Logotypes.com

4) All Free Logo - Vector Logo Database

5) Logotypes.ru

Illustrator'a Alternatif 5 Bedava Vektör Editörü

1) Inkscape

2) Karbon14

3) Scribus

4) Nodebox

5) Skencil

Listenin orijinali için tıklayın.

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

resimlerinizi vektörize edin

totallyalien — Wed, 31 Oct 2007 11:26:00 GMT

vector magic pixel tabanlı resimlerinizi vektör haline dönüştürmeye yarayan bir web uygulaması.örnekler burada, corel ve adobe ile yaptıkları karşılaştırma da burada.

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