algolia / algoliasearch-client-css

Algolia Search API Client for CSS

Algolia Search API Client for CSS ><)))°>

Thank you for your interest in our CSS API Client.

This project is not real, but our 2017 April Fools prank. You can read more about its making on our blog.

We also have a surprise for you.

algoliasearch-client-css's Issues

Live demo button positioning seems weird

Both on Firefox and Chrome:

Is this on purpose?

Update quotes

Facetting

We could add a sidebar with the teams people are in (Engineering, Sales, Marketing). Using some checkbox/label hack we should be able to hide/display results.

Use community header

Halp @JonasBa

No results page

Currently, if nothing is typed, nothing is displayed. We should display the top 10 results instead.

Merge features sections

Preload all images

For an "instant" feelin.

body {
 &:before {
     display: none;
     background: url(../photo1.png), 
                           url(../photo2.png),
                           url(../photo3.png)
                          // ... etc
  }
}

Split composed names on dash

So we can find Rémy-Christophe both on Rémy, and Christophe.

algolia.com/css url

Add a redirect url to get a cleaner url to share

Change community team name

To "Developer Relations" per convo with @pixelastic

Find result no matter if the query is in capital or not

Better design

Maybe re-use the design we have on the "about us" page?

It won't be possible to do exactly the same thing as I can only highlight doing bold (or other font variation) but not change the color.

"Try our real API" link is broken

Currently links to https://demos.algolia.com/algoliasearch-client-css/users/sign_up

Display several results at once

It currently show only one result, maybe there is a way to make it show several of them at once.

Make the quotes tweetable

Hovering on the quotes should display a "Tweet this" button with the quote embedded and a cc of the author

Be able to match a query if you type only the last name

Giving a bit more context about the live demo

Above the Try It Live demo, we should add:

Try our CSS Search Demo

Take a test spin of what is possible with a pure CSS search experience by searching through the team members of Algolia by name or title.

Typo-tolerance / Synonyms

Would be perfect if we could find tim by looking for tom.

It would be technically possible to generate all the possible combination of typos but the resulting CSS file will be too large. Instead, what could be enough would be to define a hard-coded list of synonyms (typos) that would let us "show" that typos are handled :)

Add OG meta and Twitter cards

Update the OG images

We changed the hero subtitle, so we'll have to also update the OG images using it

Adding a second CTA in the hero: Live demo

People might miss that we have a live demo and that would be a shame. Why not put a second CTA in the hero with link to it?

add a link to the description

this project is great, and it should be easy to find the link if you're on the GitHub page. It would be useful to add https://community.algolia.com/algoliasearch-client-css/ to the description line in GitHub

Add a changing CTA when clicking on the download link

Clicking on the download link should not open a pop-up right away. It should first first cycle through the following text:

1. Really?
2. Are you sure?
3. Ok, one more click...

Then open the pop-up.

Animate the top logo

Centering the screencast in the fake window

We'll need to center the screencast in the fake browser window

Add paragraph with link to our careers page

Update pictures

We now have pictures for all employees, let's use them

Missing images for the three main feature

We'll need custom images for those three elements

What about putting the second image on the left instead of right?

Handle typo-tolerance

We should be able to generate rules where we replace some letters by a [a-z] regex, and thus manage to handle typos. No need to do it on the first letter, but we'll then have to do it on every other letter and maybe even for up to three different letters

Responsive issues

1. Header

2. Quotes can look better

Not super clear what the issue is, but I found it slightly confusing