Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

CzareK

Lista 15+ frameworków CSS

Promowane odpowiedzi

CzareK    4,490

1. Milligram - A minimalist CSS framework.

http://milligram.github.io/

2. Assemble.css - A Configurable Front-End Framework.

http://assemblecss.com/

3. Stylistic - A bootstrap inspired CSS framework written in Stylus.

https://github.com/MarginZero/Stylistic

4. BlazeCSS - Open Source CSS Framework.

https://github.com/BlazeCSS/blaze

5. Feather CSS framework - Feather is a minimal CSS framework.

https://github.com/stfnk/feather

6. Cascade Framework - Putting back the C in CSS.

http://www.cascade-framework.com/

7. Baseguide - CSS Framework.

http://basegui.de/

8. Stab CSS Framework - Framework CSS Responsivo.

http://stab.caiokawasaki.com/

9. Siimple - Minimal CSS framework for flat and clean designs.

https://siimple.github.io/

10. Minithematiq - A minimalist, themable CSS framework.

http://pmdesgn.github.io/minithematiq/

11. Sky UX - A user experience framework for building web applications that leverage Blackbaud’s Sky UX patterns.

http://skyux.developer.blackbaud.com/

12. Bodoke CSS - Bodoke is a CSS/SCSS Front-end Framework created for supporting multiple grids in a single project. With a minimum of design, it's visually clean from the scratch ready to be designed with your own identity.

https://github.com/dmmarmol/bodokecss

13. Locaweb Style - A framework with CSS and JS patterns to build products admin interface.

https://github.com/locaweb/locawebstyle

14. Agile CSS - Toolkit CSS.

http://css.agiletoolkit.org/

15. Responsive Cat - CSS Micro framework.

http://www.responsivecat.com/

16. Kube CSS Framework - Introducing new Kube, evolution of a CSS framework for professional designers and developers.

https://imperavi.com/kube/

Lista będzie na bieżąco aktualizowana.

  • Lubię to! 4

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Podobna zawartość

    • Przez Bartek Huza
      Witam! Ostatnio siedziałem przed jednym wyzwaniem, mianowicie nad zrobieniem wysuwanego menu. Udało mi się je skończyć tylko nie działa poprawnie na stronie głównej oraz scrollUp pojawia się gdy scrolluje w dół podczas gdy menu jest wysunięte. Nie wiem jak to naprawić, używałem do tego css, javascript, jquery. Wysyłam pliki, z góry dzięki za pomoc.
       
      index.html


      style.css
      stylewpis.css
      img.css
      code.js
      jquery.scrollTo.min.js
      show-nav.js
    • Przez Salva
      W tym artykule poznasz 7 złych praktyk, których musisz unikać podczas pisania stylów CSS. Obok złych praktyk umieszczone są również ich przeciwieństwa - dobre praktyki. Dzięki temu możesz natychmiast poprawić jakość Twojego kodu.
      Nadużywanie deklaracji !important
      Opisywanie stylów w nazwach selektorów
      Powiązanie selektorów ze strukturą HTML
      Pisanie długich selektorów
      Ignorowanie kolejności elementów HTML
      Ignorowanie specyficzności w kolejności selektorów
      Używanie stylów inline
       
      Źródło i więcej informacji: https://devcorner.pl/zle-praktyki-css-ktorych-musisz-unikac/
    • Gość
      Przez Gość

       
      Przejdź do:
      Panel administracyjny  Użytkownicy  Grupy użytkowników  Zarządzanie grupami użytkowników
       
      Edytuj wybraną grupę, wyczyść pole Obrazek grupy, do pola Prefix grupy wpisz:
      <span class='defaultGroup admin'> a do pola Sufiks grupy:
      </span>
       
      Następnie do ipb_styles.css dodaj:
      /* Grupy */ ul.basic_info .defaultGroup { border-radius: 2px; color: #fff; display: inline-block; font-weight: 500; letter-spacing: 0; padding: 0 15px; text-shadow: none; vertical-align: middle; font-size: 12px; height: 30px; line-height: 30px; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset; } ul.basic_info .admin { background-color: #c75050; } ul.basic_info .admin:before { content: "\f005"; font-family: 'FontAwesome'; margin-right: 3px; }  
      Jeżeli nie chcemy gwiazdki przed nazwą grupy to należy usunąć z kodu .CSS (ipb_styles.css) klasę .admin:before
       
      Instrukcja dla wersji IPS 4  
      Kod rangi został napisany przez @CzareK  
    • Przez Trele Morele
      Rangi użytkowników w CSS
      Przejdź do:
      ACP Strona główna ->  Style -> (Twój styl) -> twojaklasa.css   
      (polecam dodać to do css3.css lub stworzyć nową)
      Następnie na końcu dodaj kod css:
      .gid-x { background-color: #3366FF; color: #fff; display: inline-block; height: 15px; line-height: 15px; padding: 3px 5px; border-radius: 3px; font-size: 10px; } gdzie x to ID grupy np. 4 (domyślnie jest to grupa administratora)
      ID grupy możesz sprawdzić, np. w linku edycji grupy
       

       
      Teraz przejdź do:
      Szablony » Twój szablon » opis posta » postbit_classic lub postbit (w zależności od tego jaki masz układ posta)
       
      i zamiast 
      {$post['usertitle'] <br />        
      Wstaw to:
      <div class="gid-{$post['usergroup']}">{$post['usertitle']}</div> <br />  
      Zapisz efekt powinien wyglądać następująco
       

  • Ostatnie tematy

×