bildirgec.org - etiketler: svg

Online Convert / dönüştürme

biSGen — Fri, 11 Mar 2011 16:50:00 GMT

biliyorsunuz convert dönüştürmek demek.

Bu sitede bu işlemi online yapmak mümkün. Convert/dönüştürme yapabileceğiniz türler (72 değişik tür) ve linkleri aşağıdadır.

AAC, FLAC, M4A, MMF, MP3, OGG, WAV, WMA

bmp, eps, gif, hdr-exl, jpeg, pdf, png, svg, tga, tiff, wbmp

3g2, 3gp, avi, flv, mkv, mov, mp4, mpeg-2, ogg, webm, wmv, iphone, ipod, nintendo ds, ps3, psp, wii, xbox

epub, fb2, lit, lrf, mobi, pdb, pdf, tcr

doc, flash, html, odt, pdf, txt

adler32, blowfish, crc-32, crc-32b, des, gost, haval-128, htpasswd apache, md4, md5, ripemd-128, ripemd-160, sha-1, sha-256, sha-384, sha-512, snefru, tiger-128, tiger-160, tiger-192, whirlpool

ilgili yazılar

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

IE9 Test Versiyonunu Deneyin

trampfd — Wed, 17 Mar 2010 17:26:00 GMT

Microsoft tarafından Internet Explorer 9 Preview Release (önizleme sürümü) duyuruldu.
Html5, CSS3, SVG desteği gibi oldukça önemli ve yeni özellikler eklenen internet explorer 9 un javascript motoru da yeniden yazılmış ve diğer tarayıcılara nazaran performans konusunda iyileştirmeler yapılmış.

Acid 3 test puanı: 55/100

SunSpider Javascript Benchmark sonuçlarına göre ise şimdiden Firefox 3.6 ve Firefox 3.7 Alpha 2 sürümünü geçmiş.

Web sitesindeki hız, html5 ve grafik demolarına göz atabilir, diğer tarayıcılar ile karşılaştırabilirsiniz.

Not: Tarayıcının bu test versiyonu yalnızca Windows Vista SP2 yada Windows 7 üzerinde çalışabilmektedir.

ilgili yazılar

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

Çıkmayacağı Duyurulan Firefox 3.7 yayınlandı

angelsdemos — Wed, 17 Feb 2010 10:16:00 GMT

Geçtiğimiz haftalara da Mozilla, Firefox 3.7'nin çıkmayacağını duyurmuştu. Fakat Firefox 3.7'nin deneme sürümü yayınlandı.Firefox 3.7 Alpha 1 adı ile yayınlanan bu yeni sürüm henüz genel kullanamı hazır değil. Firefox'ta oluşabilecek hatalar ve kullanılacak yeni teknolojileri test etmek için hazırlanmış bir sürüm.

Firefox kullanıcıları için yeni sürümdeki özellikler parça parça güncellemeler ile bilgisayarlarda yerini alacak fakat yine de Firefox 3.7 sürümü çıkarılacak.

Firefox 3.7 Alpha 1'de birçok yeni özellik bulunmakta. Kaydırma kodu (Scroll) tamamen yeniden yazılmış durumda. Performansın ve hızın artması için birçok yeni fonksiyon eklenmiş ve değişiklikler yapılmış durumda. Ayrıca sayfaların düzgün gözükmesi ve yeni çıkan internet özellikleri ile entegre içinde olunmasına dikkat edilmiş.

Yeni sürümde SMIL Animation, SVG, WebGL, ATSUI ve yeni motoru Gecko 1.9.3 bulunmakta. Fakat bu yeni uygulamalar, şu anki sürümde sorunlar çıkartabilir. Yeni sürümün ne zaman ve hangi isimle çıkacağı bilinmiyor. İsterseniz Firefox 3.7 Alpha 1'i buradan indirebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak ; Mozilla

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

font-face artık tüm tarayıcılarda!

basarozcan — Fri, 30 Oct 2009 10:03:00 GMT

Eğer web tasarımı ile uğraşıyorsanız @font-face tanımlamaları ile istediğiniz fontları sitenizde kullanmanın olağan olduğunu biliyorsunuzdur. OTF ve TTF gibi değişik uzantılı fontları birçok tarayıcıda sorunsuz olarak gösterebiliyorsunuz. Fakat iş bu fontları Internet Explorer’da kullanmaya gelince malesef tahmin edeceğiniz gibi yine bir sorunla karşı karşıya kalıyoruz.

@font-face desteği aslında Internet Explorer 4’ten beri Microsoft’un desteklediği bir deklerasyon. Fakat bu destekleri biraz tutucu. Çünkü IE serisi sadece EOT (Embedded Open Type) fotmatlı fontları desteklemekte. Bu formatın seçilmesinin nedeni ise bu formatlı font dosyalarının kopyalanarak kişisel kullanıma izin vermemesidir.

Bu yazıda sevdiğiniz fontları nasıl EOT formatına çevireceğinizi ve sitelerinizde nasıl kullanacağınız konusunda ipuçlarını kullanarak sitelerimizin albenisini arttıracağız.

Tarayıcılar ve desteklenen formatlar

Birinci Adım: Ücretsiz bir font seçin
Internet’te birçok ücretsiz font sunan site var. Lisans problemleri ile karşılaşmak istemiyorsanız tamamen ücretsiz lisansla yüklenmeye sunulan fontları bularak sitelerinizde kullanmaya bakın. Bu tarz fontların sıralandığı fontex.org mutlaka göz atılması gereken kaynaklardan.

fontex

İkinci adım: Yazı tipi dönüşümü
Kendinize en uygun fontu seçtiniz ve lisans konusunda da probleminiz yoksa, artık elinizdeki yazı tipi dosyasını birçok tarayıcı tarafından desteklenecek formatlara çevirme zamanınız geldi. Font Squirrel @font-face Kit Generator servisi oldukça başarılı ve ihtiyaçlarımıza en iyi cevap veren site. Bu program TTF ya da OTF formatındaki fontlarınızı EOT, SVG ve WOFF formatındaki fontlara çeviriyor. SVG formatı bir vektör grafik standardı olmasının yanında içine aktarılan fontlar ile de Opera, iPhone ve Google Chrome için font-face desteği sağlıyor.

Üçüncü Adım: CSS’e giriş!
Evet artık tüm tarayıcılar için @font-face desteği sağlamak için elimizde her türlü ekipman mevcut. Artık CSS kodlarımızı yazabilir ve fontlarımızı kullanmaya başlayabiliriz. İlk olarak gerekli @font-face deklerasyonu. (bu tanımlamayı kit generator içinde gelen stylesheet.css dosyasında da bulabilirsiniz.)

@font-face { font-family: 'CuprumFFU Regular'; src: url('Cuprum.eot'); src: local('CuprumFFU Regular'), local('CuprumFFU'),
url('Cuprum.svg#CuprumFFU') format('svg'),
url('Cuprum.otf') format('opentype');
}

Bu tanımlamayı yaptıktan sonra örnek olarak h1 etiketinde fontumuzu kullanalım.

h1 { font-family: 'CuprumFFU Regular', Helvetica, Arial, sans-serif;
}

Sonuç: Daha iyi bir görünüm
Sitelerinizdeki yazıların göze hitap etmesini istiyorsanız,EOT ve SVG destekli font-face’i mutlaka kullanmalısınız.

Çeşitli tarayıcılarda görünümler

Bu bildiri themeforest'in blog'unda yer alan how to achieve cross browser font face support yazısından derlenerek yazılmıştır.

Çeşitli Font Çeviriciler

İlginizi çekebilecek yazılar

Beni takip edin
basarozcan: RSS, Twitter, FriendFeed

ilgili yazılar

tüm tarayıcılara uyumlu yan sanayi css3 ürünleri (0)

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

inkscape tasarım dersleri

bakiyyebemolu — Mon, 20 Jul 2009 13:16:00 GMT

henüz kullanımı yeterince yaygınlaşmasa da inkscape tasarımda yararlandığım yegane program. çalışırken biraz ağır olması, illustrator kadar kaynağı olmaması ve bu programın da dosya türlerini desteklememesi en zayıf yönleri ama yine de basit kullanımı ve kolay öğrenilebilirliği bence onu ileride iyi bir yere getirecek. eğer bu programı kullanıyor ya da ilgi duyuyorsanız onunla neler yapılabileceğinize dair işe yarar dersler:

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

ücretsiz vektör paketleri

bakiyyebemolu — Sun, 12 Oct 2008 11:15:00 GMT

vektör grafik kaynağı, ücretsiz vektörel grafikler, Vektörel grafikler, Vector Beauty gibi yazılarda vektör kaynağı olan sitelerden bahsedilmişti. bunlara benzer bir kaynak da free-vectors.

siteden paketler halinde vektörler indirebilirsiniz. ai ve eps formatlarındaki vektörleri vectormagic ile farklı formatlara çevirme imkanınız da var. biraz daha kaynak istiyorum diyorsanız şurada da bir yazı mevcut.

ilgili yazılar

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

Adobe Illustrator için açıklamalı 26 kısayol

AntiHumanIST — Mon, 11 Aug 2008 14:55:00 GMT

Adobe illustrator kullanmak gerçekten çok zevklidir. vektörel çalışmaya imkan tanıyan Adobe illusrator sayesinde insanları şaşkınlığa düşürecek çalışmalara imza atmanız gayet makul bir durumdur. peki Böylesine güzel bir programı kısayollarıyla kullanmayı denediniz mi? Aşağıda size 26 açıklamalı kısayolu* sunuyorum. ama şunu söylemeliyim açıklamalar mac illustratör cs3 için, eğer pc kullanıcısı iseniz Cmd= Ctrl ve Opt=Alt değişkenleri işinize yarar.

Bakalım şu kısa yollar nasılmış,

1.birimi değiştirmek

uzunluk birimini değiştirmeniz için cetvelin üzerinde seçim yapıp dilediğiniz birimi seçin.

2.bir nesneyi çoğaltmak

nesnseyi seçin ve option tuşuna basılı tutarken sürükleyip bırakın. eğer bu işlemin ardından Cmd + D (Transform Again) yaparsanız hızlıca nesneleri çoğaltabilirsiniz.

3.araç özelliklerini aktifleştirme

bunun için aracınızı seçtikten sonra entere basmanız ya da seçili araç üzerinde çüft tıklamanız yeterli.

4.istediğiniz boyutta bir şekil çizmek

çizeceğiniz geometrik şeklin boyutlarını belirlemek için herhangi bir şekil aracını seçtikten sonra, alan üzerinde istenilen noktaya tek tıklamanız size çizmek istediğiniz şeklin özelliklerini girebileceğiniz pencereyi açacaktır.

5.fare ile zoom in/zoom out

option tuşuna basılı halde farenizin tekerleğini ileri geri oynatarak nesnelere yakınlaşabilir,uzaklaşabilirsiniz.

6.mevcut gradient rengini değiştirmek

gradientte seçili rengi değiştirmek için gradient renk noktasını seçtikten sonra option tuşuna basılı tutarak renk paletinden istediğiniz rengi seçiniz.

7.renk profilini seçmek

shift tuşuna basılı tutarken renk barından bir nolta seçin.böylece Grayscale, RGB, HSB, CMYK, Web Safe RGB renk profillerinin seçimine ulaşırsınız.

8.layer(katman) saydamlığı

Cmd + saydamlık ikonu = görüntüleme moduna geçer (Outline/Preview)
Opt + saydamlık ikonu = diğer layerleri saklar (Opt + tekrar tıklamak tamamını gösterir)
saydamlık ikonu & sürükle = çoklu layera geçer.

9.yeni layer açmak

Cmd + L = yeni layer açar
Cmd + Opt + L = özellikleriyle birlikte yeni bir layer açar

10.layer üzerindeki tüm nesneleri seçmek

özel bir layerdaki tüm nesneleri seçmek için option tuşuna basılı tutarken layer ismine tıklayın.

11.live paint rengini seçmek

live paint aracını seçtikten sonra renk paletinden bir renk seçin ve yön tuşlarıyla istediğiniz renge karar verin.

12.dolgu ve sınır rengii belirlemek

D = varsayılan renk (beyaz dolgu & siyah sınır)
X = dolgu ve sınır rengi arasında geçiş
Shift + X = dolgu ve sınır rengini değiştirmek
/ = yok (transparan)
< = renk doldur
> = Gradient doldur

13.renge doygunluk vermek

Cmd'ye basılı tutarak renk işaretçisini renklerin doygunlugunu ayaralayabilirsiniz.

14.alan değerini arttırmak/azaltmak

herhangi bir giriş alanını seçtikten sonra yukarı ve aşağı tuşlarıyla alan değerini değiştirin.

15.kalem ya da fırça yolunu tamamlamak

bir kalem ya da fırça yolunu(çizgisini) kapatmak için çizgiyi bitirmeye yakın Option tuşunu basılı tutun.

16. kenar eklemek/çıkarmak

yıldız aracıyla alana tıkladıkdan sonra fareyi bırakmadan yukarı ve aşağı tuşlarıyla bu işlemi gerçekleştirin. ayrıca bu kısayolu Arc, Spiral, Rectangle Grid, Polar Grid, Polygon ve Flare aracı için de kullanabilirsiniz.

17.iç yarıçapı değiştirmek

yıldız aracıyla alana tıkladıkdan sonra fareyi bırakmadan Cmd tuşuna basılı tutup sürükleyerek yıldızın iç yarıçapını değiştirebilirsiniz. Bunu spiral aracı için de kullanmak mümkün.

18.fare ile devamlı çoğalan şekiller çizmek

herhangi bir şekil aracını seçin.Tilde (~) tuşuna basılı tutarken sürükleyerek farenin hareketi ile çoğalan şekiller elde edersiniz. karmaşık ve eğlenceli şekiller yaratmak için güzel bir yol.

19.düz kenarlı yıldız çizmek

Option tuşuna basılı tutarak kenarları düz yıldızlar çizebilirsiniz.

20.nesneleri açmak/kapamak
Cmd + 2 = seçili nesne(leri) kapat
Cmd + Opt + Shift + 2 = seçilmeyen tüm nesneleri kapat
Cmd + Opt + 2 = tamamını kapat

21. move ve selection aracları arasında seçim yapmak

Cmd + Opt + Tab = Move ve Direct Selection araçları arsında seçim yap
Option (Direct Selection Tool seçili) = Group Selection aracına geç.

22.nesneleri göstermek/saklamak
Cmd + Opt + Shift + 3 = seçilmeyen tüm nesneleri sakla
Cmd + Opt + 3 = bütün nesneleri göster

23.eyedropper - resimden renk seçmek

gradient ya da resim üzerindeki bir rengi seçmek için eyedropper aracı seçili iken shift tuşuna basılı tutarak resim üzerinde seçmek istediğiniz renge tıklayın.

24. guide(rehber-referans) yapmak/kaldırmak

Cmd + 5 = seçilen objeyi guide a çevir
Cmd + Shift + guide a çift tıklama = guide ı kaldır

25.yazı üzerinde değişiklikler yapmak
Cmd + Shift + > veya < = yazı boyutunu büyült/küçült
Opt + Up veya Down = başharfi büyült/küçült (Increase/decrease leading)
Opt + Left or Right = karakter çiftlerini sıkıştır(Increase/decrease kerning or tracking)
Cmd + Opt + Q = karakter çiftlerinin değişimini başlangıca(sıfıra) göre ayarla(Reset kerning/tracking to zero)

26.yeni dolgu ve sınır eklemek

Cmd + / = yeni dolgu ekle
Cmd + Opt + / = yeni sınır ekle

*Önce 26 kısayolu resimleri ve açıklamalarıyla yazmak zor geldi ama işi düzgün yapmak ve belki bir başvuru kaynağı sunabilmek açısından buna katlandım.umarım sizleri memnun etmişimdir.

kaynak: webdesignerwall

ilgili yazılar

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

vektörel dünya haritaları

AntiHumanIST — Sat, 05 Jul 2008 08:13:00 GMT

vektör paylaşımlarının çok fazla olmadığı bildirgeç'te elime geçen dünya haritaları kaynağını paylaşmak istedim. projelerinizde rahatlıkla kullanabileceğiniz 11 farklı dünya haritasını sunuyorum.
işte 11 güzel vektör harita:

1.güzel renkleriyle sade bir harita

2.Ülkeleri de gösteren bir harita

3.svg formatında bir harita

4.ülkeleri seçebileceğiniz detaylı bir vektör harita

5.siyah beyaz klasik bir harita

6.ülke isimleriyle güzel bir harita

7.ülkeleri de gösteren eps formatında bir harita

8.dijital bir görüntülü bir harita

9.noktalardan oluşan bir harita

10.değişik bir çalışma

11.tek renk bir harita

ilgili yazılar

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

Yahoo geliştiricilerinden grafiksel şablonlar

filezza — Mon, 30 Jun 2008 09:10:00 GMT

Yahoo Developer Design Stencil Kit

Yahoo geliştiricileri, "Design Stencil Kit" ismi altında, OmniGraffle, Visio (XML), PDF, PNG, SVG uzantılı, grafiksel şablonları, ücretsiz olarak dağıtmaya başlamışlar.

Paketin isminin sonuna 1 rakamını eklemişler, galiba devamı gelecek ve geliştirilmeye devam edilecek.

Bunların içerisinde neler mi var?

Takvimler
Haritalar
Tablolar
Kontrol Öğeleri
Form Öğeleri
Menü ve Butonlar
Mobil Telefonlar
OS Window Öğeleri
ve dahası...

İndirmek için aşağıdaki linkleri kullanabilirsiniz.

OmniGraffle

Visio (XML)

PDF

PNG

SVG

Yahoo "Design Stencil Kit" sayfasına gitmek için buraya tıklayın.

ilgili yazılar

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

ücretsiz vektörel grafikler

bakiyyebemolu — Wed, 28 May 2008 05:05:00 GMT

CoolVectors vektör grafikler edinebileceğiniz ücretsiz bir kaynak. çeşitli kategorilerde birçok paket mevcut. dilerseniz siz de çalışmalarınızı siteye gönderebiliyorsunuz.

ilgili yazılar

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