/* ========================================================================== RESET & BASE STYLES ========================================================================== */ .diyssd-nav-container * { margin: 0; padding: 0; box-sizing: border-box; } .diyssd-nav-container { position: relative; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-size: 16px; line-height: 1.5; } /* ========================================================================== COLOR VARIABLES ========================================================================== */ :root { /* Charcoal Scale */ --diyssd-charcoal-050: #f5f5f5; --diyssd-charcoal-100: #e6e6e6; --diyssd-charcoal-200: #cccccc; --diyssd-charcoal-500: #7a7a7a; --diyssd-charcoal-700: #565656; --diyssd-charcoal-800: #474747; --diyssd-charcoal-900: #3a3a3a; --diyssd-charcoal-950: #2c2c2c; /* Accent Colors */ --diyssd-ocean-blue: #2d5a7b; --diyssd-terracotta: #c7522a; --diyssd-golden-sand: #e5b363; --diyssd-forest-green: #5d8a66; --diyssd-dusty-plum: #8b5a8b; /* Transition Variables */ --diyssd-transition-speed: 0.3s; --diyssd-transition-easing: cubic-bezier(0.4, 0, 0.2, 1); } /* ========================================================================== NAVIGATION BAR ========================================================================== */ .diyssd-nav { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; background-color: white; border-bottom: 1px solid var(--diyssd-charcoal-100); position: relative; z-index: 100; } /* ========================================================================== LOGO ========================================================================== */ .diyssd-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; /* Remove tap highlight on mobile */ -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; /* Remove focus outline */ outline: none; } .diyssd-logo img { height: 50px; width: auto; max-width: 100%; object-fit: contain; } /* ========================================================================== DESKTOP MENU ========================================================================== */ .diyssd-desktop-menu { display: none; list-style: none; align-items: center; gap: 0.5rem; } .diyssd-menu-item { position: relative; } .diyssd-menu-link { display: block; padding: 0.5rem 1rem; color: var(--diyssd-charcoal-900); text-decoration: none; font-weight: 600; transition: color var(--diyssd-transition-speed) var(--diyssd-transition-easing); white-space: nowrap; } /* Typography responsive weight */ @media (min-width: 1081px) { .diyssd-menu-link { font-weight: 500; } } .diyssd-menu-link:hover { color: var(--diyssd-ocean-blue); } .diyssd-menu-link:active { background-color: var(--diyssd-charcoal-050); color: var(--diyssd-ocean-blue); } /* Dropdown indicator for links with dropdowns */ .diyssd-menu-link.has-dropdown::after { content: "▼"; display: inline-block; margin-left: 0.35rem; font-size: 0.7em; transition: transform var(--diyssd-transition-speed) var(--diyssd-transition-easing); } .diyssd-menu-item:hover .diyssd-menu-link.has-dropdown::after { transform: rotate(180deg); } /* Menu dividers */ .diyssd-menu-divider { width: 1px; height: 20px; background-color: var(--diyssd-charcoal-200); } /* ========================================================================== DROPDOWN MENUS ========================================================================== */ .diyssd-dropdown { position: absolute; top: 100%; left: 0; background-color: white; border: 1px solid var(--diyssd-charcoal-100); border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); min-width: 180px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity var(--diyssd-transition-speed) var(--diyssd-transition-easing), visibility var(--diyssd-transition-speed) var(--diyssd-transition-easing), transform var(--diyssd-transition-speed) var(--diyssd-transition-easing); z-index: 1000; } .diyssd-menu-item:hover .diyssd-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .diyssd-dropdown-link { display: block; padding: 0.75rem 1rem; color: var(--diyssd-charcoal-700); text-decoration: none; transition: background-color var(--diyssd-transition-speed) var(--diyssd-transition-easing), color var(--diyssd-transition-speed) var(--diyssd-transition-easing); border-bottom: 1px solid var(--diyssd-charcoal-050); } .diyssd-dropdown-link:last-child { border-bottom: none; } .diyssd-dropdown-link:hover { background-color: var(--diyssd-charcoal-050); color: var(--diyssd-ocean-blue); } .diyssd-dropdown-link:active { background-color: var(--diyssd-charcoal-100); color: var(--diyssd-ocean-blue); } .diyssd-dropdown-link.active { background-color: var(--diyssd-charcoal-050); color: var(--diyssd-terracotta); font-weight: 600; } /* ========================================================================== MOBILE MENU TOGGLE (HAMBURGER BUTTON) ========================================================================== */ .diyssd-mobile-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: none; border: none; cursor: pointer; z-index: 1001; /* Remove tap highlight on mobile */ -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .diyssd-hamburger { position: relative; width: 24px; height: 2px; background-color: var(--diyssd-charcoal-900); transition: background-color var(--diyssd-transition-speed) var(--diyssd-transition-easing); } .diyssd-hamburger::before, .diyssd-hamburger::after { content: ""; position: absolute; width: 24px; height: 2px; background-color: var(--diyssd-charcoal-900); transition: transform var(--diyssd-transition-speed) var(--diyssd-transition-easing), top var(--diyssd-transition-speed) var(--diyssd-transition-easing); } .diyssd-hamburger::before { top: -8px; } .diyssd-hamburger::after { top: 8px; } /* Active state (when menu is open) */ .diyssd-mobile-toggle.active .diyssd-hamburger { background-color: transparent; } .diyssd-mobile-toggle.active .diyssd-hamburger::before { top: 0; transform: rotate(45deg); } .diyssd-mobile-toggle.active .diyssd-hamburger::after { top: 0; transform: rotate(-45deg); } /* ========================================================================== MOBILE MENU OVERLAY ========================================================================== */ .diyssd-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: opacity var(--diyssd-transition-speed) var(--diyssd-transition-easing), visibility var(--diyssd-transition-speed) var(--diyssd-transition-easing); z-index: 999; } .diyssd-mobile-overlay.active { opacity: 1; visibility: visible; } /* ========================================================================== MOBILE MENU PANEL ========================================================================== */ .diyssd-mobile-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--diyssd-charcoal-050); transform: translateX(-100%); transition: transform var(--diyssd-transition-speed) var(--diyssd-transition-easing); z-index: 1000; overflow-y: auto; -webkit-overflow-scrolling: touch; } .diyssd-mobile-menu.active { transform: translateX(0); } /* Mobile menu header with close button */ .diyssd-mobile-header { display: flex; justify-content: flex-end; padding: 1rem 1.5rem; border-bottom: 1px solid var(--diyssd-charcoal-200); } .diyssd-mobile-close { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: none; border: none; font-size: 1.5rem; color: var(--diyssd-charcoal-700); cursor: pointer; transition: color var(--diyssd-transition-speed) var(--diyssd-transition-easing); } .diyssd-mobile-close:hover { color: var(--diyssd-charcoal-900); } /* Mobile navigation container */ .diyssd-mobile-nav { padding: 1rem 1.5rem; } /* Mobile menu sections */ .diyssd-mobile-section { margin-bottom: 1.25rem; } .diyssd-mobile-heading { font-size: 0.875rem; font-weight: 700; color: var(--diyssd-charcoal-700); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .diyssd-mobile-divider { height: 1px; background-color: var(--diyssd-charcoal-200); margin-bottom: 0.5rem; } .diyssd-mobile-link { display: block; padding: 0.5rem 0; color: var(--diyssd-charcoal-800); text-decoration: none; font-size: 1rem; transition: color var(--diyssd-transition-speed) var(--diyssd-transition-easing), padding-left var(--diyssd-transition-speed) var(--diyssd-transition-easing); } .diyssd-mobile-link:hover { color: var(--diyssd-ocean-blue); padding-left: 0.5rem; } .diyssd-mobile-link:active { background-color: var(--diyssd-charcoal-050); color: var(--diyssd-ocean-blue); padding-left: 0.5rem; } .diyssd-mobile-link.active { color: var(--diyssd-terracotta); font-weight: 600; } /* ========================================================================== RESPONSIVE BREAKPOINTS ========================================================================== */ /* Mobile (≤640px) */ @media (max-width: 640px) { .diyssd-nav { padding: 0.75rem 1rem; } .diyssd-logo img { height: 40px; } .diyssd-mobile-menu { width: 100%; } } /* Mobile Landscape (641-844px) */ @media (min-width: 641px) and (max-width: 844px) { .diyssd-mobile-menu { width: 75%; max-width: 450px; } } /* Tablet (845-1080px) */ @media (min-width: 845px) and (max-width: 1080px) { .diyssd-mobile-menu { width: 75%; max-width: 500px; } } /* Desktop (≥1081px) */ @media (min-width: 1081px) { .diyssd-desktop-menu { display: flex; } .diyssd-mobile-toggle { display: none; } .diyssd-mobile-overlay, .diyssd-mobile-menu { display: none; } } /* Large Desktop (≥1281px) */ @media (min-width: 1281px) { .diyssd-nav { padding: 1rem 2rem; } .diyssd-menu-link { padding: 0.5rem 1.25rem; } } /* ========================================================================== ACCESSIBILITY & REDUCED MOTION ========================================================================== */ /* Focus styles for keyboard navigation only (no outline on click) */ .diyssd-menu-link:focus-visible, .diyssd-dropdown-link:focus-visible, .diyssd-mobile-link:focus-visible, .diyssd-mobile-close:focus-visible { outline: 2px solid var(--diyssd-ocean-blue); outline-offset: 2px; } /* Remove all outlines from mouse clicks */ .diyssd-menu-link:focus:not(:focus-visible), .diyssd-dropdown-link:focus:not(:focus-visible), .diyssd-mobile-link:focus:not(:focus-visible), .diyssd-mobile-close:focus:not(:focus-visible), .diyssd-mobile-toggle:focus { outline: none; } /* Reduced motion support */ @media (prefers-reduced-motion: reduce) { .diyssd-nav-container * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } } /* High contrast mode support */ @media (prefers-contrast: high) { .diyssd-nav { border-bottom-width: 2px; } .diyssd-dropdown { border-width: 2px; } }

features benefits product web page | diy ssd

Product Reviews

SAMSUNG 980 PRO

The Samsung 980 PRO delivers legitimate Gen 4 NVMe performance with sequential speeds up to 7,000 MB/s, leveraging Samsung's proprietary Elpis controller and V-NAND for PC and PS5 compatibility. While build quality and endurance ratings impress, aggressive pricing from newer competitors undermines its value proposition unless you catch significant sales.

View

SAMSUNG 990 PRO

The SAMSUNG 990 PRO is a high-performance PCIe 4.0 NVMe SSD offering speeds up to 7,450/6,900 MB/s for read/write. Available in capacities up to 4TB, it's ideal for enthusiasts, gamers, and content creators. Compatible with desktops, laptops, and PS5, it features advanced V-NAND technology, AES encryption, and comes with powerful management software. While pricey, it delivers top-tier performance for demanding users.

View

SAMSUNG 9100 PRO

The Samsung 9100 Pro marks Samsung's entry into the PCIe 5.0 SSD market, offering exceptional performance for enthusiasts and professionals. With sequential read speeds up to 14,800 MB/s and write speeds reaching 13,400 MB/s, it outpaces previous-generation drives. Available in capacities from 1 - 4TB, the drive features Samsung's in-house controller and 236-Layer 3D TLC V-NAND V8 flash memory. Its slim heatsink option ensure compatibility with the PlayStation 5.

View

SAMSUNG T5 EVO

The Samsung T5 EVO breaks from Samsung's performance-focused portable SSD lineup with a capacity-first approach, delivering up to 8TB of storage in a pocketable form factor while trading NVMe speeds for SATA-level 460MB/s transfers. Available in 2TB, 4TB, and 8TB configurations with USB 3.2 Gen 1 connectivity, this drive targets users replacing external hard drives or prioritizing reliable bulk storage over maximum speed.

View

SAMSUNG T7

The SAMSUNG T7 Portable SSD offers high-speed external storage for gamers and content creators. With read/write speeds up to 1,050/1,000 MB/s, capacities up to 4TB, and a durable aluminum body, it's ideal for demanding users. Compatible with various systems including PS5 and Xbox Series X/S, the T7 features USB 3.2 Gen 2 connectivity, AES 256-bit encryption, and a compact design for ultimate portability.

View

SAMSUNG T7 Shield

The Samsung T7 Shield breaks into the rugged portable SSD market with IP65 water and dust resistance, drop protection up to 9.8 feet, and claimed sequential speeds of 1,050MB/s read and 1,000MB/s write via USB 3.2 Gen 2. This isn't just a standard drive wrapped in rubber—Samsung engineered sustained performance that maintains speeds even as capacity fills, addressing a critical weakness in portable storage. Available from 1TB to 4TB, the Shield targets content creators and outdoor shooters who need reliable high-speed storage that survives real-world abuse.

View

SanDisk Desk Drive

The SanDisk Desk Drive brings SSD speed to desktop backup with up to 8TB capacity and 1000 MB/s transfers. This AC-powered external SSD targets users who need hard drive capacity with solid-state performance, offering plug-and-play Time Machine compatibility and compact design. While pricier than portable alternatives, it delivers consistent 10 Gbps speeds for content creators and backup-focused users who value convenience over portability.

View

SanDisk Extreme Pro with USB4

The SanDisk Extreme PRO with USB4 redefines portable storage with up to 4000 MB/s transfer speeds, rivaling internal SSDs. Its IP55-rated aluminum chassis combines durability with thermal management, while USB4 connectivity ensures future-proof performance. Ideal for creators moving 4K video or gamers seeking portable game libraries, though the premium pricing demands compatible hardware to justify the investment over mid-tier alternatives.

View

SanDisk Extreme Pro with USB3.2

The SanDisk Extreme Pro with USB 3.2 delivers blazing-fast SSD performance in a rugged, pocket-sized design. With pro-level NVMe speeds ready for massive files, 4K editing, or game libraries, it turns waiting into a relic of the past. Built for creators and speed enthusiasts alike, this drive flexes serious power—small enough to slip in your pocket, bold enough to handle anything.

View

SanDisk iXpand Flash Drive Luxe

The SanDisk iXpand Flash Drive is a versatile storage solution for iPhone, iPad, and USB-C devices. With capacities up to 256GB and dual Lightning/USB connectors, it enables seamless file transfers between iOS devices and computers. Featuring USB 3.0 technology with 90MB/s read speeds, automatic backup, and password protection, it's ideal for expanding device storage and managing large media files efficiently.

View

About

Privacy

Terms