sass-guidelin.es

Website review sass-guidelin.es

Sass Guidelines

 Generated on March 12 2026 22:28 PM

Old data? UPDATE !

The score is 69/100

SEO Content

Title

Sass Guidelines

Length : 15

Perfect, your title contains between 10 and 70 characters.

Description

An opinionated styleguide for writing sane, maintainable and scalable Sass.

Length : 75

Great, your meta description contains between 70 and 160 characters.

Keywords

CSS, Sass, SCSS, styleguide, guidelines

Good, your page contains meta keywords.

Og Meta Properties

Good, your page take advantage of Og Properties.

Property Content
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

Headings

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

Images

We found 4 images on this web page.

Good, most or all of your images have alt attributes.

Text/HTML Ratio

Ratio : 39%

Ideal! This page's ratio of text to HTML code is between 25 and 70 percent.

Flash

Perfect, no Flash content has been detected on this page.

Iframe

Great, there are no Iframes detected on this page.

URL Rewrite

Good. Your links looks friendly!

Underscores in the URLs

Perfect! No underscores detected in your URLs.

In-page links

We found a total of 164 links including 3 link(s) to files

Anchor Type Juice
Skip to main content Internal Passing Juice
generous contributors External Passing Juice
options panel Internal Passing Juice
Kitty Giraudel External Passing Juice
Cofenster External Passing Juice
SassDoc External Passing Juice
Sass-Compatibility External Passing Juice
that list External Passing Juice
CSS3 Pratique du Design Web External Passing Juice
Jump Start Sass External Passing Juice
GitHub repository External Passing Juice
About the author Internal Passing Juice
Contributing Internal Passing Juice
Table of Contents Internal Passing Juice
About Sass Internal Passing Juice
Introduction Internal Passing Juice
Syntax & formatting Internal Passing Juice
Naming conventions Internal Passing Juice
Commenting Internal Passing Juice
Architecture Internal Passing Juice
Responsive Web Design and breakpoints Internal Passing Juice
Variables Internal Passing Juice
Extend Internal Passing Juice
Mixins Internal Passing Juice
Conditional statements Internal Passing Juice
Loops Internal Passing Juice
Warnings and Errors Internal Passing Juice
Tools Internal Passing Juice
Too Long; Didn’t read Internal Passing Juice
Sass External Passing Juice
documentation External Passing Juice
Sass’ first commit External Passing Juice
LibSass External Passing Juice
Ruby Sass and LibSass teams decided to wait for both versions to sync up before moving forward External Passing Juice
switch from Ruby Sass to LibSass External Passing Juice
node-sass External Passing Juice
two different syntaxes External Passing Juice
please External Passing Juice
Less External Passing Juice
Bootstrap External Passing Juice
Stylus External Passing Juice
PostCSS External Passing Juice
cssnext External Passing Juice
Autoprefixer External Passing Juice
CanIUse External Passing Juice
Cory Simmons External Passing Juice
Harry Roberts External Passing Juice
CSS Guidelines External Passing Juice
Sass should be kept as simple as it can be External Passing Juice
bitwise operators External Passing Juice
iterators and generators External Passing Juice
a JSON parser External Passing Juice
KISS principle External Passing Juice
DRY principle External Passing Juice
SassDoc repository External Passing Juice
Node Styleguide External Passing Juice
CSS Guidelines External Passing Juice
UTF-8 External Passing Juice
main stylesheet Internal Passing Juice
to be considered valid External Passing Juice
in this article External Passing Juice
Use lengths, not strings External Passing Juice
old school programming External Passing Juice
terrific article External Passing Juice
powerful functions External Passing Juice
How to Programmatically Go From One Color to Another External Passing Juice
Using Sass to Build Color Palettes External Passing Juice
Dealing with Color Schemes in Sass External Passing Juice
HSL notation External Passing Juice
RGB notation External Passing Juice
This article External Passing Juice
KatieK External Passing Juice
Compass External Passing Juice
maps Internal Passing Juice
this article External Passing Juice
Using Sass Maps External Passing Juice
Extra Map functions in Sass External Passing Juice
Real Sass, Real Maps External Passing Juice
CSS Guidelines External Passing Juice
Idiomatic CSS External Passing Juice
Concentric CSS External Passing Juice
recent poll on CSS-Tricks External Passing Juice
recent study External Passing Juice
CSS Comb External Passing Juice
type ordering External Passing Juice
BEM naming conventions External Passing Juice
the Inception rule External Passing Juice
Beware of Selector Nesting External Passing Juice
Avoid nested selectors for more modular CSS External Passing Juice
CSS Guidelines External Passing Juice
this dedicated article External Passing Juice
Kaelig External Passing Juice
a very insightful article about the global CSS namespace External Passing Juice
Commenting External Passing Juice
a lot of popular architectures External Passing Juice
OOCSS External Passing Juice
Atomic Design External Passing Juice
Foundation External Passing Juice
SMACSS External Passing Juice
Jonathan Snook External Passing Juice
7-1 pattern Internal Passing Juice
David Khourshid External Passing Juice
boilerplate External Passing Juice
Julien He External Passing Juice
sass-globbing External Passing Juice
Dave Rupert External Passing Juice
Chris Coyier External Passing Juice
shame file External Passing Juice
any naming convention External Passing Juice
Sass-MQ External Passing Juice
Breakpoint External Passing Juice
include-media External Passing Juice
SitePoint External Passing Juice
CSS-Tricks External Passing Juice
this gem External Passing Juice
complex selector External Passing Juice
Gzip External Passing Juice
What Nobody Told you About Sass Extend External Passing Juice
Why You Should Avoid Extend External Passing Juice
Don’t Over Extend Yourself External Passing Juice
write-up External Passing Juice
micro-clearfix hack from Nicolas Gallagher External Passing Juice
this mixin to generate CSS triangles External Passing Juice
this mixin to create long shadows External Passing Juice
this mixin to polyfill CSS gradients for old browsers External Passing Juice
SitePoint has a nice piece on the topic External Passing Juice
Bourbon External Passing Juice
Compass External Passing Juice
lists Internal Passing Juice
this introduction about error handling External Passing Juice
everything that can be written in Sass has been written in Sass External Passing Juice
Sass framework External Passing Juice
Chris Eppstein External Passing Juice
I do not use Compass anymore External Passing Juice
Grunticon External Passing Juice
Grumpicon External Passing Juice
Susy External Passing Juice
Singularity External Passing Juice
csswizardry-grids External Passing Juice
SCSS-lint External Passing Juice
Clean Up your Sass with SCSS-lint External Passing Juice
Improving Sass code quality on theguardian.com External Passing Juice
An Auto-Enforceable SCSS Styleguide External Passing Juice
grunt-scss-lint External Passing Juice
Thoughtbot External Passing Juice
Hound External Passing Juice
CSS Guidelines External Passing Juice
CC BY 4.0 External Passing Juice
Report an issue External Passing Juice
Czech (1.1) Internal Passing Juice
Danish (1.1) Internal Passing Juice
German (1.3) Internal Passing Juice
Greek (1.3) Internal Passing Juice
English (1.3) Internal Passing Juice
Spanish (1.3) Internal Passing Juice
French (1.3) Internal Passing Juice
Italian (1.3) Internal Passing Juice
Korean (1.3) Internal Passing Juice
Dutch (1.3) Internal Passing Juice
Polish (1.2) Internal Passing Juice
Portuguese (1.3) Internal Passing Juice
Russian (1.3) Internal Passing Juice
Chinese (1.3) Internal Passing Juice
× Internal Passing Juice

SEO Keywords

Keywords Cloud

css color enabled foo yep true sass value nope import

Keywords Consistency

Keyword Content Title Keywords Description Headings
sass 153
css 123
color 100
foo 96
import 85

Usability

Url

Domain : sass-guidelin.es

Length : 16

Favicon

Great, your website has a favicon.

Printability

Great. We have found a Print-Friendly CSS.

Language

Good. Your declared language is en.

Dublin Core

This page does not take advantage of Dublin Core.

Document

Doctype

HTML 5

Encoding

Perfect. Your declared charset is UTF-8.

W3C Validity

Errors : 0

Warnings : 0

Email Privacy

Great no email address has been found in plain text!

Deprecated HTML

Great! We haven't found deprecated HTML tags in your HTML.

Speed Tips

Excellent, your website doesn't use nested tables.
Too bad, your website is using inline styles.
Great, your website has few CSS files.
Too bad, your website has too many JS files (more than 6).
Perfect, your website takes advantage of gzip.

Mobile

Mobile Optimization

Apple Icon
Meta Viewport Tag
Flash content

Optimization

XML Sitemap

Great, your website has an XML sitemap.

https://sass-guidelin.es/sitemap.xml

Robots.txt

https://sass-guidelin.es/robots.txt

Great, your website has a robots.txt file.

Analytics

Missing

We didn't detect an analytics tool installed on this website.

Web analytics let you measure visitor activity on your website. You should have at least one analytics tool installed, but It can also be good to install a second in order to cross-check the data.

PageSpeed Insights

Device
Categories

Free SEO Testing Tool

Free SEO Testing Tool is a free SEO tool which provides you content analysis of the website.