MENU

7 Farklı Online Html/Css/jQuery Editör Uygulaması

Anasayfa » Bilgi » 7 Farklı Online Html/Css/jQuery Editör Uygulaması
7 Farklı Online Html/Css/jQuery Editör Uygulaması

Merhaba arkadaşlar. Sizler için internet üzerinde online olarak kullanabileceğimiz editörleri listeledim. Başlıkta jQuery yerine javascript yazmalıydım ama ben jquery yazmayı tercih ettim bilginize sonra bakın cahile demeyin :)

http://3.bp.blogspot.com/-zPXNPKhilhs/USEq-498D1I/AAAAAAAAQGg/-CIjnfMtHew/s1600/online-jquery-html-css-editor.png

JSFiddle

jQuery, Yui, Motools gibi bir çok kütüphane ekli hangi kütüphane ile çalışacaksanız seçmeniz yeterli. HTML / Javacript / Css kodları girebileceğiniz online editör sitesi. Ayrıca yaptıklarınızı çalıştırıp sonuçlarını görebilir sitenizede ekleyebilirsiniz.

http://3.bp.blogspot.com/-fZaWwz4AzSE/USErNPFsnrI/AAAAAAAAQGo/UQuLRjJMzuw/s1600/JSFiddle.png

CodePen

Buda JSFiddle ile aynı işi gören ancak ana sayfasında bazı populer tasarımları kodlamaları paylaşıyor.

http://2.bp.blogspot.com/-kyMBFPdGmXw/USEsHJAK30I/AAAAAAAAQGw/MbjXStzbPTI/s1600/codepen.png

CSS Deck

Tasarım olarak biraz daha iyi olan bir site editörlerin makalelerini ana sayfada görebiliyorsunuz.  Sol kısımdan “New” butonuna basarak kodlamaya başlayabilirsiniz.

http://3.bp.blogspot.com/-33csgml9FLQ/USEseYPtjxI/AAAAAAAAQG4/fRZfCd8TybI/s1600/css-deck.png

JS Bin

Farklı bir online uygulama daha ancak bunun diğerlerine göre farklı hem sade olması hemde consol olmasıdır. Javascript kodlarınızın çalışıp çalışmadığınızı hatalardan anlayabilirsiniz.

http://4.bp.blogspot.com/-emU2lyCigcw/USEudCHQTkI/AAAAAAAAQHA/74NY--8Rl3Y/s1600/js-bin.png

Dabblet

Biraz daha esnek kod üzerine geldiğinizde rengini vs. gösteriyor gene aynı tarz bir uygulama.

http://2.bp.blogspot.com/-1SBLkPtqJi8/USEuib8PLRI/AAAAAAAAQHI/SdAqPRFtKs0/s1600/dabbet.png

Tinkerbin

Tasarım olarak en güzeli bu tabi bu benim görüşüm sizinki diğerlerinden biri olabilir gene aynı işi yapan bir uygulama.

http://3.bp.blogspot.com/-Gcax9qBO29U/USEunvKRBoI/AAAAAAAAQHQ/38TjkcMKPlw/s1600/online-editor-uygulamasi-rooteto+(7).png

Liveweave

Bundada kütüphaneler yüklü ve yüklü kütüphaneyi ekleyerek çalışma yapabiliyorsunuz. Kodlama yapınızı dikey değilde yatay bir şekilde yapabiliyorsunuz.

http://4.bp.blogspot.com/-RoXHlktzmh0/USEusbIkSCI/AAAAAAAAQHY/YMk2r4k90m4/s1600/online-editor-uygulamasi-rooteto+(6).png

Rooteto Teknoloji Blogu

Rooteto WordPress, Sosyal Medya, Teknoloji, HD Resimler ve Video paylaşımında bulunan bağımsız olarak çalışan online haber teknoloji sitesidir.

Yaklaşık 1 Milyondan fazla tekil aylık ziyaretci ile Rooteto'yu büyük yapan teknoloji topluluklarıdır. 2009 yılında kurulan Rooteto'nun genel merkez ofisi İzmir / Bornova'dadır.