CSS-rammer

Bootstrap

Bootstrap er en meget populær CSS-ramme, der er meget brugt. Tjek denne artikel for en mere detaljeret vejledning.

Semantisk brugergrænseflade

Semantic UI er en af ​​de mest populære CSS-rammer til udvikling af responsive, mobile første projekter til internettet.

Kom godt i gang

Her er en simpel HTML-skabelon, der inkluderer den nyeste kompilerede og formindskede CSS og Javascript til Semantic UI-biblioteket. Vi har brugt en CDN i dette eksempel, men du kan tjekke andre måder at installere Semantic UI her.

      Semantic UI Template    

Hello World

Læringsressourcer

  • Den officielle dokumentation for Semantic UI er tilgængelig her.
  • Tjek Semantic UI's open source GitHub-lager her.

Skelet

Skelet er en død simpel kedelplade til at starte ethvert responsivt projekt.

Kom godt i gang

Her er en simpel HTML-skabelon, som inkluderer den seneste kompilerede og minificerede CSS til Skeleton-biblioteket.

      Skeleton Template      

Hello World

JSBin Demo

Vi har brugt en CDN i dette eksempel, men du kan tjekke andre måder at installere Skeleton her på.

Læringsressourcer

Official Documentation af skelet.

  • Checkout Skeletons open source GitHub-lager her.
  • Her er nogle eksempler på, hvordan Skeleton blev brugt på forskellige websteder.

Materialiser

Materialize er en responsiv CSS-ramme baseret på Googles Material Design Language.

Kom godt i gang

Her er en simpel HTML-skabelon, der inkluderer den nyeste kompilerede og formindskede CSS og Javascript til materialiseringsbiblioteket.

Hello World!

Vi har brugt en CDN i dette eksempel, men du kan tjekke andre måder at installere Materialize på her.

Læringsressourcer

  • Den officielle dokumentation for Materialize er tilgængelig her.
  • Checkout Materialize's open source GitHub-lager her.
  • Her er en praktisk vejledning i brug af Materialize.

UIKit

UIKit er en let og modulær frontend-ramme til udvikling af hurtige og kraftfulde webgrænseflader.

Kom godt i gang

Her er en simpel HTML-skabelon, der inkluderer den seneste kompilerede og minificerede CSS til UIKit-biblioteket.

Vi har brugt en CDN i dette eksempel, men du kan tjekke andre måder at installere UIKit her.

Læringsressourcer

  • Den officielle dokumentation for UIKit er tilgængelig her.
  • Tjek UIKits open source GitHub-lager her.

Fundament

Foundation er en open source, mobil første CSS-ramme oprettet af Zurb.

Kom godt i gang

Her er en simpel HTML-skabelon, der inkluderer den seneste kompilerede og minificerede CSS og Javascript til Foundation-biblioteket.

      Foundation Template    

Hello World

Dette eksempel gør brug af et CDN, der indlæser standardindstillingerne. Hvis du gerne vil tilpasse gitterlayoutet, skal du ændre farverne eller tilføje og fjerne komponenter, du kan gøre på Foundation download-siden.

Læringsressourcer

  1. Grundlæggende dokumentation
  2. Liste over Foundation Tutorials
  3. Foundation kildefiler på GitHub
  4. DevTips YouTube-serie om Foundation Grid

Andre oplysninger om CSS-rammer:

  • Bulma
  • Bootstrap
  • Bedste eksempler på bootstrap