Creative — Denys

Idea board

Some things I want to build:

A tiny “system designer’s notebook” — patterns, pitfalls, and checklists.
A mini platform to demo API versioning, caching, background tasks, and migrations.
A playful networking sandbox: IPv6 experiments explained like a story.

Bonus: the menu above is a UL-based navigation (lab requirement), styled via CSS.

ASP.NET + modern web glossary (definition list)

Definition list demo: <dl> <dt> <dd>

ASP.NET Core

.NET Web Stack

A modern framework for building web apps and APIs on .NET. I mostly use it for:

REST APIs / Minimal APIs
Auth (JWT/cookies), middleware pipelines
Background processing + scheduled tasks

Middleware

A pipeline of components that process HTTP requests (logging, auth, caching, routing).

Dependency Injection (DI)

A way to assemble services cleanly (interfaces + implementations) and keep code testable.

Modern CSS

Flexbox/Grid layout, logical properties, clamp(), filter, transitions.

Modern JavaScript

Modules, fetch, event delegation, DOM APIs, and “vanilla-first” UI patterns.

Lists showcase (UL / OL / nested / attributes)

There are 2 types of lists: ordered and unordereed. But you can also cheat a little bit and use display:list-item

1) Unordered list: marker type + marker image

Square bullets (CSS + type)
list-style-position: outside (default-ish)
list-style-position: inside (see how marker moves)

These markers come from an image (from a file at img/bullet.svg)
Fallback marker is still defined in CSS
Nested list demo:
1. nested ol starts at “c”
2. still works inside ul

2) Ordered list: type, start, and value

Start is 3 ⇒ begins at III
This item forces the number to X (value="10")
Next one continues: XI
Nested steps:
- design
- implement
- ship

3) display:list-item on non-LI elements (lab trick)

Minimal API

Short endpoints, clean routing, great for small services.

Logging + metrics

Make production boring: structured logs, dashboards, alerts.

Tech stack table (caption, colgroup, thead/tbody/tfoot, rowspan/colspan)

Denys Tech Stack Matrix (Lab 1.3 tables demo)
Technology		Practice
Area	Tool / Framework	Used for	Notes
Backend	C# / ASP.NET Core	APIs, auth, middleware, background jobs	Clean architecture, profiling, observability
	EF Core / Dapper	ORM + fast data access	Pick by case: convenience vs raw speed
	REST + versioning	Contract-first APIs	Stability + compatibility
Data	SQL Server	Schema design, indexes, performance	Query tuning, migrations, reporting
Data	Redis (optional)	Caching / rate limiting
DevOps	Docker	Containers, reproducible deployments	Compose for local stacks
DevOps	Linux	Hosting, automation, debugging	Networking tools + logs + scripts
Web	HTML/CSS/JS	Vanilla UI + DOM	Flex, filters, accessible focus
Web	jQuery (a bit)	Legacy quick wins	Only when it makes sense
Personal	macOS + VS Code, and I like building “boring reliable” systems.
Table features used: caption, colgroup/col, thead/tbody/tfoot, rowspan/colspan, plus CSS for caption-side / border-collapse / border-spacing / empty-cells.

Mini demo: border-collapse vs border-spacing

Collapsed borders (border-collapse: collapse)
Mode	Look
collapse	single thin borders

Separate borders (border-collapse: separate + border-spacing)
Mode	Look
separate	visible spacing between cells

Notes & snippets

/*Once and for all - that's how you center DIVs!*/
.parent {
  display: flex;
  justify-content: center; /* Horizontal */
  align-items: center;     /* Vertical */
  height: 100vh;           /* Full viewport height */
}

/* ASP.NET Core tiny note */
app.MapGet("/health", () => Results.Ok(new { status = "ok" }));

Creative Stuff