👨‍💻 #Proposal-86: Latest Changes Moving to Steemitdev

This post outlines the latest set of changes that I've been working on for steemit.com.

---

^{Hero Image Source}

📄 Summary

By the time that you read this, the changes that I'm going to discuss below will be available to review on https://steemitdev.com but if not, please use your imagination until it becomes available in real life.

I've been able to achieve what feels like some significant updates which are:

• Implemented the Community Carousel on Mobile devices

• Updated the URL structure and corresponding Canonical URL to improve SEO

• Implemented 'Back-to-top' on Desktop

• Fixed the '/tags' page

• Fixed Bug - Payout dropdown menu is cut off at the bottom #3931

• Fixed Bug - Props of community settings is rejected by Hivemind as invalid #3932

• Fixed Bug - Preview Squashed on Mobile Devices #3935

🎠 Community Carousel on Mobile devices

Having successfully implemented the Carousel for Pinned Posts on Desktop, I've now implemented the same functionality for Mobile Devices.

Whereas on Desktop, two pinned posts are displayed at a time, on Mobile, this is reduced to one.

The benefit that this brings is that if you visit a community regularly and it's a community that has a habit of pinning a lot od posts, you can now toggle between the standard "List" view or select "Collapse All Pinned" which will reduce it to a scrollable carousel, the height of just one post.

---

🌐 URL structure and Canonical URL to improve SEO

In a previous post titled #proposal-86 SEO Improvements, I discussed a few options on how to improve Steemit's SEO ranking.

The discussion was helpful and whilst both options 2 and 3 would likely improve Steemit's SEO, Option 2 (using the community name) made the most sense. It was also noted that within a post's header, the community is mentioned whereas a poorly used first tag that is unrelated to the content (i.e. burnsteem, club5050, etc.) could actually be detrimental. A random sample of 10 posts saw at least four (if I'm being generous) inappropriate first tags. (Note: Education is an option but in all likelihood, an extremely slow and unnecessarily painful experience for all involved).

In order to implement this, I updated the URL structure in two places (the PostList and Routing) and also updated how the Canonical URL is formed in the meta information.

⬆ 'Back-to-top'

This is a feature that was requested by @hardphotographer who asked for the quick ability to return to the top of the page.

You may have noticed this in the screenshot above and I have implemented this on Desktop devices. In the bottom right hand corner, you'll see a classic up arrow which is the cusomary design and implementation.

Due to the difficulty in implementing this within the Mobile design, this is currently for Desktop only.

🏷 '/tags' Page

This page has been broken for as long as I can remember and I compared Steemit's implementation to both Hive and Blurt. Which didn't help. There's no clear and obvious indication why theirs work and ours doesn't.

So instead, I implemented the 'Tags' query using the same approach that is used to retrieve 'Followers' / 'Following'.

Which worked.

The greatest benefit of implementing it like this, is that in the future (hopefully before the end of #proposal-86), I can tweak this functionality to allow the retrieval and display of a Tag Cloud within the "Explore" section.

It's currently hard coded to retrieve (the maximum of) 250 tags, with 'hive-xxxxxx' (community) tags filtered out. In the future, the communities could have their own section but for now, I've removed them.

🐛 Bugs #3931, #3932 and #3935

#3931

No longer cropped:

#3932

Trust me. I crashed Hivemind fixing this.

#3935

#proposal-86 is quickly coming towards its end with only a month left. My intention is to submit an updated proposal to continue this work but with Bittrex no longer trading Steem Dollars, the poor price on HTX (although nearer to the $1 pegging we'd discussed) and terrible liquidity on the Internal Market, I'm not entirely sure how to approach this yet.

Regarless, as always, please share your feedback with me once this update hits steemitdev.