Made with Kirby and <3

It’s beautiful :+1: … simplicity at its best.

That filter is really great!

I’ve just uploaded my new portfolio, built with Kirby :heart:

https://www.jamiehunter.design

4 Likes

wow, nice! really impressed by how smooth everything is running

Thank you! I use Barba.js for the transitions and Greensock for animations.

Bonjour !

I’m delighted to share with you today the latest website designed and coded by Studio Fables.

Our client was a french children’s books publisher with a high quality catalog called Sarbacane Editions. The mission was to make the design and navigation as clear as possible, so everyone could discover their albums, novels and comics.

The website have some nice features like:
• Asynchronous loading of images and pages
• Auto extracted cover colors
• Lightspeed sorting and filtering (most popular tags, series, collections…)
• Custom search for single words, full book title, ISBNs…
• Smart related articles
• User accounts dedicated to journalists, booksellers and librarians to unlock more content
• Microdatas for Google to display nice page results

The project would not have been possible without the help from the Kirby community, so THANKS to all of you (Sonja, if you’re reading this :kissing_heart:)

We really hope you will appreciate this one!

capture

8 Likes

A new website for the vienna based animation studio “Bounty Studio”.

Home%20bounty%20studio

1 Like

I made this site with Kirby last year. Forgot to add is to this thread :slight_smile:
https://atipo.es/

4 Likes

https://tryagainfailagain.de

Website for the Impuls Festival 2019/2020 by the Folkwang University of the Arts — dedicated to 100 years of Bauhaus.

Design & Code by Magnetum Design Studio

3 Likes

Hey i made my own portfolio with Kirby.
It’s my second attempt and i just uploaded it.
l-i-l.de

3 Likes

What a great project! I really like the site!

Rated it on Awwwards for you! I’m part of the jury. Has potential to become site of the day.

1 Like

Many thanks Bastian — it was fun doing the project with Kirby V3!

Kudos to you, too: the editors love Kirby’s interface! Their feedback is always “cool…very intuitive…no training needed!”

1 Like

Website for a swiss beer brewery. tricky particles with pixi and badass transitions made with barba.
cheers!

27

3 Likes

Love the site and the design, would be even sicker if you could make it accessible though. Right now you don’t have a focus outline style, making keyboard navigation useless. Also, you tab through the menu even if it isn’t expanded. Then if you open the menu you can tab outside of it even though it’s a full overlay and the content you tab to is invisible. Most of your images don’t have a proper label or alt text. If you’d fix the keyboard nav and properly label all your images and form elements, as well as some links, this site would be a beauty.

Hi there, just put online my first kirby 3 website for a comtemporary art and street art exhibition in Dijon, France.

Struggled a bit with virtual pages for the huge application form for galleries, but it works perfectly :slight_smile:

https://art-fair-dijon.fr

4 Likes

Many thanks for your feedback — helped a lot!
I definitly missed out on the modal & focus accessibility. In the latest update I tried to fix as many issues as possible. The editors will look into adding alt texts for images, soon.

Just launched a new website with Kirby 3 for a client of us: https://www.exclusivesteel.nl
Designed by my colleague Joost, build by me. Also focused a lot on speed: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.exclusivesteel.nl

3 Likes

@bartvandebiezen Wow, that’s beautiful! Definitely one of my favorite websites posted here — and there’s a strong competition in this thread :slight_smile:

Something I noticed: Why did you disable display: pointer in the main menu? It confused me a bit. I also noticed some horizontal overflow/scrollbar in certain browser sizes. Very nice job though!

2 Likes

Thank you very much. Great to hear you like it.

About ‘cursor: default;’. This is done because changing a pointer is visual noise and should never have become so popular. A few thoughts:

  1. Elements should already have enough affordance.
  2. Touch doesn’t have cursors.
  3. Similar to hover: it is probably not the target, a cursor travels a lot -> unnecessary noise. Also be careful with hovers: very subtle or for adjusting elements. Focus on the focus state.
  4. Your OS doesn’t use pointers and users are used to OS conventions. An OS doesn’t have pointers for the same reasons.
  5. Users don’t notice it.
  6. Pointer was introduced because users didn’t understand underlined links when the web was new. All other elements, e.g. button, don’t have pointers.

It is only to help elements that contain very little affordance, for the rest it is visual noise.

1 Like