Webseiten-Bericht für sass-guidelin.es
Sass Guidelines
Generiert am 12 März 2026 22:28 PM
Aktuelle Statistiken? UPDATE !
Der Wert ist 69/100
SEO Inhalte
Seitentitel
Sass Guidelines
Länge : 15
Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70 Anzahl Zeichen.
Seitenbeschreibung
An opinionated styleguide for writing sane, maintainable and scalable Sass.
Länge : 75
Großartig, denn Ihre Seitenbeschreibung enthält zwischen 70 und 160 Anzahl Zeichen.
Suchbegriffe
CSS, Sass, SCSS, styleguide, guidelines
Gut, denn Ihre Webseite enthält Suchbegriffe.
Og META Eigenschaften
Sehr gut, denn diese Webseite nutzt die Vorteile aus den Og Properties.
| Eigenschaft | Inhalt |
|---|---|
| type | website |
| title | Sass Guidelines |
| description | An opinionated styleguide for writing sane, maintainable and scalable Sass. |
| url | https://sass-guidelin.es/ |
| image | https://sass-guidelin.es/assets/images/sass-guidelines.png |
Überschriften
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 19 | 50 | 29 | 0 | 0 |
- [H1] Sass Guidelines
- [H2] About the author
- [H2] Contributing
- [H2] Table of Contents
- [H2] About Sass
- [H2] Introduction
- [H2] Syntax & formatting
- [H2] Naming conventions
- [H2] Commenting
- [H2] Architecture
- [H2] Responsive Web Design and breakpoints
- [H2] Variables
- [H2] Extend
- [H2] Mixins
- [H2] Conditional statements
- [H2] Loops
- [H2] Warnings and Errors
- [H2] Tools
- [H2] Too Long; Didn’t read
- [H2] Options
- [H3] Ruby Sass or LibSass
- [H3] Sass or SCSS
- [H3] Other preprocessors
- [H3] Why a styleguide
- [H3] Disclaimer
- [H3] Key principles
- [H3] Extending the guidelines
- [H3] Strings
- [H3] Numbers
- [H3] Colors
- [H3] Lists
- [H3] Maps
- [H3] CSS Ruleset
- [H3] Declaration Sorting
- [H3] Selector Nesting
- [H3] Constants
- [H3] Namespace
- [H3] Writing comments
- [H3] Documentation
- [H3] Components
- [H3] Component Structure
- [H3] The 7-1 pattern
- [H3] About globbing
- [H3] Shame file
- [H3] Naming breakpoints
- [H3] Breakpoint manager
- [H3] Media Queries Usage
- [H3] Scoping
- [H3] !default flag
- [H3] !global flag
- [H3] Multiple variables or maps
- [H3] Extend and media queries
- [H3] Basics
- [H3] Argument-less mixins
- [H3] Arguments list
- [H3] Mixins and vendor prefixes
- [H3] Each
- [H3] For
- [H3] While
- [H3] Warnings
- [H3] Errors
- [H3] Compass
- [H3] Grid systems
- [H3] SCSS-lint
- [H3] Key principles
- [H3] Syntax & formatting
- [H3] Naming conventions
- [H3] Commenting
- [H3] Variables
- [H3] Extend
- [H4] Encoding
- [H4] Quotes
- [H4] Strings as CSS values
- [H4] Strings containing quotes
- [H4] URLs
- [H4] Zeros
- [H4] Units
- [H4] Calculations
- [H4] Magic numbers
- [H4] Color formats
- [H4] Colors and variables
- [H4] Lightening and darkening colors
- [H4] General rule
- [H4] Exceptions
- [H4] Base folder
- [H4] Layout folder
- [H4] Components folder
- [H4] Pages folder
- [H4] Themes folder
- [H4] Abstracts folder
- [H4] Vendors folder
- [H4] Main file
- [H4] Strings
- [H4] Numbers
- [H4] Colors
- [H4] Lists
- [H4] Maps
- [H4] Declaration sorting
- [H4] Selector nesting
Bilder
Es konnten 4 Bilder auf dieser Webseite gefunden werden.
Gut, denn die meisten Ihrer Bilder verwenden das ALT-Attribut.
Text/HTML Verhältnis
Anteil : 39%
Ideal! Das Text zu HTML Code Verhältnis dieser Webseite ist zwischen 25 und 70 Prozent.
Flash
Perfekt, denn es wurde kein Flash auf Ihrer Webseite gefunden.
IFrame
Großartig, denn Sie verwenden keine IFrames auf Ihrer Webseite.
SEO Links
URL Rewrite
Gut. Ihre Links sind für Suchmaschinen gut lesbar (sprechende Links)!
Underscores in the URLs
Perfekt! Wir haben keine Unterstriche in Ihren Links entdeckt.
In-page links
We found a total of 164 links including 3 link(s) to files
| Anker | Typ | Natürlich |
|---|---|---|
| Skip to main content | intern | natürliche Links |
| generous contributors | extern | natürliche Links |
| options panel | intern | natürliche Links |
| Kitty Giraudel | extern | natürliche Links |
| Cofenster | extern | natürliche Links |
| SassDoc | extern | natürliche Links |
| Sass-Compatibility | extern | natürliche Links |
| that list | extern | natürliche Links |
| CSS3 Pratique du Design Web | extern | natürliche Links |
| Jump Start Sass | extern | natürliche Links |
| GitHub repository | extern | natürliche Links |
| About the author | intern | natürliche Links |
| Contributing | intern | natürliche Links |
| Table of Contents | intern | natürliche Links |
| About Sass | intern | natürliche Links |
| Introduction | intern | natürliche Links |
| Syntax & formatting | intern | natürliche Links |
| Naming conventions | intern | natürliche Links |
| Commenting | intern | natürliche Links |
| Architecture | intern | natürliche Links |
| Responsive Web Design and breakpoints | intern | natürliche Links |
| Variables | intern | natürliche Links |
| Extend | intern | natürliche Links |
| Mixins | intern | natürliche Links |
| Conditional statements | intern | natürliche Links |
| Loops | intern | natürliche Links |
| Warnings and Errors | intern | natürliche Links |
| Tools | intern | natürliche Links |
| Too Long; Didn’t read | intern | natürliche Links |
| Sass | extern | natürliche Links |
| documentation | extern | natürliche Links |
| Sass’ first commit | extern | natürliche Links |
| LibSass | extern | natürliche Links |
| Ruby Sass and LibSass teams decided to wait for both versions to sync up before moving forward | extern | natürliche Links |
| switch from Ruby Sass to LibSass | extern | natürliche Links |
| node-sass | extern | natürliche Links |
| two different syntaxes | extern | natürliche Links |
| please | extern | natürliche Links |
| Less | extern | natürliche Links |
| Bootstrap | extern | natürliche Links |
| Stylus | extern | natürliche Links |
| PostCSS | extern | natürliche Links |
| cssnext | extern | natürliche Links |
| Autoprefixer | extern | natürliche Links |
| CanIUse | extern | natürliche Links |
| Cory Simmons | extern | natürliche Links |
| Harry Roberts | extern | natürliche Links |
| CSS Guidelines | extern | natürliche Links |
| Sass should be kept as simple as it can be | extern | natürliche Links |
| bitwise operators | extern | natürliche Links |
| iterators and generators | extern | natürliche Links |
| a JSON parser | extern | natürliche Links |
| KISS principle | extern | natürliche Links |
| DRY principle | extern | natürliche Links |
| SassDoc repository | extern | natürliche Links |
| Node Styleguide | extern | natürliche Links |
| CSS Guidelines | extern | natürliche Links |
| UTF-8 | extern | natürliche Links |
| main stylesheet | intern | natürliche Links |
| to be considered valid | extern | natürliche Links |
| in this article | extern | natürliche Links |
| Use lengths, not strings | extern | natürliche Links |
| old school programming | extern | natürliche Links |
| terrific article | extern | natürliche Links |
| powerful functions | extern | natürliche Links |
| How to Programmatically Go From One Color to Another | extern | natürliche Links |
| Using Sass to Build Color Palettes | extern | natürliche Links |
| Dealing with Color Schemes in Sass | extern | natürliche Links |
| HSL notation | extern | natürliche Links |
| RGB notation | extern | natürliche Links |
| This article | extern | natürliche Links |
| KatieK | extern | natürliche Links |
| Compass | extern | natürliche Links |
| maps | intern | natürliche Links |
| this article | extern | natürliche Links |
| Using Sass Maps | extern | natürliche Links |
| Extra Map functions in Sass | extern | natürliche Links |
| Real Sass, Real Maps | extern | natürliche Links |
| CSS Guidelines | extern | natürliche Links |
| Idiomatic CSS | extern | natürliche Links |
| Concentric CSS | extern | natürliche Links |
| recent poll on CSS-Tricks | extern | natürliche Links |
| recent study | extern | natürliche Links |
| CSS Comb | extern | natürliche Links |
| type ordering | extern | natürliche Links |
| BEM naming conventions | extern | natürliche Links |
| the Inception rule | extern | natürliche Links |
| Beware of Selector Nesting | extern | natürliche Links |
| Avoid nested selectors for more modular CSS | extern | natürliche Links |
| CSS Guidelines | extern | natürliche Links |
| this dedicated article | extern | natürliche Links |
| Kaelig | extern | natürliche Links |
| a very insightful article about the global CSS namespace | extern | natürliche Links |
| Commenting | extern | natürliche Links |
| a lot of popular architectures | extern | natürliche Links |
| OOCSS | extern | natürliche Links |
| Atomic Design | extern | natürliche Links |
| Foundation | extern | natürliche Links |
| SMACSS | extern | natürliche Links |
| Jonathan Snook | extern | natürliche Links |
| 7-1 pattern | intern | natürliche Links |
| David Khourshid | extern | natürliche Links |
| boilerplate | extern | natürliche Links |
| Julien He | extern | natürliche Links |
| sass-globbing | extern | natürliche Links |
| Dave Rupert | extern | natürliche Links |
| Chris Coyier | extern | natürliche Links |
| shame file | extern | natürliche Links |
| any naming convention | extern | natürliche Links |
| Sass-MQ | extern | natürliche Links |
| Breakpoint | extern | natürliche Links |
| include-media | extern | natürliche Links |
| SitePoint | extern | natürliche Links |
| CSS-Tricks | extern | natürliche Links |
| this gem | extern | natürliche Links |
| complex selector | extern | natürliche Links |
| Gzip | extern | natürliche Links |
| What Nobody Told you About Sass Extend | extern | natürliche Links |
| Why You Should Avoid Extend | extern | natürliche Links |
| Don’t Over Extend Yourself | extern | natürliche Links |
| write-up | extern | natürliche Links |
| micro-clearfix hack from Nicolas Gallagher | extern | natürliche Links |
| this mixin to generate CSS triangles | extern | natürliche Links |
| this mixin to create long shadows | extern | natürliche Links |
| this mixin to polyfill CSS gradients for old browsers | extern | natürliche Links |
| SitePoint has a nice piece on the topic | extern | natürliche Links |
| Bourbon | extern | natürliche Links |
| Compass | extern | natürliche Links |
| lists | intern | natürliche Links |
| this introduction about error handling | extern | natürliche Links |
| everything that can be written in Sass has been written in Sass | extern | natürliche Links |
| Sass framework | extern | natürliche Links |
| Chris Eppstein | extern | natürliche Links |
| I do not use Compass anymore | extern | natürliche Links |
| Grunticon | extern | natürliche Links |
| Grumpicon | extern | natürliche Links |
| Susy | extern | natürliche Links |
| Singularity | extern | natürliche Links |
| csswizardry-grids | extern | natürliche Links |
| SCSS-lint | extern | natürliche Links |
| Clean Up your Sass with SCSS-lint | extern | natürliche Links |
| Improving Sass code quality on theguardian.com | extern | natürliche Links |
| An Auto-Enforceable SCSS Styleguide | extern | natürliche Links |
| grunt-scss-lint | extern | natürliche Links |
| Thoughtbot | extern | natürliche Links |
| Hound | extern | natürliche Links |
| CSS Guidelines | extern | natürliche Links |
| CC BY 4.0 | extern | natürliche Links |
| Report an issue | extern | natürliche Links |
| Czech (1.1) | intern | natürliche Links |
| Danish (1.1) | intern | natürliche Links |
| German (1.3) | intern | natürliche Links |
| Greek (1.3) | intern | natürliche Links |
| English (1.3) | intern | natürliche Links |
| Spanish (1.3) | intern | natürliche Links |
| French (1.3) | intern | natürliche Links |
| Italian (1.3) | intern | natürliche Links |
| Korean (1.3) | intern | natürliche Links |
| Dutch (1.3) | intern | natürliche Links |
| Polish (1.2) | intern | natürliche Links |
| Portuguese (1.3) | intern | natürliche Links |
| Russian (1.3) | intern | natürliche Links |
| Chinese (1.3) | intern | natürliche Links |
| × | intern | natürliche Links |
SEO Suchbegriffe
Suchbegriffswolke
true foo css sass yep import nope color enabled value
Keywords Consistency
| Suchbegriff | Inhalt | Seitentitel | Suchbegriffe | Seitenbeschreibung | Überschriften |
|---|---|---|---|---|---|
| sass | 153 |  |
|
|
|
| css | 123 |  |
|
|
|
| color | 100 | |
|
|
|
| foo | 96 | |
|
|
|
| import | 85 | |
|
|
|
Benutzerfreundlichkeit
URL
Domain : sass-guidelin.es
Länge : 16
Favoriten Icon
Gut. Die Webseite hat ein Favicon.
Druckeigenschaften
Gut. Es konnten druckfreundliche CSS-Angaben gefunden werden.
Sprache
Gut, denn Sie haben in den META-Elementen eine Sprache deklariert: en.
Dublin Core
Diese Webseite nutzt nicht die Vorteile der Dublin Core Elemente.
Dokument
Doctype
HTML 5
Verschlüsselung
Perfekt, denn Ihre Webseite deklariert einen Zeichensatz: UTF-8.
W3C Validität
Fehler : 0
Warnungen : 0
E-Mail Datenschutz
Sehr gut, denn es wurde keine E-Mail Adresse im Klartext auf Ihrer Webseite gefunden.
Veraltetes HTML
Sehr gut! Sie verwenden aktuelle HTML Tags in Ihrem Webseitenquelltext.
Tipps zur Webseitengeschwindigkeit
|
Sehr gut, denn Ihre Webseite benutzt keine verschachtelten Tabellen. |
|
Schlecht, denn es wurden CSS-Angaben in HTML-Elementen entdeckt. Diese Angaben sollten in ein entsprechendes CSS-Stylesheet verlagert werden. |
|
Gut, denn Ihre Webseite enthält nur wenig CSS-Dateien. |
|
Nicht so gut, denn Ihre Webseite enthält viele Javascript-Dateien (mehr als 6). |
|
Gut! Sie nutzen die Vorteile von gzip. |
Mobile
Mobile Optimierung
|
Apple Icon |
|
META Viewport Tag |
|
Flash Inhalt |
Optimierung
XML-Sitemap
Perfekt! Ihre Seite hat eine XML-Sitemap.
| https://sass-guidelin.es/sitemap.xml |
Robots.txt
https://sass-guidelin.es/robots.txt
Sehr gut! Ihre Webseite enthält eine robots.txt-Datei.
Analytics
Fehlt
Wir haben nicht ein Analyse-Tool auf dieser Website installiert zu erkennen.
Webanalyse erlaubt die Quantifizierung der Besucherinteraktionen mit Ihrer Seite. Insofern sollte zumindest ein Analysetool installiert werden. Um die Befunde abzusichern, empfiehlt sich das parallele Verwenden eines zweiten Tools.
PageSpeed Insights
Gerät
Kategorien
Free SEO Testing Tool
Free SEO Testing Tool ist ein kostenloses SEO Werkzeug zur Analyse Ihrer Webseite