Tag: UI Design

Photoshop

Photoshop Smart Objects: Edit Once, Update Everywhere Without Quality Loss

- - ErcanOPAK comment on Photoshop Smart Objects: Edit Once, Update Everywhere Without Quality Loss

Updating the same logo in 50 different mockups? Smart Objects maintain quality while allowing global updates. Create Reusable Smart Objects: Step 1: Convert to Smart Object Right-click layer → “Convert to Smart Object” Or: Layer → Smart Objects → Convert to Smart Object Step 2: Edit source Double-click Smart Object thumbnail Edit in new tab […]

Read More
CSS

CSS: Create Smooth Skeleton Loading Screens with Pure CSS (No JavaScript)

- - ErcanOPAK comment on CSS: Create Smooth Skeleton Loading Screens with Pure CSS (No JavaScript)

Loading spinners look outdated. Modern sites use skeleton screens that show content placeholders while data loads. Pure CSS, no libraries needed. The Basic Skeleton: .skeleton { background: linear-gradient( 90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75% ); background-size: 200% 100%; animation: loading 1.5s infinite; border-radius: 4px; } @keyframes loading { 0% { background-position: 200% 0; } […]

Read More