« PlayGround Free Weekend | App News | A Stoner's Review: Switcher Studio for iOS by HotRock SupaJoint »

discchord v3.1: New Search & AppDB List Views

Today I've rolled out the next set of features for discchord v3.1! This update focused on some community requests. Readers stub and AJP had requested a new "spreadsheet" view on the AppDB for easier voting, and Marcel wanted a condensed view on search results. I've addressed both of these requests in today's update.

Search & AppDB List Views

At the top of the the search page, as well as the AppDB Index, you'll now find a button to switch views. This will toggle between the detailed view, and a much more condensed list view. This is included in the URL, so you can share links with the same view. As an example: you can see it in action here!

List view gives you 20 results on each page. This will hopefully make searching faster, but I've also included voting in results for app searches and on the AppDB. Now you can quickly vote on many apps at once! I'd like to continue to encourage more voter participation, because the "Reader Rating" is only useful if people are voting. Do your part to help other readers find good apps, while avoiding the bad ones!

Now 80% Flatter!

The site uses Angular-Material for many of the front-end elements. This is Google's design platform for nice, mobile-friendly, interfaces. Many Android apps use the same core technology for their UI. It was an interesting challenge to use Material in the redesign of the site. I tend to want to make things super tight and small, while Material wants every screen element to be FUCKING HUGE for easy finger accuracy. I let it make some things bigger, but I reigned it in where I felt it was making elements too big. We came together at a middle ground that I've been pretty happy with.

One of the more interesting features in Material is the ability to easily set the z-axis height of elements. This amused me way too much, and I got somewhat carried away with that. I basically ended up with a flat design of many layers... which means it isn't flat at all.

I've calmed things down a bit. A lot of it is subtle stuff most people will never notice, but I went through the whole front-end code base removing most of the height elements. Now the site is much flatter, but still retains some height to distinguish and delineate elements.

Low-Carb Cookies

I've repeatedly heard requests to make the site keep people logged in. This is a good idea and I'm trying to achieve that without using cookies. There are a lot of privacy and security concerns with cookies that I just don't want to have to deal with. Instead the site uses Sessions; which are like cookies without tracking you on other sites, nor any of the other things people hate cookies for.

In my local testing I think I have the Sessions storing properly to keep you logged in, but this is really hard to test without real world conditions. If you notice the site isn't keeping you logged in, then please let me know what device, browser, and the type of Internet connection you're experiencing this from. I'll continue to tweak it until it works, or abandon it for cookies if I can't make it happen.

Up Next:

With the "easy" stuff out of the way, I'm now focusing on Preset uploads! I'm still on schedule and hope to have those live for the site's 6th Anniversary around late August.

Here is a quick video I did to show off the new List View features.

Reader Comments 12

A better mousetrap!
June 23, 2017  | person Zenzilla
Maybe you could look into having an option to search only in the app name. That way if you wanna find the app "Audiobus" you can exclude all the apps that mention Audiobus in the description.
Awesome job Tim!
It was very easy and fun to vote for all the apps I like or dislike.
Perhaps next update can add a so-so button for the apps we own but won't qualify for a thumb up/down?
June 23, 2017  | person Marcel
Tim - I'm using Chrome and the top portion of the App Guide looks different than your example above. The "Toggle View" icon is surrounded by white space with the "Search For" and "Search In" fields at the top and the blue "Search" button down below in the lower right. I can send a screen shot if you need a visual. Perhaps this is a Chrome "feature" related to my ad blocker or some other fluke in the way the html is presented.
On June 23, 2017 - @BDBaker1958 said:
Tim - I'm using Chrome and the top portion of the App Guide looks different than your example above. The "Toggle View" icon is surrounded by white space with the "Search For" and "Search In" fields at the top and the blue "Search" button down below in the lower right. I can send a screen shot if you need a visual. Perhaps this is a Chrome "feature" related to my ad blocker or some other fluke in the way the html is presented.
Yes, please email me a screenshot. I do all of my development on Chrome, testing on everything else, so I'm surprised to hear that! It sounds like something is misaligned, but I'd have to see a screenshot to know what.

Maybe it is a CSS issue. There were a lot of CSS changes in the update, but sometimes Chrome caches CSS when it shouldn't. Assuming this is Chrome on desktop, try holding down left-shift and the press the refresh button in the top-left of the browser. This should force it to refresh the cache. If it is still screwy then please send me a screenshot.

If you don't have my email address, it is Tim at the most obvious domain name that comes to mind. ;)
Tim - thanks. Indeed, the "left-shift / refresh" tip cleared up my cache and now it looks fine.
@BDBaker1958: Ah good! I'm glad it was something simple like that. Thanks for coming back to confirm that!
Cool, I just went on a voting spree!
Some feedback...

Re. my iOS device = iPad Air 2, iOS 8.3
Browsers: Safari & Dolphin

In the Music App Guide, the App Category & Supported Devices is grey - cannot use.
The Release Date is also grey, unless I tap Toggle View.

Can this be addressed ?

Thanks.
June 24, 2017  | person Nozomi
Awesome job Mr. Tim.
So far the site keeps me logged in, no problems.

Cheers!
June 24, 2017  | person Yak Nepper
On June 24, 2017 - @Nozomi said:
Re. my iOS device = iPad Air 2, iOS 8.3
Browsers: Safari & Dolphin

In the Music App Guide, the App Category & Supported Devices is grey - cannot use.
The Release Date is also grey, unless I tap Toggle View.

They should be gray, but they should not be disabled. Can you double-check that although they are grayed out you can still use them?
Nice! I just went on a voting spree as well.

Looking forward to preset sharing....
June 24, 2017  | person ajp
comment

  Post a New Comment

Anonymous comments are closed for old articles. If you'd like to comment please Register.

Comment:

Do not use HTML in your comments. Tags: [b] Bold Text [/b] [i] Italic Text [/i]
Links will be generated if you include http:// or https:// at the beginning of a URL.
Submit