Editorial calendar

편집 캘린더

Put topics, owners, production stages, and publish dates on one schedule.

···
html
<div class="cal"><div class="head">MON <b>TUE</b> WED <b>THU</b> FRI</div><div class="grid"><i>IDEA</i><i>WRITE</i><i>REVIEW</i><i>SHIP</i></div></div>
css
.cal{position:relative;width:min(88%,620px);height:clamp(112px,46vmin,260px);border:2px solid var(--fg);background:var(--surface);padding:clamp(9px,2vmin,18px);font:800 clamp(10px,max(2.3vmin,1vw),16px) sans-serif}.head{display:flex;justify-content:space-between;border-bottom:2px solid var(--line);padding-bottom:10px;letter-spacing:.08em}.head b{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4%;height:65%;align-items:center}.grid i{font-style:normal;text-align:center;padding:clamp(5px,2vmin,14px) 2px;background:var(--accent-2);box-shadow:3px 3px 0 var(--fg);opacity:.75;animation:fill 5s infinite}.grid i:nth-child(2){grid-column:2;animation-delay:.8s}.grid i:nth-child(3){grid-column:4;animation-delay:1.6s}.grid i:nth-child(4){grid-column:5;animation-delay:2.4s;background:var(--accent);color:white}@keyframes fill{0%,12%{opacity:.75;transform:translateY(12px)}30%,85%{opacity:1;transform:none}100%{opacity:.75;transform:translateY(-5px)}}

An editorial calendar is a shared commitment from idea through review and distribution, not merely a list of publish dates. It makes handoffs and ownership visible.

It reveals crowded weeks and missing topics before they happen. Plan review time and production capacity alongside the publication date.

When to use

Use it for recurring team publishing to catch scheduling conflicts and missed reviews.

Open as page ↗