nano.bass js

nano.bass js

Webdesign
Framework
Tutorial

Webdesign
Framework
Tutorial

 UX-Design und SEO Optimierung für Stilvolles Web Design UX-Design and SEO Optimization for Stunning Web Design

Framework Tutorial nano.bass js

Framework Tutorial nano.bass js

 bassjs ist ein sehr leichtgewichtiges Framework, das eine Reihe von Basistilen, js Funktionen, Layoutmodulen und Theming-Stilen bereitstellt, um scalierbare Webanwendungen zu erstellen. bassjs ist mit TypeScript und SCSS erstellt worden. Information über bass js Framework: bassjs is a very lightweight framework that provides a set of base styles, utilities, layout modules and theming styles to build scalable and responsive webapps. bassjs is built with TypeScript and SCSS. Information about bass js framework:
img 7

Installation

Installation

Benötigte Software

Required Software

Der Visual Studio Code Editor ist der empfohlene Code-Editor.
Er ist kostenlos und bietet leistungsstarke Werkzeuge und Erweiterungen.

Visual studio code editor is the recommended code editor.
It is free and provides powerful tools and extensions.

Git ist auch gratis und wird benötigt um die Github Repositories lokal zu bearbeiten.

Git is also free and is necessary to edit the Github repositories locally.

Die Software fürs korrekte Betriebssystem herunter laden und installieren.
Hinweis: DenInstallationspfad nicht ändern.

Download and install the software for your operating system.
Note: Do not change the installation path.

Um nano.bassjs zu klonen, erst Git herunterladen und installieren.

To clone nano.bassjs, first download Git and follow the installation.

Vscode Extension tab öffnen und nach "live server" suchen, danach installieren.

Open Vscode Extension tab and search for "live server", then install it.

Vscode Extension tab öffnen und nach "live sass compiler" von Glenn Marks suchen, danach installieren.

Open Vscode Extension tab and search for "live sass compiler" by Glenn Marks, then install it.

Typscript compiler von Microsoft nach Anleitung installieren.

Install Typscript compiler from Microsoft according to instructions.

Schließlich nano.bassjs Framework-Tutorial klonen und installieren.

Finally clone and install nano.bassjs framework tutorial.

Oder direkt im Vscode neues Terminal öffnen und ein gültige Github-Repository-Adresse eingeben um zu klonen.

Or Vscode open new terminal and enter a valid Github repository address to clone from.
git clone https://github.com/susilogic/nano.bassjs.Git

Jetzt die Eingabetaste drücken, einen Ordnerauswählen, bestätigen und danach warten bis der Download und das Klonen abgeschlossen sind.

Now hit enter, choose a folder, press enter and wait until download and cloning are complete.

Im Vscode Editor Liveserver Icons unten rechts clicken um den live-server und den live-sass-compiler zu starten/stoppen.

Inside vscode editor click the Vscode live server icons in the lower right corner to start/stop the live-server and the live-sass-compiler.

Falls es bei einer Installation zu Komplikationen kommt, dann die entsprechende Documentation im Internet suchen unter Suchmachinen wie google.com und nie vergessen: "Google was your best friend".

If there are complications during an installation, then search the documentation accordingly on the Internet at search engine like google.com and never forget: "google was your best friend".
img 7

SEO

SEO

Lighthouse Enthüllung

Lighthouse revelations

Beim testen der 130 Weltweit besten und teuersten Websites ist mir aufgefallen, dass ein Testresultat von 100% kaum erreicht wird.

When testing the 130 best and most expensive websites on earth I noticed that a test result of 100% is hardly achieved.

Das benötigte Werkzeug ist im Google Chrome und allen Chromium basierten Browsern inbegriffen und steht gratis zur verfügung.

The required tool is included in Google Chrome and all Chromium-based browsers and is available for free.

Leistung

Performance
  • Lade-Geschwindigkeit der Website
  • Content Layout Shift
  • Total Blocking Time
  • Page loading speed until interactivity
  • Content Layout Shift
  • Total Blocking Time

Barriere Freiheit

Accessibility
  • Bedienbarkeit für behinderte
  • Lesbarkeit der Schrift
  • User Experience
  • Operability for disabled
  • Text readability
  • User experience

Beste Praxis

Best Practice
  • Fehler Report
  • Sicherheits-Lücken
  • Sicherheits-Certifikat
  • Bug Report
  • Security vulnerabilities
  • Sicherheits certificate

Google SEO

Google SEO
  • Indexierungs-Fähigkeit
  • SEO Gesamtresultat
  • Resultat beurteilt durch Google
  • Indexing ability
  • SEO overall result
  • Result rated by Google

Swiss design

Swiss design

the beauty and the beast

the beauty and the beast

Die Leistung von bass js ergibt sich aus der Kraft von HTML, css und Javascript.

bass js performance is derived from the power of HTML, css and Javascript.

Für die Verwendung werden die notwendigen Einstellungen in die oberste Ebene des Kodestacks gezogen, was einen objektbasierten Webdesign-Prozess ermöglicht.

For usage the necessary settings ar pulled into the top level of the code stack which allows a object based webdesign process.

Das ist es, was ein js Framework haben sollte, aber keine getestete Framework-Homepage hat 100% SEO erreicht, außer bassjs.com und alle damit erstellten Projekte.

Shure thats what a js framework is supposed to have, but no framework homepage tested made 100% SEO, except bassjs.com and all projects made with it.
img 7