sass-guidelin.es

Avaliação do site sass-guidelin.es

Sass Guidelines

 Gerado a 12 de Março de 2026 22:28 PM

Estatísticas desatualizadas? ATUALIZE !

O resultado é de 69/100

Conteúdo SEO

Título

Sass Guidelines

Cumprimento : 15

Perfeito, o Título contém entre 10 e 70 caracteres.

Descrição

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

Cumprimento : 75

Perfeito, a Descrição META contém entre 70 e 160 caracteres.

Palavras-chave

CSS, Sass, SCSS, styleguide, guidelines

Perfeito, a página contém palavras-chave META.

Propriedades Og Meta

Boa! Esta página tira vantagens das propriedades Og.

Propriedade Conteúdo
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

Cabeçalhos

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

Imagens

Encontrámos 4 imagens nesta página.

Bom, a maioria das imagens têm o atributo ALT definidos.

Rácio Texto/HTML

Rácio : 39%

Ideal! O rácio de texto para código HTML desta página está entre 25 e 70 porcento.

Flash

Perfeito, não foi encontrado conteúdo Flash nesta página.

Iframe

Excelente, não foram detetadas Iframes nesta página.

Reescrita de URL

Perfeito. As ligações aparentam ser limpas!

Underscores (traços inferiores) nas URLs

Perfeito. Não foram encontrados 'underscores' (traços inferiores) nas suas URLs.

Ligações para a própria página

Encontrámos um total de 164 ligações incluindo 3 ligações a ficheiros

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

Palavras-chave SEO

Núvem de palavras-chave

true foo nope color sass yep css value import enabled

Consistência das Palavras-chave

Palavra-chave Conteúdo Título Palavras-chave Descrição Cabeçalhos
sass 153
css 123
color 100
foo 96
import 85

Usabilidade

Url

Domínio : sass-guidelin.es

Cumprimento : 16

Favicon

Ótimo, o site tem um favicon.

Facilidade de Impressão

Fantástico. Encontrámos CSS apropriado para impressão.

Língua

Otimo! A língua declarada deste site é en.

Dublin Core

Esta página não tira vantagens do Dublin Core.

Documento

Tipo de Documento

HTML 5

Codificação

Perfeito. O conjunto de caracteres UTF-8 está declarado.

Validação W3C

Erros : 0

Avisos : 0

Privacidade do Email

Boa! Nenhum endereço de email está declarado sob a forma de texto!

HTML obsoleto

Fantástico! Não detetámos etiquetas HTML obsoletas.

Dicas de Velocidade

Excelente, este site não usa tablelas dentro de tabelas.
Oh não, o site usa estilos CSS nas etiquetas HTML.
Boa, o site usa poucos ficheiros CSS.
Oh, não! O site utiliza demasiados ficheiros JavaScript (mais que 6).
Perfeito, o site tira vantagens da compressão gzip.

Dispositivos Móveis

Otimização para dispositivos móveis

Icon Apple
Meta Viewport Tag
Conteúdo Flash

Otimização

XML Sitemap

Perfeito, o site tem um mapa XML do site (sitemap).

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

Robots.txt

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

Perfeito, o seu site tem um ficheiro robots.txt.

Analytics

Em falta

Não detetámos nenhuma ferramenta analítica de análise de atividade.

Este tipo de ferramentas (como por exemplo o Google Analytics) permite perceber o comportamento dos visitantes e o tipo de atividade que fazem. No mínimo, uma ferramenta deve estar instalada, sendo que em algumas situações mais do que uma pode ser útil.

PageSpeed Insights

Dispositivo
Categorias

Free SEO Testing Tool

Free SEO Testing Tool é uma ferramenta gratuita que o ajuda a avaliar o seu site