profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/ScottHelme/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
Scott Helme ScottHelme UK https://scotthelme.co.uk Security Researcher, international speaker and blogger.

ScottHelme/CloudFlareDDNS 254

Create your own DDNS service with CloudFlare

ScottHelme/Lets-Encrypt-Smart-Renew 88

Check the remaining validity period of a certificate before renewing.

ScottHelme/AlexaNissanLeaf 39

An Alexa Skill to control the Nissan Leaf

report-uri/report-uri-bugs 18

Bug tracker for https://report-uri.com

ScottHelme/revocation-endpoints 15

A list of CRL and OCSP endpoints.

ScottHelme/HPACK-Encode 11

Encode strings with HPACK.

ScottHelme/le-scan 11

Let's Encrypt Revocation Event

ScottHelme/horizon 8

https://horizon.scotthelme.co.uk

ScottHelme/awesome-appsec 6

A curated list of resources for learning about application security

ScottHelme/PineappleSurprise 5

Pineapple Surprise! is a PHP implementation for the Wi-Fi Pineapple or "Jasager". Used in conjunction with dnsspoof it will serve a "surprise" to any clients connected to the device when they make an HTTP request.

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 h2.header {   font-size: 0.875rem;   text-decoration: none;   text-align: center;+  box-shadow: 2px 2px 3px 3px lightgray;

Can we add this box-shadow just to the chapter-cta class rather than all btns? Looks a bit weird for the buttons on the home screen.

AbbyTsai

comment created time in 3 hours

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 <h2 id="explore-results">       {{ self.explore_the_results() }}     </a>   </h2>-  <a class="alt btn" href="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}">-    <svg width="18" height="18" role="img">+  <a class="alt btn cta" href="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}">+    <svg width="22" height="22" role="img">       <title>{{ self.discuss_this_chapter() }}</title>       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#comment"></use>     </svg>     <span id="num_comments">{{ self.comments_fallback() }}</span> <span data-translation id="comment-singular">{{ self.comment() }}</span>     <span data-translation id="comment-plural">{{ self.comments() }}</span>   </a>+  <a class="alt btn cta" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues/new?assignees=&labels=bug%2C+writing&template=2020-content-issue.md&title=Issue+with+the+2020+%5BCHAPTER%5D+chapter">+    <svg width="22" height="22" role="img">+      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#github"></use>+    </svg>+    <span>Suggest Edit</span>+  </a>

An svg with role="image" must have an accessible name for screen readers. This is what is causing the Lighthouse failures as when you hide the text on mobile and only show the icons, there is no accessible name.

You should add a <title> element (which handily will also show as a hover tooltip).

Let's also put the full text in the <title> and make the actual text aria-hidden, so we get the full text even on mobile view (when text is hidden) but avoids repeating the text on desktop view (which text is not hidden):

  <a class="alt btn chapter-cta suggest-edit-cta" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues/new?assignees=&labels=bug%2C+writing&template=2020-content-issue.md&title=Issue+with+the+2020+%5BCHAPTER%5D+chapter">
    <svg width="22" height="22" role="img">
      <title>GitHub: Suggest Edit</title>
      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#github"></use>
    </svg>
    <span aria-hidden="true">Suggest Edit</span>
  </a>

We should also move this text to each languages templates. But let's look at that after we've addressed all these issues.

AbbyTsai

comment created time in 3 hours

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 <h2 id="explore-results">       {{ self.explore_the_results() }}     </a>   </h2>-  <a class="alt btn" href="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}">-    <svg width="18" height="18" role="img">+  <a class="alt btn cta" href="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}">+    <svg width="22" height="22" role="img">       <title>{{ self.discuss_this_chapter() }}</title>       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#comment"></use>     </svg>     <span id="num_comments">{{ self.comments_fallback() }}</span> <span data-translation id="comment-singular">{{ self.comment() }}</span>     <span data-translation id="comment-plural">{{ self.comments() }}</span>   </a>+  <a class="alt btn cta" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues/new?assignees=&labels=bug%2C+writing&template=2020-content-issue.md&title=Issue+with+the+2020+%5BCHAPTER%5D+chapter">+    <svg width="22" height="22" role="img">+      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#github"></use>+    </svg>+    <span>Suggest Edit</span>+  </a>+  <a class="alt btn cta" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues/923">+    <svg width="22" height="22" role="img">+      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#globe"></use>+    </svg>+    <span>Help Translate</span>+  </a>

Same here:

  <a class="alt btn chapter-cta help-translate-cta" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues/923">
    <svg width="22" height="22" role="img">
      <title>GitHub: Help Translate</title>
      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#globe"></use>
    </svg>
    <span aria-hidden="true">Help Translate</span>
  </a>
AbbyTsai

comment created time in 3 hours

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 footer.alt-bg a:focus { footer {   padding-top: 40px;   padding-bottom: 40px;+  z-index: 2;

I don't think this is needed and think it's a little weird it goes behind the footer.

AbbyTsai

comment created time in 3 hours

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 p.copyright a {    header nav:first-of-type,   footer nav:first-of-type,-  header .cta {+  header .cta,+  .alt.btn.cta > span {
  .chapter-cta > span {
AbbyTsai

comment created time in 3 hours

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 p.copyright a {    header nav:first-of-type,   footer nav:first-of-type,-  header .cta {+  header .cta,+  .alt.btn.cta > span {
  .chapter-cta > span {
AbbyTsai

comment created time in 3 hours

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 <h2 id="explore-results">       {{ self.explore_the_results() }}     </a>   </h2>-  <a class="alt btn" href="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}">-    <svg width="18" height="18" role="img">+  <a class="alt btn cta" href="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}">
  <a class="alt btn chapter-cta comment-cta" href="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}">
AbbyTsai

comment created time in 3 hours

Pull request review commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

 h2.header {   font-size: 0.875rem;   text-decoration: none;   text-align: center;+  box-shadow: 2px 2px 3px 3px lightgray;+}++.alt.btn.cta > svg {+  margin-right: 0px;+}++.alt.btn.cta {+  position: fixed;+  padding: 10px 15px;+  opacity: 0.9;+  text-decoration: none;+  z-index: 1;+}++.alt.btn.cta:nth-child(2) {+  bottom: 8.5em;+  right: 0.125em;+}++.alt.btn.cta:nth-child(3) {+  bottom: 4.5em;+  right: 0.125em;+}++.alt.btn.cta:nth-child(4) {+  bottom: 0.6em;+  right: 0.125em;+}++.alt.btn.cta > span:nth-child(2) {+  margin-left: 0.35em;

This all seems a little verbose.

Can't we just use .cta for most of these, and maybe give real class names to the three ctas?

Also not sure about the name cta. Bit of a generic name. I wonder should we call it chapter-cta?

.btn.chapter-cta > svg {
  margin-right: 0px;
}

.chapter-cta {
  position: fixed;
  padding: 10px 15px;
  opacity: 0.9;
  text-decoration: none;
  z-index: 1;
}

.comment-cta {
  bottom: 8.5em;
  right: 0.125em;
}

.suggest-edit-cta {
  bottom: 4.5em;
  right: 0.125em;
}

.help-translate-cta {
  bottom: 0.6em;
  right: 0.125em;
}

.chapter-cta.> span:nth-child(2) {
  margin-left: 0.35em;

Still mulling over what we should do with that last one...

AbbyTsai

comment created time in 4 hours

issue commentHTTPArchive/almanac.httparchive.org

CSS 2021

I can review!

rviscomi

comment created time in 3 hours

issue commentHTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

thank warm y'all and lots of inspiring articles by web.dev which give the space to those try-error circles. Here's the progress love to have more thoughts in. ^^

image image image

rviscomi

comment created time in 9 hours

push eventHTTPArchive/almanac.httparchive.org

Abby

commit sha 9e8465c1a3fcbe6d6cb7dd18313f320336633dee

fix linter by empty line..

view details

push time in 10 hours

push eventHTTPArchive/almanac.httparchive.org

Abby

commit sha 4fd7836d85513ba9e48f4dfaeef41d5516b11eb1

fix linter by space

view details

push time in 10 hours

PR opened HTTPArchive/almanac.httparchive.org

Fixed position chapter CTAs

progress on Fixed position chapter CTAs #1617

+51 -6

0 comment

2 changed files

pr created time in 11 hours

create barnchHTTPArchive/almanac.httparchive.org

branch : chapter-CTAs-position

created branch time in 12 hours

startedScottHelme/CloudFlareDDNS

started time in 16 hours

issue commentHTTPArchive/almanac.httparchive.org

CSS 2021

Please add me to the list of reviewers.

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Accessibility 2021

Please add me to the reviewer list.

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Performance 2021

Please add me to the reviewer list.

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Markup 2021

I'm curious/willing to help with a CSS chapter in whatever way helps!

Cheers, Tommy

On May 7, 2021, at 1:39 PM, Jabran Rafique⚡️ ***@***.***> wrote:

@jabranr https://github.com/jabranr were you interested in reviewing this chapter? (or JS/CSS)?

@rviscomi https://github.com/rviscomi I can go for JS/CSS ones.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/HTTPArchive/almanac.httparchive.org/issues/2142#issuecomment-834645827, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAHJJULL7GQTBJ63XG6NM7DTMQQTXANCNFSM43UFMHVQ.

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Resource Hints 2021

Can i join as a reviewer?

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Performance 2021

Can i join as a reviewer?

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Markup 2021

@jabranr were you interested in reviewing this chapter? (or JS/CSS)?

@rviscomi I can go for JS/CSS ones.

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

CMS 2021

Also happy to help out here, probably best suited as a reviewer but may also be able to assist with some authoring.

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Jamstack 2021

I’d like to suggest @thomkrupa though! He’s the co-founder and CTO of Bejamas, where they extensively work with (and write about!) the Jamstack

rviscomi

comment created time in a day

issue commentHTTPArchive/almanac.httparchive.org

Jamstack 2021

I would have loved to, but I don’t think I’ll have the time to get involved this year.

rviscomi

comment created time in 2 days

issue commentHTTPArchive/almanac.httparchive.org

Capabilities 2021

Simulating interactions is doable with WPT but it'd be a first for HTTP Archive and doing it at scale would be challenging.

That's what I expected, so most probably not a pragmatic way to go.

Static analysis to determine "what kind of page is this" also sounds challenging open to lots of subjectivity. If we go that route I'd be interested to see what heuristics would produce reliable signals.

To-be-determined 🧪 I guess… In the worst case we simply do an update of the 2020 queries.

rviscomi

comment created time in 2 days

issue commentHTTPArchive/almanac.httparchive.org

Ecommerce 2021

@soulcorrosion did you have interest in being an author or peer reviewer for this chapter?

Hi @rviscomi I can review. Since I'm reviewing in another chapter as well, authoring can be too much.

rviscomi

comment created time in 2 days

issue commentHTTPArchive/almanac.httparchive.org

Ecommerce 2021

Hi, I'd be interested in putting my name forward as an author.

rviscomi

comment created time in 2 days

issue commentsecurityheaders/securityheaders-bugs

How bad is it to not include security headers when redirecting from Http to Https?

/cc @ScottHelme I understand this is not a critical bug/question. However, I'd really like some feedback (even a brief one) about the usefulness of implementing security headers in http responses while redirecting to https.

nulltoken

comment created time in 2 days