• Register
- academy algorithms and android arrays asp bgcoder c c# c#-fundamentals c#-курс cloud cms code console course css css3 data database design development dice dom error exam expressions front-end-course functions game google help homework html html-basics-course html5 java javascript javascript-applications jquery js less linux methods microsoft mobile mvc mysql net online oop operators photoshop php problem programming qa question sass seo server slice software sql studio system teamwork telerik telerik-academy test ui video visual visual-studio web windows windows-8 wordpress workshop xaml администрация академия видео видео-уроци въпрос въпроси грешка данни дата домашни домашно домашното задача задачи задачи-домашно записване изпит изпити качествен-програмен-код книга кпк курс курсове лаптоп лекции лекция линукс масиви материали на обучение онлайн ооп операционни-системи основи отборна-работа оценяване подготовка помощ предложение проблем програма програмиране проект проекти работа работа-в-екип резултати сайт семинар софтуерна софтуерна-академия споделяне-на-знания срок съвети телерик тест уеб-дизайн уроци форум 1 2 3 4 5 7 8 2012 2013
Форум на академията Студентска система

[HTML + CSS online editor] Codepen vs Tinkerbin vs Dabblet vs CSSDesk vs JSFiddle vs JSBin

+3 votes
397 views

Здравейте!

Потърсих онлайн едиторите, които могат да ни бъдат от полза, защото широкоизползваният тук JSFiddle дава грешки.

Та ето и какво открих:

http://jsfiddle.net/marinkov/6VDjB/embedded/result/

http://codepen.io/joe/full/ahovr

http://tinkerbin.com/mXUKNl2y

http://result.dabblet.com/gist/4418487/186796ceebee638c46e9c464cbc5ccb0796dfec4

http://cssdesk.com/qbgZX

http://jsbin.com/icidej/1

 

Сами виждате, че резултата им е почти равен, за разлика от този на Dabblet, който според мен е най-точен.

Става въпрос, че само той центрира последният футър с css кода: 

footer:last-child {
text-align: center;
}

 
За съжаление JSFiddle го поставям на последно място заради съкратеното място между трите основни текста и футърите им.
 
EDIT: Благодарение на Georgi Yankov класацията ми претърпя обрат :)
Оказа се, че JSFiddle се нарежда на първо място заедно с Dabblet.
Просто махнете отметката на Normalized CSS на менюто в ляво.
asked Dec 31, 2012 in Front-End Development by Атанас Маринков (140 points)
edited Dec 31, 2012 by Атанас Маринков

2 Answers

+1 vote
Здравей! ;) При мен jsfiddle-a ми центрира също footer-a :) както при Dabblet. Гледам го през Chrome 23
answered Dec 31, 2012 by vlad0 Senior Ninja (27,460 points)
Колегата @vlad0 е прав!

Само ще добавя, че тествах резултата от jsfiddle-a във всички съвременни браузъри и навсякъде футърт е центриран.
А с какъв код сте го центрирали? Като моя ли?
Извинявам се, всъщност и аз го виждам центриран сега.
Но въпроса със съкратеното празно място си остава.
Естествено, не съм променял твоя код ;).
В левия панел на jsfiddle има един checkbox с името "Normalized CSS". Премахни отметката в него, натисни Run и би трябвало вече да нямаш този проблем със съкратеното празно място.
Мда, класацията претърпя обрат :)
Лично на мен много ми харесва и jsbin инструмента, като не мога да кажа кой е по-добър от двата :).
В JSBin при мен футъра отдолу не се центрира.
0 votes
Браво, че си се постарал да предоставиш различните алтернативи. За всеки продукт, който ползваме е важно да знаем, че е най-добрият в категорията си.
answered Jan 1, 2013 by AlexPopov Junior Ninja (6,470 points)
...