• Register
- academy algorithms and android app arrays asp bgcoder c c# c#-fundamentals c#-курс cloud cms code console course css css3 data database databases design development dice dom error exam expressions front-end-course game google help homework html html-basics-course html5 java javascript javascript-applications jquery js less linux microsoft mobile mvc mysql net online oop operators photoshop php problem programming qa question 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
408 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,550 points)
Колегата @vlad0 е прав!

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