Back to Search
css-irl.info favicon

css-irl.info

https://css-irl.info· First analyzed 29 May 2026· Updated 29 May 2026
Export
css-irl.info
Desktop screenshot of css-irl.info
Mobile screenshot of css-irl.info
Mobile

Sponsored

Hosting Provider

Amazon Web Services (AWS)
aws.amazon.com

IP Address

63.176.8.218

Site Location

🇩🇪 Germanyvia ip

Server Location

🇩🇪 Frankfurt am Main, Germany

ASN

AS16509

Organization

AWS EC2 (eu-central-1)

Server

Netlify

Nameservers

dns4.p04.nsone.net.dns1.p04.nsone.net.dns2.p04.nsone.net.dns3.p04.nsone.net.

Performance

100

Core Web Vitals

Weight

First Contentful Paint
402 ms10%
Speed Index
523 ms10%
Largest Contentful Paint
—25%
Total Blocking Time
0.0 ms30%
Cumulative Layout Shift
0.00025%
118 KB
6 requests
0–49
50–89
90–100

Architecture Stack

JAMstack
⚡ SSG
Frontend
Framework
Eleventyv3.1.2
Infrastructure
Platform
Netlify

Progressive Web App

Web ManifestApple Touch Icon

Technology Stack

2 Technologies Detected

CSS Frameworks

1
Tailwind CSS

Platforms

1
Netlify

SEO Analysis

D58/100
18
7
0
Meta Tags5/15
Content12/12
Headings5/8
Technical13/25
E-E-A-T0/7
Images0/7
Links5/5
URL5/5
Social4/5
Freshness2/4
Mobile4/4
Indexability3/3
C
css-irl.infocss-irl.info

CSS { In Real Life }

A blog about CSS, front-end development, the web, and beyond.

Title Length20 chars

Recommended: 50-60 chars (~117px / 580px)

Description Length61 chars

Recommended: 120-160 chars

Issues (0)

    7 issues found

    Upgrade to view details

    Crawlability

    Sitemap
    robots.txt

    8 rules

    Local SEO

    Local Search Readiness

    3/100
    Poor
    1 14 2

    This site doesn't appear to be a local business. Local SEO signals are optional for non-local websites.

    Sponsored

    AI & LLM Readiness

    D43/100
    Bot Access
    17/25
    Machine Read.
    11/25
    Schema Data
    0/25
    Citation
    15/25

    AI Bot Access

    11/14 accessible
    AI Search
    OAI-SearchBot
    PerplexityBot
    Claude-SearchBot
    Gemini-Deep-Research
    DuckAssistBot
    Training
    GPTBot
    ClaudeBot
    Google-Extended
    Meta-ExternalAgent
    Bytespiderinfo
    Amazonbot
    Applebot-Extended
    CCBotinfo
    Fetch
    ChatGPT-User

    Machine Readability

    llms.txt
    llms-full.txt
    Semantic HTML
    Heading Hierarchy
    code blocksnavheader/footer
    Text ratio:19%
    Words:735
    Token eff.:Optimal
    Sections/1K:19
    Depth:3/5

    Structured Data

    No Schema

    Citation Readiness

    Opening Summary10w
    Descriptive Headingsavg 5.1w
    Canonical URL
    Open Graph3/3
    Twitter Card1/3
    Language Tag
    Publish Date
    Author Info
    Lists
    Tables
    TL;DR / Summary
    About Page Link
    Recommendations (8)
    AI readiness recommendation preview...
    Upgrade to view recommendations

    Sponsored

    Accessibility

    WCAG 2.1 Compliance

    Evaluates how accessible your website is for users with disabilities, based on WCAG 2.1 guidelines. Checks images, forms, keyboard navigation, ARIA roles, and color contrast.
    A
    82/100
    12
    Passed
    3
    Critical
    0
    Warnings
    Images & Alt Text
    20/20
    Checks if images have descriptive alt text for screen readers and visually impaired users.
    Semantic Structure
    17/20
    Evaluates proper use of HTML5 semantic elements (header, nav, main, footer) and heading hierarchy.
    Forms & Inputs
    15/15
    Verifies form fields have labels, error messages are clear, and inputs are properly associated.
    Color & Contrast
    15/15
    Tests text-to-background color contrast ratios against WCAG AA/AAA minimum requirements.
    Keyboard & Focus
    9/15
    Ensures all interactive elements are reachable and operable via keyboard (tab, enter, escape).
    ARIA & Roles
    6/15
    Checks correct use of WAI-ARIA attributes (roles, states, properties) for assistive technologies.
    1 recommendation
    • •Accessibility recommendation preview...
    Upgrade to view recommendations

    Carbon Footprint

    SWDM v4 · Eco-Score

    Carbon emissions estimated using the Sustainable Web Design Model v4 (SWDM v4). Factors in data center, network, and device energy across new and returning visitors. Grade thresholds based on HTTP Archive percentiles.
    78/100
    A+
    12 mg
    CO₂e / view
    118.4 KB
    Page Weight
    95%
    Cleaner Than
    New Visitor
    14 mg
    vs
    Returning (cached)
    7 mg
    Annual (10K/mo)
    1.4 kg
    Emission Segments
    Data Center
    <0.001 g
    Network
    4 mg
    Device
    8 mg
    Resource Breakdown
    JavaScript
    7.4 KB
    Images
    940 B
    CSS
    92.2 KB
    HTML
    5.2 KB
    Other
    12.7 KB
    Green Hosting Verified
    Amazon Web Services (AWS)
    Provider Match
    2 recommendations
    • •Carbon footprint recommendation preview...
    Upgrade to view recommendations
    A

    Security Score

    86%Very Good
    Static / Informational

    HTTPS

    No WAF

    41d

    Certificate Details

    Type

    Domain Validated (DV)

    Certificate Authority

    Let's Encrypt

    Key Algorithm

    ECDSA (secp256r1) (256 bit)

    Signature

    ECDSA with SHA-384

    TLS Version

    TLSv1.3

    HTTP Protocol

    HTTP/2

    Valid From

    10.04.2026

    Valid Until

    09.07.2026

    Subject Alternative Names (2)

    *.css-irl.infocss-irl.info

    SHA-256 Fingerprint

    F9:CB:A6:98:B2:9E:D6:6E:8F:CB:15:C4:19:53:6E:E0:EA:35:1A:D6...

    Recommendations

    Security recommendation preview

    Upgrade to view recommendations
    Upgrade to view header details

    HTTP Headers

    Developer Console

    accept-ranges
    bytes
    age
    44210
    cache-control
    🟡 600s(max-age=600,must-revalidate)
    cache-status
    "Netlify Edge"; hit
    content-encoding
    ⚡ Brotli(br)
    content-length
    4985
    Good Warning Issue

    Email Infrastructure

    Custom Mail Server

    Score

    0

    SPF
    DKIM
    DMARC

    Domain Information

    css-irl.info

    DNSSEC
    Not Enabled

    Mobile Compatibility

    Viewport & Responsive Test

    Tests how well your website works on mobile devices. Checks viewport configuration, responsive layout, touch targets, font readability, and simulates rendering across different screen sizes.
    C
    64/100
    Mobile Friendly
    Viewport Meta
    The viewport meta tag tells mobile browsers how to scale the page. Without it, mobile devices render at desktop width.
    Responsive Design
    Uses CSS media queries or flexible layouts to adapt content to different screen sizes automatically.
    Touch Icons
    Apple touch icons and favicons displayed when users add the site to their home screen on mobile devices.
    Readable Font Size
    Base font size should be at least 16px on mobile to ensure text is readable without zooming.
    Relative Units
    Using em, rem, %, or vw instead of fixed px values allows content to scale properly across screen sizes.
    No H-Scroll Risk
    No elements wider than the viewport that would cause horizontal scrolling on mobile devices.
    Tap Targets OK
    Interactive elements (buttons, links) are at least 48x48px with enough spacing to prevent accidental taps.
    No Fixed Widths
    No elements with fixed pixel widths that could overflow on smaller screens and break the layout.
    Viewport
    width=device-width, initial-scale=1.0
    3 recommendations
    • •Mobile compatibility recommendation preview...
    Upgrade to view recommendations

    Typography & Readability

    Urbanist + Jost

    WCAG AA
    84/100
    Readability
    /30
    24/30

    25px · LH 1.60

    Hierarchy
    /20
    17/20

    2.57x ratio

    WCAG
    /25
    23/25

    4.76:1 min contrast

    Performance
    /25
    20/25

    2 fonts · 2 req

    Heading Font

    Urbanist

    Sans63px

    Body Font

    Jost

    Sans25px

    Contrast Ratio

    4.76:1

    WCAG AA (≥4.5:1)

    Reading Comfort

    ~39 CPL

    Narrow lines
    63px
    h1
    49px
    h3
    25px
    p

    ✅ Excellent readability: 25px body text is ideal for all devices.

    ✅ Optimal line spacing: 1.60 ratio (ideal range 1.4–1.6).

    ⚠️ Hard to read: Flesch score 49/100. Simplify sentences for wider reach.

    ✅ WCAG AA contrast: All text meets 4.5:1 ratio (min 4.8:1).

    ⚠️ Minor heading issue: 1 level skip(s) detected. Maintain sequential order for screen readers.

    ✅ Strong hierarchy: Headlines are 2.6x larger than body text.

    Buy on MyFontsFluid Type (rem)Flesch 49

    Color Palette

    7 unique colors
    4.04:1 AA Large Light
    #fbfbfb
    Background· 88.30000000000001%
    #787c85
    Other· 2.2%
    #f81a94
    Primary· 2.6%
    #49253a
    Secondary· 1.7%
    #c98fb3
    Secondary· 1.6%

    Business & Marketing Stack

    1 Tools Detected

    Growing

    Behavior Analytics

    1
    Google AnalyticsFree

    User behavior and product analytics

    1

    Categories

    1

    Total Tools

    0

    Enterprise

    0

    Mid-Market

    Assessment: Growing marketing technology adoption

    Sponsored

    Scripts & Styles

    2 Resources

    1
    Scripts
    1
    Styles
    0
    Async
    0
    Defer

    Top Script Sources

    local(1)

    Website Identity

    css-irl.info

    Location detected: 🇩🇪 Germanyvia ip
    en-GB

    Social Profiles

    GitHub

    Sponsored

    Last analyzed: 29 May 2026 at 04:23

    Historical Analysis & Change Tracking

    css-irl.info Technology Stack - Built With Tailwind CSS, Netlify | StackOptic | StackOptic