2016-07-10 10 views
5

Najczęściej komponenty JavaScript w konkretnym środowisku front-end przynoszą korzyści dla ludzi. Nie muszą pisać żadnego innego kodu dla tych wtyczek (takich jak selektor datetime). Jednak większość tych frameworków ma zależność od innej biblioteki javascript, na przykład jQuery. To znaczy, potrzebuję zewnętrznego kodu JavaScript dla stylu.Framework CSS bez JavaScriptu

Dla mojej myśli, zawsze czuję, że "styl to styl". Miałem na myśli czystą strukturę CSS bez JavaScript. Ta struktura powinna nadawać style podstawowym elementom html (div, input, select, table itd.) I pozwala nam samodzielnie dostosowywać inne komponenty.

W tym samym czasie, ponieważ niektórzy użytkownicy mojej aplikacji nadal używają IE9, oczekuję, że "framework" będzie dobrze kompatybilny z przeglądarką i responsywny projekt dla najnowszych przeglądarek.

Z góry dziękuję za wszelkie sugestie. :)

+0

Dlaczego nie bootstrap? Obsługuje również IE9. –

+0

Nie widzę, dlaczego ludzie głosowali na to. Dla mnie jest to rozsądne pytanie, do którego również chciałbym wysłuchać sugestii. –

+0

@ERIK_SON Jestem również zdezorientowany z powodu nieudanego głosowania. Dziękuję za wsparcie. –

Odpowiedz

-4

Najbardziej znana: http://getbootstrap.com/ (z małej wtyczki JS dla alertów & interaktywność)

coś mniejszego śladu: http://purecss.io/

+0

Pytanie było "bez javascript". Projektuję stronę .onion i dla tych javascript jest zawsze wyłączona, więc struktura tylko do CSS jest bardzo dobra, aby mieć –

+0

JavaScript jest opcjonalny dla Bootstrap (wiele komponentów nie będzie działało bez niego, ale strona internetowa Bootstrapa wylicza, które te i możesz uniknąć tych konkretnych składników). Nieco nieuczciwe głosowanie na ten głos, ponieważ technicznie można go wykorzystać jako framework CSS do samodzielnego tworzenia responsywnej witryny. –

7

W marcu 2017 jedynych wolnych javascript ram CSS znam od:

Bulma

Spectre

Milligram

Są schematu flexbox oparty więc jeśli wsparcie IE9 jest jednym z twoich obaw może trzeba użyć innego rozwiązania do siatek/układ lub toczyć własną rękę.

+0

[Picnic CSS] (https://picnicss.com/) wydaje mi się kolejną przyzwoitą opcją. Jest to niedawno przyjęty flexbox dla swojej sieci, a więc teraz także IE11. (Chociaż wszystkie inne komponenty nadal mogą obsługiwać nawet IE8/9, ponieważ README.md nadal twierdzi, ["** Wsparcie **: IE 9+ i inne. Nie ma wyszukanego CSS3 na IE 8."] (https://github.com/franciscop/piknik # korzyści).) –

1

Wypróbuj Surface. Zapewnia styl Material Design oraz animowane komponenty przy użyciu tylko CSS i waży tylko 30KB.

0

Mam propozycję dla ram CSS, opcja poniżej: 1. picnic css 2. min css 3. pure css 4. miligram lub może być może używasz amphtml

+0

Czy możesz dodać niektóre elementy do swojej odpowiedzi, a nie tylko linki?Dziękuję – Allan

+0

jest wiele wyjaśnień z zaletami, których nie da się wyjaśnić, pisząc tutaj, ale po prostu klikając na nie –