Web Sitesi Tasarım Araçları Nedir?
Web Sitesi Tasarım Araçları Nedir?
Web tasarım ‘ını meslek olarak tercih etmek isteyen genç arkadaşlara yol göstermek ve yeni tasarımcıların da kullanabileceği ergonomik ve oldukça yararlı olan araçları sizler için bu yazımızda paylaşmak istedik. Çoğu zaman fazlaca şahıs tarafınca sevilerek kullanılan, yararlı olduğu bilinmekte olan ve bunun yanında sizin de 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 fazlaca parasız yazılımın bulunacağı bu içeriğimizde ne olursa olsun işinize yarayacak araçlar bulacaksınız. Isterseniz derhal başlamış olalım.
Psd dosyasını Html ve CSS e döken parasız online araçlar
1- http://www.psdtoweb.de 800 Megabayta kadar olan PSD dosyalarını online olarak parasız CSS ve HTML ye çevirebilen bir araçtır.
2- http://css3ps.com/ ,Bu adresten indireceğiniz Photoshop eklentisi ile PSD den HTML ve CSS çevirmesini yapabilirsiniz.
3-Adobe Air eklentisi ile çalışan http://psdbreaker.com/psdbreaker.air uygulaması yardımıyla Photoshopta düzenlediğiniz internet sayfalarını hiçbir programlama bilgisine haiz olmanıza gerek olmadan Xhtml ve CSS dönüştürme işlemini gerçekleştirebilirsiniz.
Genel web tasarım araçları
1- Notepad++
Küçücük 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.
2- Online renk yönetim ve renk uyum aracı
Meydana getirilen internet sayfası tasarımlarında renk uyumu için kullanabileceğiniz bir sistemdir. Hangi rengin hangi renk yoğunluğu ile uyumlu bulunduğunu ve bu renklerin Rgb , Cmyk kodlarını alabileceğiniz minik fakat fazlaca kullanışlı araçlar içinde yer verilmiştir.
3- HTML Entity Character Lookup
Karakterlerin, sayıların tamamının HTML karşılıklarını bulmanızı elde eden araçtır. Bu sayede dil kodlamasında sorun yaşadığınız harflerin html karşılıklarını yazarak bu problemi çözebilirsiniz.
4- Firefox Web yöneticisi eklentisi
Web Developer – Get this Extension for ? Firefox (en-US)
Download Web Developer for Firefox. The Web Developer extension adds various web developer tools to the browser.
Web developer tool bir firefox eklentisidir. Firefox içinde css ve html ile ilgili ve kodlarla ilgili bir fazlaca işlevi kolay ve süratli şekilde yerine getirir.
5- Resimdeki yazının fontunu bulma aracı
WhatTheFont | MyFonts’ AI-Powered Font Finder
www.myfonts.com
Bu online vasıta yardımıyla her hangi bir görseli internet sayfasına upload ederek o resmin içindeki yazı fontun ne işe yaradığını kolaylıkla öğrenebilirsiniz. Bu sayede grafiklerde kullanılan fontları kolaylıkla tespit edebilir ve kullanabilirsiniz.
6- Css framework
Blueprint: A CSS Framework | Spend your time innovating, not replicating
The official homepage for Blueprint, the original CSS framework. Also known as Blueprint CSS.
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 güvence veririz ki fazlaca işinize yarayacak bir araçtır.
7- Typetester
Design beautiful typography with Typetester
Typetester is an online tool for designing with web fonts.
Özetlemek gerekirse 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 iyi mi durduğunu fazlaca fazla vakit harcamadan kolayca kontrol etmenize yarıyor.
8- Em Calculator
Css siteler tasarlarken ölçeklerle ilgili size destek olacak minik fakat yaşam kurtaran bir araçtır.
9- Zopim parasız online destek yazılımı
Tamamı ile parasız web siteniz üstünden online destek hizmeti vermenizi sağlamakta olan ustalaşmış bir yazılımdır. Web üstünden resmen alan kişi hizmetlerini interaktif olarak sunabilme olanağı veren bu online yardım masası yazılımı tamamen parasızdır.