zeplia / minwiz Goto Github PK

• everybody hates them
• some aggressive ad-blockers render links unusable

See this https://www.reddit.com/r/programming/comments/krooqi/a_full_website_in_17_kb_all_assets_included/

The removeOptionalTags property for gulp-htmlmin removes closing tags. Although the result is valid HTML, Bing cannot parse the content of the site.

Hí! Thanks for this excellent template. It's really elegant.

Slight problem: Clicking links in the navbar can act in one of two ways depending on page content.

Situation 1 : page content is less than viewport height
In this case, clicking the navbar link changes the page content nice and smoothly with the navbar is still displayed.

Situation 2: page content is greater than viewport height
In this case, clicking the navbar link changes the page content, but the navbar jumps upward out of view.

Is it possible to get the situation 1 behaviour always? Here is code to test on, since I haven't deployed yet
index.html.txt
.

You can drop the "https:" bit on your a href links (e.g. "https://twitter.com/ZepliaLab" becomes "//twitter.com/ZepliaLab") because the browser will assume the same URL scheme as your website, which is https.

See https://www.reddit.com/r/programming/comments/krooqi/a_full_website_in_17_kb_all_assets_included/gibc74z/

WooRank review

• title length: 50-60 (moz), 20-70 (WooRank), 70 twitter card (under 50 won't truncate).
• meta description length: 158 Google, 168 Bing and Yahoo, 120 mobile
• headings

Actual

• title: "MinWiz - Starter kit for lightweight sites" 42 length
• description: "Starter kit for good looking, viable, lightweight (under 2 KB compressed), production-ready sites with all the bells and whistles of modern web included." 153 length

Initial score: 55

See https://www.reddit.com/r/programming/comments/krooqi/a_full_website_in_17_kb_all_assets_included/gib2ty9/

Basically, display:none isn't recommended, it's better to use another technique.

Without using exotic properties like clipand clip-path, I have found this to be enough for this case (I'm planning to use it for the john-doe template:

section, section:target ~ section:last-of-type {
  height: 0;
  overflow: hidden;
}

section:target, section:last-of-type {
  height: auto;
  overflow: visible;
}