Bedava eticaret ikon seti

İkon setleri yayınlamaya devam ediyoruz. Şimidik ikon setimiz Eticaret siteleri için ingilizce tabiri ile ecommerce iconset.

Arşivinizde bulunması gereken bu ikonlar tamamen ücretsiz ve herhangi bir lisans sözleşmesi bulunmuyor. Sadece eticaret sitelerinde değil bazı ikonları normal sitelerde bile kullanabilirsiniz.

Eticaret İkonsetinin içinde

  • Alışveriş Sepeti (Sepeti) simgesi
  • Kredi Kart (Ödeme) simgesi
  • Teslim Adresi (Kamyon) simgesi
  • Ödeme simgesi

bulunmaktadır. Alışveriş sitesi için ikon setin bu adresten indirebilirsiniz :

Ecommerce iconset download

Web tasarım yaparken tasarımcılar 'ın kullanabileceği ve pratik araçları sizler için bir yazı dizisi şeklinde sunmak istedik.

Bu yazı dizimizin web tasarımı yapan webmaster arkadaşlar için çok yararlı olacağına inanıyoruz. Talepleriniz doğrultusunda yazı dizimiz bir süre devam edecektir.  Kendi kullandığımız ve sizinde işinize yarayacağını düşündüğümüz online web tasarım araçları ve web design destek araçlarını sizlerle paylaşacağız.

Aralarında font araçlarından tutun, css araçlarına, grafik araçlarından tutun video araçlarına kadar bir çok aracın bulunacağı yazı dizimizin ilk yazısı olan bu yazımızda tanıtacağımız araçlara geçelim.

1- Online renk yönetim ve renk uyum aracı

Tasarımlarınızda, grafiklerinizde renk uyumu için kullanbileceğiniz bir sistem. Hangi rengin hangi renk younluğu ile uyumlu olduğun ve bunları Rgb , Cmyk kodlarını alabileceğiniz küçük ama çok kullanışlı araçlar statüsünde yer alıyor.

2- HTML Entity Character Lookup tools

Karakterlerin, sayıların tümünün HTML karşılıklarını verir. Böylece dil kodlamasında sıkıntı yaşadığınız hareflerin html karşılıklarını yazarak bu sorunu çözebilirsiniz.

3- Web yöneticisi aracı ( Web developer 1.1.6 )

Web developer tool bir firefox eklentisidir. Firefox içinde css ve html ile ilgili ve kodlarla ilgili bir çok işlevi yerine getirir.

4- What the font ( Resimdeki yazının fontunu bulma aracı )

İlk kullanıdığımdan beri hala şaşırarak kullandığım bir online araç. Bu online araç ile her hangi bir resmi siteye upload ederek o resmin içindeki yazı fontunun ne olduğunu öğrenebiliyorsunuz.

5 - Blueprint css frame work ( Css çatısı )

Türkçe olarak tabir etmek gerekirse css alt yapısı , css çatısı olan css frameworkler css cilerin hayatını kolaylaştıran sistemdir.  Blueprint css de bu imkanı sunan online bir kaynak. CSS tasarımcısı yada css geliştiricisi iseniz çok işinize yarayacak.

6 - Typetester ( Online font görünümü ve karşılaştırması )

Kısacası font karşılaştırma sistemi diyebilecğimiz bu sistem hangi yazı fontunun, hangi yazı büyüklüğünün sitenizde nasıl durduğunu çok fazla uğraşmadan test etmenize yarıyor.

7 - Em Calculator

Css siteler tasarlarken ölçeklerle ilgili size yardımcı olacak küçük ama müthiş bir araç.

8 - Livezilla online destek yazılımı

Tamamen ücretsiz web siteniz üzerinden online destek hizmeti vermenize yarayan profesyönel bir yazılım. Web üzerinden resmen call center hizmeti sunabildiğniz bu online yardım masası yazılımı tekrar ediyoruz tamamen ücretsiz. Açık kaynak kodlu yazılımların gözünü seveyim :)

Online kod yazma

Açık kaynak kodlu programlar aldı başını gidiyor. Öyleki bazen ücretli progrmalara bile taş çıkardığı durumlar oluyor. Microsoft Office ile Open Officie gibi yada Photoshop ile Gimp gibi. İşte şimdi tanıtacağımız online kod editörü de yine açık kaynak kodlu ve tamamen web üzerinden çalışan bir kod yazım aracı.

Çok kolay bir kullanıma sahip online editör ile tab sistemi ile çalışabilir, dosya upload edebilir ve çoklu dosya düzenleme imkanı bulabilirsiniz. İnternet üzerinden çalışan online editör ile kodlarınızı her yerde bir derleyiciye ihtiyaç duymadan yazabilmeniz mümkün.

Bana en enterasan gelen özelliklerden biri Klavye kısayollarına bile sahip olması, fakat çoğu programda ve sistemde gördüğümüz Türkçe karakter kodlama sıkıntısı ve Türkçe desteğinin olmaması en büyük eksiklerinden biri. Sistem php tabanlı yazılmıştır.

Web arayüzlü online kod editörüne girmek için : http://sourceforge.net/projects/ecoder/ adresini kullanabilirsiniz.

E mail aboneliği

Sitenizin yada blogunuzun ziyaretçilerine ara ara mail yolu ile tanıtım yada newsletter göndermek istiyorsunuz ve sitenizde bir mail bankası oluşturmak istiyorsunuz. Fakat programlama bilginiz yok. Sitenize kullanışlı ve gerçekten profesyönel bir mail bankası mail aboneliği eklemek istiyorsanız yazımızı dikkatlice okuyunu.

RSS kullanımı hala çok yaygın olmadığından RSS yayınınız aktif olsa bile sitenizde bir e mail newsletter özelliği olmadan siteniz eksik kalmış oluyor. Bu email abonelikleri aracılığı ile hem kullanıcılar sitenizin tüm sayfalarına abone olmuş olur hem de elinizde kullanıcılarınızın bir mail bankası olur ara ara tanıtıcı mailler gönderebilirsiniz. Biz burada google feedburner kullanacağız.

1. YÖNTEM

a- Aşağıdaki kodu kopyalayın

<form style="padding:3px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target= "popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SENİN RSS,'popupwindow','scrollbars=yes,width=550,height=520');return true">
 <p>Mail adresinizi giriniz</p>
 <p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="SENİN RSS" name="uri"/><input type="hidden" name="loc" value="en_US"/>
 <input type="submit" value="Gönder" /></form>

b - Blogunuza oturum açın (tercihen kendi hostunuzda bulunsun)

c - Yeni bir widget oluşturun.

d - Widgeti düzenle diyerek yukardaki kodu yapışırın (Ctrl+V) .

e - Yukarda kalın olarak yazılmış SENİN RSS yazılı olan yerleri google rss hesap adınızla değiştirin. Eğer google feed burner hesabınızın adını bilmiyorsanız google feedburner ' a giriş yaparak görüntüleyebilirsiniz.

2. YÖNTEM

Bu yöntem gayet iyi olmakla birlikte, gayet profesyönel bir yoldur.

a- Feed burner hesabınıza giriş yapın.

b- Blog feede tıklayın.

c- Buradan publicize tabına tıklayın

Feed Burner yayınlama

d- Sol taraftaki ‘Email Subscriptions’ linkine tıklayın.

e- Burada size verilen kodu Ctrl-C ile kopyalayın.

<form style="padding:3px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target= "popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= SENİN RSS','popupwindow','scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value=" SENİN RSS" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></form>

f- Eğer aldığınız kodu direkt olarak kullanmak isterseniz bir sonraki adımı geçebilirsiniz. Zira bu kısımda kodu özelleştirmekten bahsedilecek

g- Eğer size verilen direk kodda değişiklikler yapmak istiyorsanız. Kodlar üzerinde oynayabilirsiniz. Örneğin : border:1px solid #ccc; satırındaki 1px değerini 0 yaparak kutunuzun hemen üzerindeki çizgiyi kaldırabilirsiniz.

h- Yine son adım blogunuza oturum açın ve yeni widget ekle diyerek en son düzenlediğiniz yada direkt olarak Ctrl-C ile aldığınız kodu Ctrl-V ile HTML önizleme kısmına yapıştırın ve kaydedin.

Artık sizinde feedburner destekli bir email newsletter bölümünüz var. Hala Rss kullanımyorsanız yada sitenizdeki Rss kullanım oranları düşükse mutlaka e-mail aboneliği bölümünü aktif etmelisiniz.

/////Lütfen eğer yazıyı çalacaksanız kaynak belirtiniz. Yada kendiniz adam gibi oturup makale yazınız./////

 

Arama
Reklamlar
Facebook Hayranlarımız
Sosyal imleme
Yeni Sayfa 1

 

Bağlantılar
Sayaç
Sponsor
Celilcan Web Tasarım