bass js

bass js

Webdesign
Framework

Webdesign
Framework

Webdesign, SEO-Optimierung, UX-Design.

Web design, SEO optimization, UX design.

bass js code & design - copyright© ob-d.com

bass js code & design - copyright© ob-d.com

Das kleine Framework bass js benötigt keinen eigenen Compiler oder Kodesprache sondern ist aufgebaut auf Typescript und scss.

The small framework bass js does not need its own compiler or code language but it is built on Typescript and scss instead.

Features

Features

  • Highspeed
  • 100% SEO
  • Dark mode
  • Sprach-Übersetzung
  • PWA Webapp Ready
  • Top Level settings
  • Layout System
  • Highspeed
  • 100% SEO
  • Dark mode
  • Translation
  • PWA webapp ready
  • Top Level settings
  • Layout System

System

System

  • Typescript
  • Top Level settings
  • scss theming
  • scss algorythmic layout
  • HTML
  • Quellkode kontrolle
  • css3 Grid System
  • Typescript
  • Top level settings
  • scss theming
  • scss algorythmic layout
  • HTML
  • Code source control
  • css3 Grid System

Highspeed

Highspeed

HTML Javascript und css

HTML Javascript and css

Leistungs optimiertes Framework

Performance optimized framework

Warum bass js

Why bass js

  • Leistungs optimiert
  • 100% SEO
  • Sektions Layout Einstellungen
  • Theming Einstellungen
  • System Kode Update Technologie
  • Keine Webserver-Installation erforderlich
  • Keine Kodesprachen-Updates erforderlich
  • Performance optimized
  • 100% SEO
  • Section Layout Settings
  • Theming Settings
  • System Code Update Technology
  • No web server installation required
  • No code language updates required

Layout System

Layout System

  • 25 doppel oder 50 einzel Sektionen
  • 12 Kolumnen Seitenlayout
  • Innere Sektion platzieren
  • Überfliessende Sektion Pos./Neg.
  • KEINE NEGATIVE MARGIN
  • Farb-Einstellungen für jede Sektion
  • css3 Grid System
  • 25 double or 50 single sections
  • 12 columns page layout
  • Place inner section
  • Section overflow Pos./Neg.
  • NO NEGATIVE MARGIN
  • Color settings for every section
  • css3 Grid System

scss theming

scss theming

Objekt basiertes Design

Object based design

Alle wichtigen Styles und theming Styles sind als Einstellungen in einem Top-Level Dokument angelegt.

All important styles and theming styles are pulled as settings into a top-level document.

Das grundlegende scss styling ist in zwei Gruppen aufgeteilt.

The basic scss styling is divided into two groups.

css Reset

css reset

  • Text styles
  • Image, Video
  • Iframe
  • Form, Input
  • Button, Link
  • Global styles
  • Text styles
  • Image, video
  • iframe
  • Form, input
  • Button, link
  • Global styles

scss Module

scss modules

  • Karten 4-2-1
    • Bild, Icon, Text
    • Video, Iframe
  • Tabellen
  • Collapsible
  • Image view
  • Cards 4-2-1
    • Image, icon, text
    • Video, iframe
  • Tables
  • Collapsible
  • Image view