Responsive Design & Mobile First

Responsive Design & Mobile First Make websites fit for all screen sizes

Responsive web design is a design and technical paradigm for creating websites so that they can respond to the characteristics of the device being used, especially smartphones and tablet computers. Responsive websites are created using variable dimensions and the use of media queries.

The Mobile First Approach

Mobile First refers to a way of thinking in web design in which the display on mobile devices is given the highest priority in the development of a website.

Since the mobile Internet is on the rise and websites are increasingly accessed from small devices such as smartphones, a website should first be optimized for these same small devices. Until now, the focus in web design has been on optimizing the website for desktop screens.

Ingredient	Bakingtime	Bakery	Baking instructions
Cookie secret ingredient	1 year	TYPONiels HTML	Saves your consent to using cookies.
TYPO3 Users (Login)	session	TYPONiels HTTP	Assigns your browser to a session on the server.

Delicious toppings 🍯 from the Marketing Manufacture

With the help of these cookies we are trying to make our offer even more attractive for you. By means of pseudonymized data of website users the user flow can be analyzed and evaluated. This gives us the opportunity to optimize advertising and website content.

Ingredient	Bakingtime	Bakery	Baking instructions
User ID	13 months	Matomo HTML	Used to store a few details about the user such as the unique visitor ID.
Referrer	6 months	Matomo HTML	Used to store the attribution information, the referrer initially used to visit the website.
Session of the user	30 minutes	Matomo HTML	Short lived cookie used to temporarily store data for the visit.
Data of the session	30 minutes	Matomo HTML	Short lived cookie used to temporarily store data for the visit.
Temporary Data Object	30 minutes	Matomo HTML	Short lived cookie used to temporarily store data for the visit.
AdSense Audit	3 months	Google HTML	Used by Google AdSense to experiment with advertisement efficiency.
AMP Token	1 year	Google HTML	Contains a token that can be used to retrieve a Client ID from AMP Client ID service. Other possible values indicate opt-out, request in progress or an error retrieving a Client ID from AMP Client ID service.
DoubleClick identifier	2 years	Google HTML	Used by DoubleClick (Google Tag Manager) to help identify the visitors by either age, gender or interests.
Survey Invitation	365 days	Hotjar HTML	Hotjar cookie that is set once a visitor interacts with an External Link Survey invitation modal. It is used to ensure that the same invite does not reappear if it has already been shown.
Survey completed	365 days	Hotjar HTML	Hotjar cookie that is set once a visitor completes a survey using the On-site Survey widget. It is used to ensure that the same survey does not reappear if it has already been filled in.
Survey (FeedbackMessage)	365 days	Hotjar HTML	Hotjar cookie that is set once a visitor minimizes an On-site Survey widget. It is used to ensure that the widget stays minimized when the visitor navigates through your site.
Feedback form minimized	365 days	Hotjar HTML	Hotjar cookie that is set when a visitor minimizes or completes Incoming Feedback. This is done so that the Incoming Feedback will load as minimized immediately if the visitor navigates to another page where it is set to show.
User identifier	365 days	Hotjar HTML	Hotjar cookie that is set when the customer first lands on a page with the Hotjar script. It is used to persist the Hotjar User ID, unique to that site on the browser. This ensures that behavior in subsequent visits to the same site will be attributed to the same user ID.
Letzte Aktivität	session	Hotjar HTML	This should be found in Session storage (as opposed to cookies). This gets updated when a visitor recording starts and when data is sent through the WebSocket (the visitor performs an action that Hotjar records).
TLD test	session	Hotjar HTML	When the Hotjar script executes we try to determine the most generic cookie path we should use, instead of the page hostname. This is done so that cookies can be shared across subdomains (where applicable). To determine this, we try to store the _hjTLDTest cookie for different URL substring alternatives until it fails. After this check, the cookie is removed.
Feedback User Attributes	session	Hotjar HTML	User Attributes sent through the Hotjar Identify API are cached for the duration of the session in order to know when an attribute has changed and needs to be updated.
User attributes (Cached)	session	Hotjar HTML	This cookie stores User Attributes which are sent through the Hotjar Identify API, whenever the user is not in the sample. These attributes will only be saved if the user interacts with a Hotjar Feedback tool.
LocalStorage test	365 days	Hotjar HTML	This cookie is used to check if the Hotjar Tracking Script can use local storage. If it can, a value of 1 is set in this cookie. The data stored in_hjLocalStorageTest has no expiration time, but it is deleted almost immediately after it is created.
Page limit	30 minutes	Hotjar HTML	This cookie is set to let Hotjar know whether that visitor is included in the data sampling defined by your site's pageview limit.
Session limit	30 minutes	Hotjar HTML	This cookie is set to let Hotjar know whether that visitor is included in the data sampling defined by your site's daily session limit.
Session Process Flag	30 minutes	Hotjar HTML	This cookie is used to detect the first pageview session of a user. This is a True/False flag set by the cookie.

Responsive Design & Mobile First Make websites fit for all screen sizes

The Mobile First Approach

Convince your customers with a responsive web presence

Is your website already responsive and optimized for mobile devices?

Screendesign
Website in the design of your company

Modular structures
Component-based layouts

Frontend development
That which is visible

Prototypes & wireframe
Receive early feedback in real practical use

Is your website already responsive and optimized for mobile devices?

You would like to find out more? These contents might also interest you

Screendesign Website in the design of your company

Modular structures Component-based layouts

Frontend development That which is visible

Prototypes & wireframe Receive early feedback in real practical use

You would like to find out more?
These contents might also interest you

Screendesign
Website in the design of your company

Modular structures
Component-based layouts

Frontend development
That which is visible

Prototypes & wireframe
Receive early feedback in real practical use