A good website should not only look modern and attractive. Most importantly, it should fit the people who use it. But how do we know what users need and what is important to them? One way to understand the target audience better is to use UX personas.
The expectations for digital services are constantly increasing. Citizens want to find information quickly, submit applications easily, and book appointments online – regardless of their device, age, or level of digital experience. At the same time, municipalities and public institutions face the challenge of presenting complex administrative processes digitally in a way that is both clear and efficient.
User-Centered Design is often perceived as a complex method used by large organizations – associated with extensive research teams, lengthy analysis phases, and complex processes. This interpretation falls short.
Many companies consider their website a completed project. After launch, it is only updated sporadically over the years. The problem: While customer requirements, search engines, and digital technologies continue to evolve, the website often remains stuck in the past.
In digital design, we often focus on components: buttons, layouts, input fields. However, users do not interact with these elements on a technical level. They interact with what they perceive. That is why designers must also take psychological aspects into account. Their role is crucial.
2026 marks a turning point in UX design. After a decade shaped by screens, apps, and linear user journeys, the focus is shifting toward action-oriented assistants, multimodal interactions, ambient services, compliance-by-design, and strategy-driven, outcome-focused product decisions.
For small and medium-sized businesses looking to expand their digital presence, these trends are anything but abstract. They directly influence conversion, trust, customer retention, and long-term scalability.
I still remember my first semester at university very clearly.
Everything was new, exciting, a little chaotic, and right at the beginning we had an introductory project on our schedule.
I still remember my first semester at university very clearly.
Everything was new, exciting, a little chaotic, and right at the beginning we had an introductory project on our schedule.
White Space – also known as negative space – is often underestimated in web design. Many companies feel that every empty area on their website needs to be filled with text, images, or buttons. But in reality, White Space is one of the most powerful design elements when it comes to creating usability, clarity, and elegance. In this article, you will learn why less can sometimes be more – and how you can use White Space strategically to increase your conversion rate.
Modern websites often implement a dark mode to improve the user experience, reduce visual fatigue, and increase accessibility. Since browser dark modes only affect the browser interface, a website remains unchanged unless it has its own dark-mode styles.
In multilingual websites, it is important to display content in the appropriate language and context – especially when it comes to localized content for international audiences. One often overlooked aspect is the date. For example, when the day of the week is displayed, PHP outputs it in English by default, regardless of the language of the page. This not only affects the user experience, but can also be relevant for SEO.
In this article, we show how to use an EEL helper in Neos CMS (version 8.3 and later) to correctly localize the date according to the language dimension – an important building block for technically clean, multilingual websites, such as those required for data-driven performance marketing campaigns.
Creativity is not a magical gift that you are born with. It is a skill that can be learned, practiced, and deliberately applied – especially in web development.
Whether it is a website relaunch, the development of a new logo, or the optimization of a user journey, at econcess we regularly face creative challenges. And that is exactly when it helps to know the right methods for generating ideas and to apply them deliberately.
With the AssetVariantGenerator, Neos CMS provides a robust foundation for automatically creating image variants – e.g. for responsive designs and different breakpoints
At our agency, we follow a clearly defined principle when it comes to designing and implementing new projects. Whether it is a website relaunch, a redesign of an existing site, or a completely new digital product – we follow the international ISO 9241-210 standard for user-friendly, interactive systems.
Digital transformation is also making its mark on the healthcare sector. Patients are increasingly searching online for medical information, appointment scheduling, or healthcare services. An intuitive and trustworthy website is therefore essential for healthcare providers. Here you can learn how Healthcare UX (User Experience) can improve digital patient care – and which best practices can help.
In the digital age, web development plays a central role, as more and more people and businesses rely on the Internet. Behind almost every website we visit are three essential technologies: HTML, CSS, and JavaScript. They are the cornerstones of frontend development and enable developers to create attractive, user-friendly, and interactive web applications.
Virtual Reality (VR) is revolutionizing the way we experience digital content. The ability to immerse ourselves in a fully immersive virtual world offers a new dimension of user experience (UX). However, designing VR experiences differs fundamentally from traditional 2D UX design for websites or apps. It requires new ways of thinking and approaches to provide users with a smooth, intuitive experience in the virtual world.
Web design is constantly evolving to meet the needs of modern users. With the rise of Augmented Reality (AR) and Virtual Reality (VR), we are facing a new turning point. These technologies have the potential to fundamentally transform the web by creating immersive experiences that go far beyond what conventional 2D websites can offer. But what do AR and VR mean for web design, and how can these technologies be effectively integrated to improve the user experience?
Cloud-native applications are changing the way web development is carried out. Instead of hosting applications on fixed servers, they are specifically designed for the cloud to ensure maximum flexibility, scalability, and performance. This new development approach makes it possible to create dynamic, distributed systems that work more efficiently and respond better to changing user requirements. But what makes cloud-native applications so special, and why are they the future of web development?
Dark Mode has become one of the most significant trends in web design in recent years. Many major platforms such as Twitter, YouTube, and Facebook now offer their users the option to experience the user interface in dark colors. But what makes this trend so appealing, and what challenges does it bring? In this blog post, we examine the advantages and disadvantages of Dark Mode and provide tips for successful implementation.
In the world of web design, large, eye-catching texts such as headings and marketing messages often take center stage. However, it is the small text elements, known as microcopy, that often make the difference between a good and a great user experience. In this blog post, we take a detailed look at the importance of microcopy in web design and provide practical tips for creating effective microcopy.
The threat landscape in web security is constantly evolving, and traditional security measures are increasingly reaching their limits. In this context, machine learning (ML) and artificial intelligence (AI) are emerging as revolutionary technologies that offer new opportunities for detecting, preventing, and responding to cyber threats. In this blog post, we analyze how machine learning and AI can be used to improve web security and what benefits they offer.
In modern web development, optimizing the user experience (UX) plays a central role. Data-driven web design offers a systematic and scientific method for improving websites. Through A/B testing and user feedback, you can make informed decisions based on real data rather than assumptions or subjective opinions. In this blog post, we show you how to apply these techniques to optimize your website and increase user satisfaction.
A company’s logo is its most important distinguishing feature. Therefore, it needs to convey three important things: professionalism, trust, and innovation. If you are a beginner designer and would like to learn something new and interesting, today I will show you in 5 simple steps how to move individual letters within a logo and how to experiment with letters in a text in Illustrator. In addition, you can create modern typography effects in your designs and for your clients. Let’s get started!
The year 2024 is just around the corner, and with it, exciting new trends are emerging in the world of web design that will be equally influential for both designers and users. Given the rapid pace of technological development and constantly changing user expectations, it is crucial to stay up to date and understand which design elements will dominate in the coming months. From the revival of skeuomorphism, which builds a bridge between the analog and digital worlds, to the groundbreaking possibilities of AI-generated images and minimalist text-only layouts – the trends of 2024 promise to revolutionize the way we think about and experience web design.
Semantic HTML plays a crucial role in the development of modern websites. It is about presenting the content of a website in a meaningful and structured way. But what exactly does semantic HTML mean?
In today’s digital world, a website that focuses on users’ needs is a crucial factor for online success. An intuitively designed and easy-to-use website not only creates positive experiences for visitors but also has a significant impact on their engagement. This blog post focuses on the key elements that make a website truly user-friendly. Below, we show you how to ensure that your website provides visitors with a smooth and satisfying online journey.
Flexbox is a powerful tool for creating responsive designs. With Flexbox, we can design our website so that it adapts to different screen sizes and devices.
HTML5 is the latest version of the Hypertext Markup Language, which is used to create websites. HTML5 introduced many new features that have improved web design and the user experience.
HTML (Hypertext Markup Language) is a fundamental programming language for creating websites and is used by developers all over the world. One of the most common uses of HTML is to create interactive forms. Forms allow users to enter data and send it to the server for further processing. In this article, we will take a closer look at creating HTML forms.
Links are a fundamental element of HTML programming and play a crucial role in navigating between different web pages and resources. In this blog post, we will take a closer look at HTML links and how they are used for navigation.
The Basics of HTML: What You Need to Know
HTML, or Hypertext Markup Language, is a fundamental technology for creating websites. It is the markup language of the World Wide Web and enables developers to place and format text, images, links, and other elements on a webpage.
When searching for the best CSS practices in 2023, the CSS reset function often appears in the results. Basically, this involves including a stylesheet in your website that resets the default styles of different browsers. This ensures a consistent presentation of the website across all browsers. There are two types of CSS resets:
If you want to enhance your website with impressive effects, you don't have to create everything from scratch. There are numerous CSS libraries that provide pre-built effects and can save you a lot of time and effort. However, there are a few things you should keep in mind when integrating these libraries.
Why are CSS tricks important for beginners?
CSS can often be a major challenge for beginners. Directly editing code and styling websites can quickly feel overwhelming. But don't worry, because we have good news for you! CSS tricks are the key to success for beginners. In this article, we will discuss why CSS tricks are so important for beginners and how they can help you take your web design skills to the next level. Are you ready to improve your CSS skills and develop a better understanding of how CSS works? Then read on!
The <button> tag defines a clickable button. Text (and tags such as <i>, <b>, <strong>, <br>, <img>, etc.) can be inserted inside a <button> element. This is not possible with a button created using the <input> element!
Tip: Always specify the type attribute for a <button> element to tell browsers what type of button it is.
GDPR-compliant spam protection can be implemented in the form of a honeypot. "Without JavaScript" (as stated in the title of this article) does not mean that we are presenting a server-side implementation here (<?php IF Honeypot field is filled THEN do not submit ?>), but rather that we take into account that bots also like to access forms without JavaScript and can therefore bypass a client-side implementation using JavaScript (<script>"IF Honeypot field is filled THEN do not submit"</script>).
Welcome to our first After Effects tutorial. Today, we will show you how to create a vertical transition between two clips.
Welcome to a new web development tutorial! Today, I will show you how to create a hamburger menu using only HTML and CSS. Whether you are at the beginning of your web development career and don't know which practical projects to work on, or you are simply passionate about the IT field, this is an engaging tutorial. And there's more: it is responsive!
Web design trends are constantly changing. What looks modern and appealing today may already seem outdated tomorrow. That's why it is important to always stay informed about the latest developments and trends in the web design industry. In 2023, there were already several changes that we would now like to present to you.
Few things in the world of web design have evolved as rapidly as technology and the way websites are displayed on different devices. Nowadays, it is no longer enough to have a website that simply looks good on a desktop computer. Instead, websites need to be visually appealing and functional across all types of devices, from smartphones to tablets. The solution to this problem is known as Responsive Web Design. With this type of web design, the website automatically adapts to the size of the screen on which it is displayed. This means that content, images, and navigation elements are arranged and scaled so that they are displayed optimally on every device.
Have you ever tried learning CSS and HTML but found it difficult to find the right resources or tools to improve your skills? Then you’ve come to the right place! In this blog article, we present the best free tools and resources that can help you easily improve your CSS and HTML skills. Whether you are a beginner or already have experience, these tools will help take your web development skills to the next level. What are you waiting for? Dive in and discover the best free resources for improving your HTML and CSS skills.
An appealing and user-friendly web design is crucial to the success of a website. If your website is not intuitive to use or loads slowly, potential customers will quickly lose interest and switch to a competitor. But how do you create a web design that is both visually appealing and user-friendly? Our team of web design experts at Econcess is here to help. We offer a full-service approach that ensures your web design meets both the needs of your target audience and your business goals. From planning and design to development and optimization, we are your partner for creating the best possible web design for your website. In this blog article, we provide you with some tips on how to develop a user-friendly web design that delights your customers and encourages them to come back.
Artificial intelligence (AI) is one of the most exciting developments of our time and has already brought about major changes in many industries – including retail. In e-commerce, AI can help optimize customer service, improve the shopping experience, and even increase efficiency in logistics. In this blog post, we would like to introduce you to some of the most important aspects of AI in e-commerce. From personalization and image recognition to chatbots and delivery, we will try to answer all your questions and provide you with a comprehensive introduction to the topic. So make yourself comfortable and let’s dive into the world of AI in retail together.
Today, customers expect more than they did in the past in the everyday experience economy. An excellent user experience is essential for convincing customers of a product or service. When entering an e-shop or website, the first impression is crucial to the purchasing decision. User experience is therefore at the heart of a company’s ability to attract and win customers. A positive user experience is the benchmark for success in online retail. In this article, we explain what user experience means in B2B, why user experience is so important in B2B, and why personalization leads to success in e-commerce.
In this blog article, we present the 5 most popular WordPress plugins of 2022 to help you get your WordPress website off to a successful start. We show you what you can do with these WordPress tools.
In short, dpi indicates how many dots can be displayed within one inch. In other words, the value specifies the number of image dots per inch. One inch equals 2.54 cm. This is particularly important in the print sector, as high-quality printing requires different resolutions depending on the printing process and image subject. As a general rule: the higher the dpi value, the better the print quality. If the dpi value is too low, the printed image will correspondingly appear pixelated and blurry.
Hypertext Markup Language (HTML) is a text-based markup language used to structure electronic documents such as text, images, and other content. Today, we will show you the basic fundamentals:
In January 2022, the new WordPress version 5.9 was released. The update takes another step towards Full-Site Editing (FSE) with the Gutenberg editor. This means that block-based editing of content is no longer limited to widgets; the entire website can now be customized from the backend. In addition, many adjustments and improvements were made to the block editor itself and to the overall performance of WordPress.
When a browser reads a stylesheet, it formats the HTML document according to the information in the stylesheet. There are three ways to insert a stylesheet: External CSS, Internal CSS, Inline CSS.
Block elements by default take up as much width as possible and as much height as necessary. With the help of CSS, widths and heights can be enforced, both to restrict and to stretch them. Overall, CSS properties are available for width and height (width and height), minimum width and minimum height (min-width and min-height), as well as maximum width and maximum height (max-width and max-height).
Choosing the right font has a major impact on how readers experience a website. It can give your brand a strong identity and enhance the text. It is important to choose a font that is easy to read, with the right color and text size. Finding the right font for your website is therefore a very important factor when creating a website!
Accessible websites are necessary to make content accessible to everyone. Every visitor should be able to read, understand, and interact with the content on your website regardless of personal or technical barriers. Some people rely on assistive technologies to do so.
The <button> tag defines a clickable button. Text (and tags such as <i>, <b>, <strong>, <br>, <img>, etc.) can be inserted inside a <button> element. This is not possible with a button created using the <input> element!
Tip: Always specify the type attribute for a <button> element to tell browsers what type of button it is.
The HTML tag <img> is used to embed an image in a webpage. Technically, images are not inserted into the webpage; they are linked to the webpage. The <img> tag creates a placeholder for the referenced image.
A table is an organized collection of text or data. The content to be displayed is divided into rows (horizontal) and columns (vertical), which are graphically aligned with one another. HTML tables are the semantically appropriate structure for displaying tabular data in rows and columns. Several elements are responsible for creating the grid structure of a table. In the simplest case, a table consists of table rows containing table cells.
Using the CSS property “float”, an element can be moved to the left or right inner edge of its parent element. The special feature is that the “clear” property can be used to specify whether subsequent content should flow around the element or form an independent section.
The class attribute assigns an element to one or more classes. Classes are an HTML concept used to mark similar elements in the markup with the (not exclusive!) goal of addressing them with a class selector. However, they do not necessarily have to be similar elements. Multiple class names are separated by spaces.
When it comes to designing websites, sooner or later you will come across the terms Margin and Padding. Whether you are creating buttons or arranging text fields – it is difficult to avoid them. Basically, the CSS box model defines margin as “spacing” and padding as “padding”.
With the CSS border properties, the style, width, and color of an element's border can be adjusted. The property border-style specifies what type of border should be displayed.
The PageSpeed (also known as loading time) describes the time required for a website to load completely. The faster a page loads, the sooner visitors can see the content and navigate within the website. A fast loading time also ensures that visitors can access a website at all and do not abandon their visit due to long waiting times before they are able to see any content.
Critical CSS is often referred to as the “Critical CSS Rendering Path”, which means all the necessary CSS code required to display a website in a browser for the website visitor. Visitors will often see a white screen until the CSS stylesheets have been downloaded and evaluated. For this reason, optimizing CSS delivery is important for page speed and the user experience. To improve the loading speed of a website, only the CSS required to load the visible part of a page should be loaded. Since all CSS is rendered, this means that the page appears much faster to the website visitor. This is why PageSpeed tools often advise users to remove render-blocking CSS below the fold. This refers to CSS that is not required for the page to be displayed correctly within the website visitor's viewport. The inline section (i.e. directly in the `<head>` using `<style>`) should contain everything necessary to render the visible area. This section is referred to as “critical”.
"Mobile first" refers to a concept in responsive web design. The mobile-optimized version of the website is developed first, followed gradually by enhancements for larger displays such as desktop browsers. In other words, you work from the smallest layout version to the largest. Web design based on the Mobile First principle is an adaptation to the fact that Internet usage is increasingly shifting towards smartphones. The proportion of search queries from all relevant countries made via smartphones is now significantly higher than those made via traditional desktop devices.
Especially on the web, many factors need to be considered when choosing the right image format. These include file size, color spectrum, transparency and scalability. But which image format is best suited for what purpose? There are many different image formats, but they differ in their individual properties. Some, for example, support a transparent background, others offer a wide color spectrum, while others can only be compressed with loss of quality.
A mockup (presentation model, visual model) is a digital design of an app or website used to turn a customer's requirements or an idea into a customized design. Mockups are used during the early conceptual phase to visualize ideas and concepts as part of web design. The purpose of such a mockup concept is to allow different combinations of elements and different content structures to be designed and modified without a great deal of effort.
Contact forms can enrich virtually any website, as they give visitors the opportunity to get in touch with you quickly and easily and send you a message as the website operator. They are also a simple and widely used way to collect feedback or inquiries from customers or prospective customers.
A domain is the address people use to visit a website. It is a globally unique and unambiguous name or address under which users can access content on the Internet or a network. It is an essential part of the Uniform Resource Locator (URL) and specifies where the corresponding resource can be found within the hierarchical structure. Internet domains can, for example, look like this: www.beispiel.de.
In addition to the RGB model, colors are very often defined digitally using the HSB model. The H stands for “hue”. The S stands for “saturation”. And the B stands for “brightness”. Hue is described as an angle between 0° and 360°, while saturation and brightness are specified as percentage values between 0% and 100%.
Responsive websites are based on flexible design grids and automatically adapt to the different screen sizes of various devices. For optimal display on tablets or smartphones, so-called breakpoints are defined using CSS media queries. These are the points at which the design of a website changes or the containers wrap.
WordPress is software that can be used to create and manage your own blog or website. The software is a Content Management System (CMS) that is characterized by its widespread use, simple configuration and high level of customization.
CSS stands for Cascading Style Sheets and is a styling and formatting language that makes it possible to define the appearance and design of HTML documents. It is therefore not concerned with the content of a website, but with the design or style of the page. With CSS, users can, for example, customize fonts, colors, lines, heights and widths on a website.
The difference between sans-serif fonts and serif fonts lies in the so-called serifs, which are decorative elements on letters. These are the small finishing strokes at the top or bottom of letters. Sans-serif fonts have clean lines and no decorative elements.
Bootstrap is a free frontend CSS framework. It contains CSS- and HTML-based templates for designing buttons, grid systems, icons, typography and highlights, tables, forms, navigation and other design elements. Bootstrap is also a responsive framework developed with mobile devices such as smartphones in mind first (“Mobile First”). This means that Bootstrap uses media queries to adapt applications and websites to virtually any device without requiring duplicate code.
Anyone who runs their own website wants to reach as many people as possible with their content and, of course, convince them with what they have to offer. But what makes a website a good and, above all, user-friendly site that visitors appreciate and use frequently? In addition to the right domain, web design and website development play a major role here.
What is the color wheel?
The color wheel is an organizational system in which colors are arranged in a circular format. It provides guidance on color combinations and shows which colors harmonize with one another. There are various versions of the color wheel in which colors are categorized according to physical, physiological, artistic, aesthetic and technical aspects.
To represent colors in digital media and in print, two systems are primarily used: RGB and CMYK. The color spaces of RGB and CMYK do not completely overlap. This means that not all RGB colors can be printed, and not all print colors created with CMYK can be displayed on digital screens.
We noticed at our web agency that the update to WordPress 5.5 often causes problems. After extensive research, we discovered the cause.
What exactly is an Image Map? Do you know? If you are interested in this topic, you have come to the right place. The following explains what an Image Map is, what its purpose is, and in which areas it is used. Examples are also provided to explain where it is most commonly used. The advantages and disadvantages of an Image Map are then described, along with important key terms. Finally, you will find instructions for creating your own Image Map using an app such as “Photoshop”.
What is a Child Theme?
A Child Theme is a theme that inherits the styling and functionality of another theme, known as the Parent Theme. It is essentially a copy of the Parent Theme in which certain changes and customizations can be made without modifying the original Parent Theme.
A Call-to-Action (CTA), which translates to “prompt to take an action,” is, as the name suggests, a request for the user to do something. In web design, Call-to-Actions are usually interactive elements on a website. They can appear, for example, as a button or a simple link. However, an embedded video can also be a Call-to-Action because it encourages the user to click on it and watch it.
Whether you are choosing colors for the overall concept of a website or simply designing individual elements, the selection of these colors should be carefully considered. Depending on which colors are combined, very different effects can be achieved. Therefore, it makes sense to first understand the basics of color theory.
When creating a newsletter, the newsletter creation tool often gives you the option to analyze the newsletter's performance using reports. These reports contain a lot of numbers and statistics, and it is often difficult to know what to make of them. Which figures are good and which are rather poor? How can you use the statistics to make your next newsletter more appealing?
Colors can serve different functions in web design and create specific effects. For example, they can be used to stimulate users, create structure and guide them, and last but not least, they can be deliberately used to attract attention and highlight specific elements.
There is no one-size-fits-all formula in a design process that can simply be followed blindly. Every product is different, and therefore its development phase must also be adapted individually. The approach of a UX designer cannot therefore be generalized. In addition, every designer has different approaches and methods that have proven effective for them. Accordingly, this article is intended only to provide a brief overview of one possible design process and various methodologies.
This is a question that everyone has to answer for themselves. Design is, first and foremost, subjective. Every person has an individual character and therefore their own personal taste. What one person likes, someone else may find terrible.
Terms such as User Experience Design are used every day in our web design agency, including in conversations with clients. It is often forgotten that not everyone knows what this term actually means. That is why the following article aims to provide some clarity.
A few years ago, our agency created a website for a client that included several forms. At the time, however, we had added a fixed footer containing the company’s business details to the forms.
We then ran into a problem when one of the managing directors left the company, as every form had to be edited individually.
To avoid this problem in the future, we decided this time to use Joomla’s Fields feature.
When integrating a cookie notice on WordPress websites, we use the "Beautiful Cookie Banner" plugin. This plugin is based on the Osano Cookie Consent script, which we have already used in our other blog posts.
Auf Grund einer bevorstehenden Änderung in den Chronform Formularen haben wir eine Lokalinstallation einer Kundenwebseite aufgesetzt.
Seltsamerweise bekamen wir beim Abschicken der Formulare auf der Lokalinstallation folgende Fehlermeldung:
0 syntax error, unexpected '}', expecting end of file
administrator\components\com_chronoforms5\chronoforms\actions\email\email.php(127) : eval()'d code:59
Problem encountered at our web agency: The contact form on our website, built with the PHP framework Laravel, is available in two languages: German and English. When the German contact form is submitted, the administrator receives an email in German and can easily attach this email when replying to or forwarding it. However, when the English version of the contact form is submitted, the administrator also receives the email in German.
When creating templates in Newsletter2Go, you may want to integrate an unsubscribe link into a custom template at a specific location within an HTML element rather than in a text element, where inserting an unsubscribe link via a dropdown or pop-up is offered (most help articles and videos on this topic refer to this option). In this case, you can use an unsubscribe link in a text element to determine the shortcut code and then transfer it to the desired HTML element.
Following the ECJ ruling of October 1, 2019, it is recommended to implement an explicit opt-in for all marketing cookies—or, more broadly, for any cookies not strictly necessary for the website's operation. This means that a user must consent to a marketing cookie before it is deployed (for instance, before tracking via Google Analytics begins). So, how do we implement this explicit opt-in process in Laravel? One streamlined and straightforward option is the Cookie Consent solution from Osano (https://cookieconsent.osano.com/). It allows us to handle everything using just a bit of JavaScript across two layout partials (since the website is bilingual, two language files are also involved—more on that below!).
The current challenge at our web agency is: How do I secure my contact form with Google reCAPTCHA v2? First, we install the required Biscolab extension via Composer using require biscolab/laravel-recaptcha. We then follow the manual at https://laravel-recaptcha-docs.biscolab.com/docs/intro and create the configuration file using php artisan vendor:publish --provider="Biscolab\ReCaptcha\ReCaptchaServiceProvider". Finally, we add the keys we previously obtained from Google (Site Key and Secret Key) to the .env file.
Before installation, TYPO3 checks whether all installation requirements are met. Among other things, TYPO3 also checks whether the memory_limit in the php.ini of the XAMPP installation is restricted. In our case, we had limited it to 2,048 MB:
memory_limit=2048M. Nevertheless, the warning "Unlimited memory limit for PHP" continued to appear before the TYPO3 installation. The detailed message was:
How can you export form submissions from Joomla forms implemented using ChronoForms? One easy-to-manage approach is to add the appropriate code via the backend. To do this, select any form under "Components - ChronoForms5" and switch to the "Setup" tab.
If you want to upgrade your site from Joomla 2.5 to 3.x, you may encounter a message stating that "No updates are available."
If you receive the error message Table 'TableName.#__chronoforms_LoginEvents' doesn’t exist in Joomla with the ChronoForms (v5) extension on a Linux server, even though the aforementioned table does exist, the issue may be related to case sensitivity.
The exact location of the problem can be difficult to find because ChronoForms stores forms in serialized form in the database. In our case, the culprit was a Log Action in the Setup section of a form. The selected table was not displayed there, even though ChronoForms' verification confirmed that a selection had been made ("Table selected" in the Setup overview of the affected form).
The task here was to integrate the seminars managed with Kiribati ("Kiribati Seminarverwaltung" by Include GmbH) into a TYPO3 8 website, so that events could be displayed on the website and registrations submitted through the TYPO3 website could be forwarded to Kiribati. In other words, the implementation consisted of an event import (Kiribati -> TYPO3 website) and a registration export (TYPO3 website -> Kiribati).
We want to create an accordion container in ChronoForms V5 in Joomla that can be used to hide long texts and expand them when needed — in the ChronoForms context, essentially a slider. There are several tutorials explaining how to set this up, and they work reasonably well. In other words, you create a slider_area container and then add slider containers inside it, which can in turn be populated with custom content. So far, so good — however, if you only want to display a single text in an accordion, two problems arise:
If you use the multilingual plugin "WPML" and configure it so that the different languages are accessible via separate domains or subdomains, problems can occur when using the performance plugin "WP Fastest Cache" at the same time. This is because it does not take the different languages into account when defining the page cache. As a result, the same content may be displayed under a different domain because the cache directory is identical.
If you have forgotten the password for the backend of a CMS, there is no need to panic — all is not lost. You can reset the password by making a change directly in the database.
It can happen that the following error message is displayed when importing a database via phpMyAdmin:
Fatal error: Maximum execution time of 60 seconds exceeded in xampp\phpmyadmin\libraries\dbi\mysql.dbi.lib.php on line 140
As you can see from the error message, the maximum execution time of 60 seconds has been exceeded. This often happens with particularly large databases. To import the database nevertheless, you need to manually increase the execution time.
Under certain circumstances, plugins such as WooCommerce German (de_DE) may not display a complete translation, even though the translation is generally available.
Making changes to themes can cause several problems. On the one hand, errors can completely break the website (especially if no backup is available). On the other hand, changes made directly to a theme may be overwritten and therefore lost when the theme is updated.
When implementing a simple slideshow using the MooTools JavaScript library, problems can occur with newer Joomla installations and, consequently, newer versions of the MooTools library. In MooTools version 1.4.0 and later, the "setters" syntax, such as Element.setOpacity() and Element.set('opacity'), is no longer supported.
If you use Git for version control of software projects, it makes sense to exclude certain files and folders from being transferred (e.g. configuration files, temporary files such as session or cache files, and log files).
If the frontend view in Joomla differs significantly from the backend view, the frontend CSS styles may not be loaded, or may only be partially loaded, in the backend editor. As in most other cases, it is worth taking a look at the source code. When searching for the JavaScript variable content_css, you should find the value that corresponds to the setting that needs to be configured in the JCE component:
Internet Explorer cannot handle the click event within select elements. Therefore, if you use AJAX-based effects that are supposed to be triggered when selecting an option within a select element, nothing happens in Internet Explorer. This issue can be circumvented by changing the click event to a change event. In our example, we use the JavaScript framework Prototype.
There are several ways to adjust the PHP parameters for a domain hosted on a virtual server at Strato running the openSUSE operating system with the Plesk administration interface. One option is to make the changes directly in Plesk.
To prevent Google Chrome on Android devices from adjusting the font size, you can set the max-height of the relevant element or container to 99999px (or a similar value).
To sort German umlauts Ä, Ö, and Ü or ä, ö, and ü correctly in a MySQL database, you need the appropriate collation (character set) for the relevant column.
Creating a popup window that appears after clicking a menu item in Joomla is very easy as a first step. In the menu item editor, select System Links->External URL as the menu item type and choose New Window Without Navigation from the Target dropdown.
If the Apache server integrated into XAMPP regularly crashes when running Joomla 3 together with the JCE Editor in a local environment, this may be caused by a memory overflow.
If the controls are missing when using the Google Maps API, various articles repeatedly point to the styling of the <img> tag, suggesting that the maximum width should be set to "none" (max-width: none).
If you encounter problems using the :hover pseudo-class on Apple's iPhone, they can usually be resolved quickly.
If you are using a WordPress installation with the SEO plugin YOAST and the translation plugin qTranslate and can no longer find a way to enter the various SEO tags in different languages, you can extend the functions.php file of the active theme with the following syntax:
If you have transferred a WordPress installation to a new server properly (see also here), and have adjusted all paths and declarations in the database, wp-config.php, etc.,
If you want to have a website created and use WordPress together with the WP plugin "Add From Server", you may encounter malfunctions when accessing the admin area.
MSLS is a great way to run a multilingual WordPress multisite blog and works almost flawlessly.
If, as part of a web design project, you encounter problems integrating a font type in Internet Explorer versions IE7 and IE8, while the font works correctly in other browsers, the issue may be caused by the order of the declarations in the CSS.
If you encounter a migration project as part of a server move or PHP update and want to update a website written using PHP4 syntax so that it works in a PHP5 environment, it can be helpful to be able to switch between PHP4 and PHP5.
If you want to migrate a website project from PHP4 to PHP5, you should pay particular attention to the declaration of global variables in addition to the specifications described at www.php.net/manual/en/migration5.php.
If you want to transfer data to a MySQL database within a PHP script while creating a website, you should escape quotation marks in the data before transferring it.
The JavaScript method getElementsByName is useful, among other things, for selecting and processing form elements within a website.
If the error message Fatal error: Allowed memory size of x bytes exhausted occurs during a website development project within a Joomla installation, it does not necessarily have to be caused by the PHP configuration or an insufficiently low memory_limit setting.
If you want to display your Facebook account's wall within a Joomla CMS as part of a website development project, you can use the free extension "qe Facebook Wall Feed" (Joomla 1.5 and Joomla 2.5). It is easy to install by following the instructions in the manual (create a Facebook application, log in with Facebook, integrate it, and you're done).
If, during a web design project, error messages during registration or login in WordPress no longer work with the Pie Register plugin installed, the first step should be to deactivate all other plugins in order to rule out problematic interactions.
If you want to reset a WordPress password using the Theme My Login plugin and are redirected to the Invalid Key error page, the following change to the resetpass-form.php plugin file (located either in /theme-my-login/templates/ or in the theme folder) may resolve the issue:
If, as a web designer, you want to change the default page displayed after a successful WordPress login and are using the "Theme My Login" plugin, you do not need to search through wp-login.php in the installation directory to modify the $redirect_to variable.
The problem: After a product is added to the shopping cart, it is linked in the cart view to the location from which it was added to the cart. In other words, if the product is added from an overview page, that overview page is linked instead of the actual product page.
Web design: When looking for photos and graphics for website creation, you naturally can't get past the usual suspects at first
When creating transparency or partial transparency using the opacity property in CSS3, unwanted effects can sometimes occur with child elements because this property is inherited.
If using an IMAP account results in an error such as "Too many connections" when retrieving or moving emails, you can reduce the maximum number of maintained server connections and disable the IDLE command in the settings of Mozilla Thunderbird, Outlook, and similar email clients.
A PHP function can be executed in XSL without any problems using the XSLTProcessor::registerPHPFunctions directive.
From everyday web design: To make an entire block element (e.g. the div element) clickable, it is normally sufficient to place a hyperlink tag (<a></a>) over the block element,
If Poedit fails to find a large number of translatable strings in a specified directory, this may be due to .phtml files that are not searched by default
Slimbox2 can cause problems as a Lightbox solution within the jQuery JavaScript framework in Joomla (in this case, Joomla 2.5). This can be caused by a conflict with the MooTools framework and other components that are loaded as part of the "<jdoc:include type='head' />" directive in the index.php file of the template set. So what can you do?
First of all: Slimbox2 is a really good Lightbox solution, if not one of the best currently available within the jQuery framework. Easy to implement, easy to use, easy to customize.
To embed the WordPress Shortcode API outside of pages or posts (e.g. for plugin functionality), use the do_shortcode() function:
Select your language
