sass-guidelin.es

Sivuston tiedot sass-guidelin.es

Sass Guidelines

 Luotu Maaliskuu 12 2026 22:28 PM

Vanhentuneet tiedot? PÄIVITÄ !

Pisteet 69/100

SEO Sisältö

Otsikko

Sass Guidelines

Pituus : 15

Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.

Kuvaus

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

Pituus : 75

Hienoa, sinun meta-kuvauksesi sisältää väliltä70 ja 160 kirjainta.

Avainsanat

CSS, Sass, SCSS, styleguide, guidelines

Hyvä, sinun sivullasi on meta -avainsanoja.

Open Graph (OG-tägit) tarjoavat mahdollisuuden merkitä verkkosivustojen sisältöä meta-tiedoilla.

Hienoa, sinun sivu käyttää hyödyksi Open Graph protokollaa (OG meta prop).

Omaisuus Sisältö
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

Otsikot

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

Kuvat

Emme löytäneet 4 yhtään kuvia tältä sivustolta.

Hyvä, lähes tai kaikissa kuvissassi on Alt-attribuutteja.

Kirjain/HTML suhde

Suhde : 39%

Hipoo täydellisyyttä! Tämä sivu /sivut sisältää tekstiä suhteesssa HTML-koodiin on suurempi kuin 15, mutta kuitenkin alle 25 prosenttia.

Flash

Täydellistä!, Flash-sisältöä ei ole havaittu tällä sivulla.

html-dokumentti sivun sisälle (Iframe)

Hienoa, Tällä sivulla ei ole Iframeja.

URL- Uudelleenkirjoitus

Hyvä. Sinun linkkisi näyttävät puhtailta!

Alleviivaa URL-osoitteet

Täydellistä! URL-osoitteissasi ei ole merkintöjä.

Sivun linkit

Löysimme yhteensä 164 linkit jotka sisältää 3 linkit tiedostoihin

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

SEO avainsanat

Avainsana pilvi

color nope sass foo true value import css enabled yep

Avainsanojen johdonmukaisuus

Avainsana Sisältö Otsikko Avainsanat Kuvaus Otsikot
sass 153
css 123
color 100
foo 96
import 85

Käytettävyys

Url

Sivusto : sass-guidelin.es

Pituus : 16

Pikkukuva (favicon)

Hienoa, sinun sivulla on favicon (pikakuvake).

Tulostettavuus

Hienoa. Olemme löytäneet tulostusystävällisen CSS:n.

Kieli

Hyvä. Ilmoitettu kieli on en.

Metatietosanastostandardi informaatio (DC)

Tämä sivu ei käytä hyödyksi (DublinCore =DC) metatietosanastostandardi informaatiokuvausta.

Dokumentti

(dokumenttityyppi); Merkistökoodaus

HTML 5

Koodaus/tietojenkäsittely

Täydellistä. Ilmoitettu asiakirjan merkkijono on UTF-8.

W3C Voimassaolo

Virheet : 0

Varoitukset : 0

Sähköpostin yksityisyys

Mahtavaa!sähköpostiosoitteita ei ole löytynyt tavallisesta tekstistä!

HTML Epäonnistui

Hienoa! Emme ole löytäneet vanhentuneita HTML-tunnisteita HTML-koodistasi.

Nopeus neuvot

Erinomaista, verkkosivustosi ei käytä sisäkkäisiä taulukoita.
Harmillista, Sivustosi käyttää sisäisiä tyylejä.
Hienoa, Sivustossasi on muutamia CSS-tiedostoja.
Harmillista, sivustossasi on liikaa JavaScript-tiedostoja (enemmänkuin6).
Täydellistä, Sivustosi hyödyntää gzipia.

Mobiili

Mobiili optimointi

Apple-kuvake
Meta Viewport -tunniste
Flash sisältö

Optimoi

XML Sivukartta

Hienoa, sivustossasi on XML-sivukartta.

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

Robots.txt

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

Hienoa, sivustossasi on robots.txt-tiedosto.

Analyysit

Puuttuu

Emme tunnistaneet tällä sivustolla asennettua analytiikkatyökalua.

Web-analyysilla voit mitata kävijän toimintaa verkkosivustollasi. Sinulla on oltava vähintään yksi analytiikkatyökalu, mutta voi myös olla hyvä asentaa toinen tietojen tarkistamiseen soveltuva työkalu.

Sivuston nopeus

Laite
Luokat

Free SEO Testing Tool

Free SEO Testing Tool On ilmainen SEO työkalu, joka auttaa sinua analysoimaan Web-sivusi