Bits & Beeps #11

Pretty and clear lists

To view this video, you need to accept YouTube’s terms.

Remember for all videos

In this episode of Bits & Beeps, we prettify output lists for a better visual appearance on my.raceresult.com. Especially for fans and spectators, the output list is often the first and only digital touchpoint with an event. A few visual conventions go a long way toward a professional impression.

Prettify lists

Font formatting highlights the most relevant fields
Dynamic formatting based on field values supports visual focus
Colors further highlight important cells
Multi-line lists allow for advanced styling options
CSS in the Info text above lists enables further fine-tuning on my.raceresult.com

Download the event file here.

New episodes every 2 weeks.

Last update:

← All Episodes

This website uses cookies to improve your experience while you navigate through the website and its subdomains. The cookies that are categorized as necessary are stored in your browser as they are essential for the working of basic functionalities of the website.

We also use third-party cookies that help us analyze and understand how you use this website and provide you with content that is relevant to you. These cookies will only be stored on your browser with your consent. You also have the option to opt out of these cookies. However, opting out of some of these cookies may affect your browsing experience.

Cookie	LastUser
Description	Stores the customer number from the last login through this browser. Used to prefill the user input in the login area.

Cookie	Cookieconsent
Description	Used to check if the cookie banner was shown to you in the last 35 days. Also stores your specific cookie banner selections.

Cookie	contactform_flag
Description	Checks if the red box with the contact form hint has already been presented in this browser session.checks if the red box with the contactform hint has already been presented in this browser session

Cookie	PHPSESSID
Description	This key is necessary to anonymously identify the current user session by our system. Essential for shopping cart, order process, customer account, etc.This key is necessary to anonoumously identify the current user session by our system. Essential for shopping cart, order process, customer account etc.

Cookie	Vimeo
Description	We use the video platform Vimeo to host videos and embed them into our website. When clicking on the video, Vimeo may set cookies in the browser.

Cookie	ad_storage
Description	Checks if advertising cookies can be stored, which are used for personalized advertising and retargeting.

Cookie	ad_personalization
Description	Controls whether ads are personalized based on the user's behavior and interests to show tailored ads.

Cookie	ad_user_data
Description	Controls whether the user's personal data can be processed for advertising purposes, such as information about age, gender, or interests.

Pretty and clear lists

Contact us!