Components/aspects of pages

Stealing passwords from McDonald's users - Tijme Gommers: transparent nav bar in header

How "Key Convincer Phrases" can land you the gig every time 'V' in header, done w/ SVG

Stratechery by Ben Thompson – On the business, strategy, and impact of technology. Great overall design, love the footnote widget (..., click to see note).

AMP and Incentives - Like the header. Like the date overlaid a line in the heading. Great header. Navigation on left, photo and tagline on right. and beautiful shadows behind headings, reminds me of design. text-shadow: 0 0 1px #667 Great heading Error 404 page. has search, and links to most recent posts. Uses Nikola; per-post header images. Box around photos.

padding: 20px;
background-color: white;
box-shadow: 0px 3px 16px -2px rgba(0, 0, 0, 0.4);
margin: 0.5em auto; Great, transparent header.

header {
  background: #333;
  background: 00000080;

a { color: white; text-shadow: 0 2px 0 black; }

Mailpile blog: line height, extra-large headings

Full designs Dark colors, monospaced, beautiful blues and greens.

Emanuel Quimper. Dark colors, monospaced.

. Monospaced theme, Nikola-based.

Rasmus Andersson: Light-colored monospaced theme Header with animated title text. Header (and homepage) with background graphic, along with animations on scroll.

Aurélien Jarno: Nice black, grey, and white look. Rounded boxes. Navbar, header, etc. : Header, body, etc. Entire design, love the white & black minimal look.

Landing pages - Uses Twitter cards, OpenGraph, looks good. Uses JS to load higher-resolution background image. FontAwesome for social network links, etc. Love the fading in from black into the background image; great detail.


The Base. Medium-like theme called Mediator

Minimal Mistakes, a Jekyll Theme × Made Mistakes. Used by

So Simple Theme

Wordpress Intergalatic theme. Variant used on

SamatsWiki: BlogWebDesigns (last edited 2018-02-10 23:19:48 by SamatJain)