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

0

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 🙂

https://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.

https://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.

https://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.

https://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.

https://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.

https://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.

https://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.

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