Mein responsives Sass Grid

Mein responsives Sass Grid | PSD-Tutorials.de

Erstellt von afr0kalypse, 05.12.2016.

  1. afr0kalypse

    afr0kalypse Allwissendes Karmameerschweinchen!

    Dabei seit:
    09.11.2005
    Beiträge:
    821
    Geschlecht:
    männlich
    Ort:
    Mi Casa
    Software:
    paint, notepad++
    Kameratyp:
    Canon EOS 40d
    Mein responsives Sass Grid
    Hi zusammen!
    Ich habe mich mal wieder an eines meiner nie endenden Projekte gemacht. Seit längerer Zeit arbeite ich immer wieder mal an einem eigenen Grid. Und ich denke, dass ich nun soweit bin, es mal auf die Welt loszulassen :D

    Gebaut habe ich ein dynamisches, responsives, mobile-first Grid. Gebaut habe ich es mit Grunt, einigen CSS Tasks und Sass. Falls sich jetzt jemand fragt: "Warum noch ein Grid?"
    1. Weil ich's kann :D
    2. Ich habe in letzter Zeit das Gefühl, dass alle nur noch auf Frontend Frameworks, Single Page Apps und viel Schnickschnack Wert legen und dabei vergessen, dass es auch lahme Krücken-Devices, schlechte Latenzen und langsame Bandbreiten gibt. Und weil ich dem Endnutzer nicht immer 2-3 MB an Daten zukommen lassen möchte, sondern lieber mit wenig Datenvolumen auf meiner Seite auskommen möchte, verzichte ich lieber auf große Frameworks.
    So ein Grid ist aber trotzdem sinnvoll. Und meins kommt bisher mit unter 2kb. Ich denke das ist ganz ok :)

    Nun seid Ihr gefragt!
    Ich würde mich sehr freuen, wenn jemand das mal testet oder gar produktiv einsetzt. Wenn Ihr Fehler findet, dann immer her damit, ich versuche das Beste draus zu machen.
    Ihr findet es auf meinem GitHub Account: https://github.com/Der-Alex/Responsive-Sass-Grid
    Eine aktuelle Beispielseite findet ihr auf: https://der-alex.github.io/
    Aktuelles und derzeit erstes Release ist die Version 0.3.
    Das Grid kann schon Media Queries, variabele Spaltenanzahl, Push und Pull auf großen Layouts und Nesting (was meiner Meinung nach die wichtigsten Funktionen sind).
    Ansonsten kommt es komplett ohne Design oder sonstwas aus. Eben so schlank wie möglich.
    Ich freue mich auf euer Feedback :)
     
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

  3. Maglaer

    Maglaer CodeMePhotoshop

    Dabei seit:
    07.10.2016
    Beiträge:
    16
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    Phtotoshop CC, GIMP 2.9, Photoshop und GIMP Erweiterung Installer
    Kameratyp:
    Spiegelreflex Nikon und Canon
    Mein responsives Sass Grid
    Von der Idee und dem Konzept finde ich es gut, aber Du könntest Lorem Ipsum Texte und Bspbilder vorerst nutzen....
     
    #2      
Seobility SEO Tool
x
×
×