Web Sitesi Tasarım Araçları Nelerdir?
Web tasarım ‘ını meslek olarak tercih etmek isteyen genç arkadaşlara yol göstermek ve yeni tasarımcıların da kullanabileceği pratik ve oldukça faydalı olan araçları sizler için bu yazımızda paylaşmak istedik Genellikle çok kişi tarafından sevilerek kullanılan, faydalı olduğu bilinmekte olan ve bunun yanında sizinde işinize yarayacağını düşündüğümüz web tasarım araçları sizlerle paylaşacağız
Bu araçların aralarında font araçları, css , grafik ile ilgili araçlar ve video düzenleme araçlarına kadar bir çok ücretsiz yazılımın bulunacağı bu içeriğimizde mutlaka işinize yarayacak araçlar bulacaksınız Dilerseniz hemen başlayalım
6Psd dosyasını Html ve CSS e döken ücretsiz online araçlar
1 http:wwwpsdtowebde 800 Megabayta kadar olan PSD dosyalarını online olarak ücretsiz CSS ve HTML ye çevirebilen bir araçtır
2 http:css3pscom ,Bu adresten indireceğiniz Photoshop eklentisi ile PSD den HTML ve CSS çevirmesini yapabilirsiniz
3Adobe Air eklentisi ile çalışan http
sdbreakercompsdbreakerair uygulaması sayesinde Photoshopta düzenlediğiniz web sitelerini hiç bir programlama bilgisine sahip olmanıza gerek olmadan Xhtml ve CSS dönüştürme işlemini gerçekleştirebilirsiniz
6Genel web tasarım araçları
51 Notepad++
Ufak tefek kod yazma ve düzeltme çalışmalarınız için kolaylıkla kullanabileceğiniz bu metin düzenleyici Windows ‘un not defteri programının daha da gelişmiş hali gibidir de diyebiliriz
52 Online renk yönetim ve renk uyum aracı
http:wwwcolorschemercomonlinehtml
Yapılan web sitesi tasarımlarında renk uyumu için kullanabileceğiniz bir sistemdir Hangi rengin hangi renk yoğunluğu ile uyumlu olduğunu ve bu renklerin Rgb , Cmyk kodlarını alabileceğiniz küçük ama çok kullanışlı araçlar arasında yer almaktadır
53 HTML Entity Character Lookup
http:leftlogiccomloungearticlesentitylookup
Karakterlerin, sayıların tamamının HTML karşılıklarını bulmanızı sağlayan araçtır Bu sayede dil kodlamasında sıkıntı yaşadığınız harflerin html karşılıklarını yazarak bu sorunu çözebilirsiniz
54 Firefox Web yöneticisi eklentisi
:addonsmozillaorgenUSfirefoxaddon60
Web developer tool bir firefox eklentisidir Firefox içinde css ve html ile ilgili ve kodlarla ilgili bir çok işlevi kolay ve hızlı şekilde yerine getirir
55 Resimdeki yazının fontunu bulma aracı
http:wwwmyfontscomWhatTheFont
Bu online araç sayesinde her hangi bir görseli web sitesine upload ederek o resmin içindeki yazı fontun ne olduğunu kolaylıkla öğrenebilirsiniz Bu sayede grafiklerde kullanılan fontları rahatlıkla tespit edebilir ve kullanabilirsiniz
56 Css framework
http:wwwblueprintcssorg
Türkçesi ile anlatmak gerekirse css alt yapısı , css çatısı olan css frameworkler css uzmanlarının işlerini oldukça kolaylaştıran bir sistemdir Blueprint css de bu imkanı sunan online bir kaynaktır CSS tasarımcısı yada css geliştiricisi iseniz garanti veririz ki çok işinize yarayacak bir araçtır
57 Typetester
http:wwwtypetesterorg
Kısaca anlatmak gerekirse font karşılaştırma sistemi diye açıklayabileceğimiz bu sistem hangi yazı fontun, hangi yazı büyüklüğünün sitenizde nasıl durduğunu çok fazla zaman harcamadan kolayca test etmenize yarıyor
58 Em Calculator
http:riddleplemcalc
Css siteler tasarlarken ölçeklerle ilgili size yardımcı olacak küçük ama hayat kurtaran bir araçtır
59 Zopim ücretsiz online destek yazılımı
Tamamı ile ücretsiz web siteniz üzerinden online destek hizmeti vermenizi sağlamakta olan profesyonel bir yazılımdır Web üzerinden resmen müşteri hizmetlerini interaktif olarak sunabilme olanağı veren bu online yardım masası yazılımı tamamen ücretsizdir
Web tasarım ‘ını meslek olarak tercih etmek isteyen genç arkadaşlara yol göstermek ve yeni tasarımcıların da kullanabileceği pratik ve oldukça faydalı olan araçları sizler için bu yazımızda paylaşmak istedik Genellikle çok kişi tarafından sevilerek kullanılan, faydalı olduğu bilinmekte olan ve bunun yanında sizinde işinize yarayacağını düşündüğümüz web tasarım araçları sizlerle paylaşacağız
Bu araçların aralarında font araçları, css , grafik ile ilgili araçlar ve video düzenleme araçlarına kadar bir çok ücretsiz yazılımın bulunacağı bu içeriğimizde mutlaka işinize yarayacak araçlar bulacaksınız Dilerseniz hemen başlayalım
6Psd dosyasını Html ve CSS e döken ücretsiz online araçlar
1 http:wwwpsdtowebde 800 Megabayta kadar olan PSD dosyalarını online olarak ücretsiz CSS ve HTML ye çevirebilen bir araçtır
2 http:css3pscom ,Bu adresten indireceğiniz Photoshop eklentisi ile PSD den HTML ve CSS çevirmesini yapabilirsiniz
3Adobe Air eklentisi ile çalışan http
sdbreakercompsdbreakerair uygulaması sayesinde Photoshopta düzenlediğiniz web sitelerini hiç bir programlama bilgisine sahip olmanıza gerek olmadan Xhtml ve CSS dönüştürme işlemini gerçekleştirebilirsiniz6Genel web tasarım araçları
51 Notepad++
Ufak tefek kod yazma ve düzeltme çalışmalarınız için kolaylıkla kullanabileceğiniz bu metin düzenleyici Windows ‘un not defteri programının daha da gelişmiş hali gibidir de diyebiliriz
52 Online renk yönetim ve renk uyum aracı
http:wwwcolorschemercomonlinehtml
Yapılan web sitesi tasarımlarında renk uyumu için kullanabileceğiniz bir sistemdir Hangi rengin hangi renk yoğunluğu ile uyumlu olduğunu ve bu renklerin Rgb , Cmyk kodlarını alabileceğiniz küçük ama çok kullanışlı araçlar arasında yer almaktadır
53 HTML Entity Character Lookup
http:leftlogiccomloungearticlesentitylookup
Karakterlerin, sayıların tamamının HTML karşılıklarını bulmanızı sağlayan araçtır Bu sayede dil kodlamasında sıkıntı yaşadığınız harflerin html karşılıklarını yazarak bu sorunu çözebilirsiniz
54 Firefox Web yöneticisi eklentisi
:addonsmozillaorgenUSfirefoxaddon60
Web developer tool bir firefox eklentisidir Firefox içinde css ve html ile ilgili ve kodlarla ilgili bir çok işlevi kolay ve hızlı şekilde yerine getirir
55 Resimdeki yazının fontunu bulma aracı
http:wwwmyfontscomWhatTheFont
Bu online araç sayesinde her hangi bir görseli web sitesine upload ederek o resmin içindeki yazı fontun ne olduğunu kolaylıkla öğrenebilirsiniz Bu sayede grafiklerde kullanılan fontları rahatlıkla tespit edebilir ve kullanabilirsiniz
56 Css framework
http:wwwblueprintcssorg
Türkçesi ile anlatmak gerekirse css alt yapısı , css çatısı olan css frameworkler css uzmanlarının işlerini oldukça kolaylaştıran bir sistemdir Blueprint css de bu imkanı sunan online bir kaynaktır CSS tasarımcısı yada css geliştiricisi iseniz garanti veririz ki çok işinize yarayacak bir araçtır
57 Typetester
http:wwwtypetesterorg
Kısaca anlatmak gerekirse font karşılaştırma sistemi diye açıklayabileceğimiz bu sistem hangi yazı fontun, hangi yazı büyüklüğünün sitenizde nasıl durduğunu çok fazla zaman harcamadan kolayca test etmenize yarıyor
58 Em Calculator
http:riddleplemcalc
Css siteler tasarlarken ölçeklerle ilgili size yardımcı olacak küçük ama hayat kurtaran bir araçtır
59 Zopim ücretsiz online destek yazılımı
Tamamı ile ücretsiz web siteniz üzerinden online destek hizmeti vermenizi sağlamakta olan profesyonel bir yazılımdır Web üzerinden resmen müşteri hizmetlerini interaktif olarak sunabilme olanağı veren bu online yardım masası yazılımı tamamen ücretsizdir