rident
Ice age trail - https://www.iceagetrail.org
Superior hiking trail - https://superiorhiking.org/
John Muir trail - https://www.johnmuirtrail.org/
Long trail - https://www.greenmountainclub.org/the-long-trail/
Pacific Crest trail - https://www.pcta.org/
Hayduke trail - http://www.hayduketrail.org/
Arizona trail - https://aztrail.org/
Might be fun to take all the w3 core styles rebuild them with modern CSS features. Maybe add some HTML5 elements to the test docs as well.
Granted that is still not much but here I've augmented the 546 byte example to render nearly the same results with only 155 bytes. [2]
I've removed rem units as it's easier for all to understand without them. Pixel units scale just fine across the browsers available these days so there's no need for the mental hurdles and explained calculations. I've left them in the source HTML all the same for the sake of testing. The real feature making sites look good across a ever widening array of pixel densities today is this meta tag that was also used in the example HTML: <meta name="viewport" content="width=device-width"> [3]
Setting a font-family generically on the body tag gives the shortest path to consistent, doesn't-look-like-times-new-roman, font styling possible.
I left the unmentioned line-height in because it's a good default. It adds a little basic spacing between wrapping lines of text.
Styling elements that are children of the article to only have bottom margins gives consistent spacing to all content, and since top margins collapse [4] we can avoid dealing with them all together.
[1]: https://jrl.ninja/etc/post.css
[2]: https://jsfiddle.net/gb0ojdsL/8/
[3]: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/View...
[4]: https://css-tricks.com/what-you-should-know-about-collapsing...
The menu is marginally better but the extra density there makes the options run together, especially as counts increase, and lacks room for feature expansion. The grey background is useful also as it gives the page sections depth and context without having to label it. A all white background with various text sizes and lengths is not optimal for supporting more than the example design and projects using more text or with longer titles will suffer.
This design doesn't take into consideration how the homepage of a repo relates to the subpages of a repo. The article mentions showing more files yet the in the current design, file view one click away from the current homepage removes most of the account meta data and shows more files already.
This design also doesn't consider the logged out view which has a large call to action banner to get an account strategically embedded at the top of the code tab. This focal point is somewhat lost in the presented redesign and would likely require rounds of A/B testing to decide on a new content breakpoint for this business need.
5/10 - needs work
You can implement this feature yourself too: https://developer.mozilla.org/en-US/docs/Web/HTTP/Link_prefe...
If you use some of the weirder stuff in jQuery or use plugins you might end up doing some targeted refactoring or just porting that code but I found it a relatively painless transition to make.
Tip: write unit/integration tests for the code you're about to convert as it makes the process much easier and faster.
If you check out their site[2] you can click on the Route Map button and see the buses run in real time.
[1] https://urbanmilwaukee.com/2014/12/03/eyes-on-milwaukee-new-...
curl cht.sh/js/foreachBut they didn't, the closing and interconnecting of Google's product ecosystem was the beginning of a trend which is now seen across most of their offerings:
The Pixel has silly restrictions as I mentioned. Android apps, Drive, Docs and the office suite apps have gone stale since they came out of beta and lack the commitment to open source that Google once championed.
Even their new HTML replacement, AMP, is heavily tied to Google resources, requiring entirely different implementations of the same experiences between the HTML and AMP versions further handcuffing the buyer to their ecosystem and the buyer's customers to Chrome.
> If you use hangouts.google.com for video calls, or need help on chat, visit the classic Hangouts Help Center.
They too though made a Google-like transition and went from an open protocol (IRC/XMPP) to a closed/custom API. At least here, the server admin can enable those protocols if they want and the API seems to offer enough features that someone could probably integrate Slack into another IRC-like client.
Allo is a text chat app with lots of options for stickers and end-to-end encryption disabled by default.
I don't have a strong need for either of these apps.
Then they killed off the jabber client to force users further into their software ecosystem. Then Hangouts came along and has to some degree replaced Talk with further ties into that ecosystem.
Then they removed browser support for anything but Chrome in Hangouts, initially promising to re-extend support, yet today the docs have changed to just say you must install Chrome.
The most recent eco-system tie-in that this article doesn't mention is Google Hangouts Meet. The corporate conference room version of Hangouts that has a different interface, custom Google hardware, and less memorable links (/xcf-fges-sce vs. /organization/meeting-name).
Pixel has similar limitations when it comes to screen mirroring, only a Chromecast will do for the Pixel! Yet other android phones freely connect to Chromecast/Roku/Firestick/etc all because of a hidden menu setting that Google has disabled and set to 0 by default. You must root your phone to get around it. Great flagship right?
All this points to a company that's so fucking worried that their tech is going to be outpaced by the little guy that they have to resort to handcuffing users to their wares. I've almost completely switched to Slack in the mean time.