Window Dimensions
28. May 2016, - Typo3 at xanders
To visualize the information of the screen a feature was implemented to show the current height, width and orientation (portrait or landscape) of the screen below the actual Logo area.
To visualize the information of the screen a feature was implemented to show the current height, width and orientation (portrait or landscape) of the screen below the actual Logo area.
Large images can be showed decreased, but load unnecessary amounts of data. Sven Wolfermann shows in his article http://maddesigns.de/responsive-images/wmka.html different solutions.
We have chosen for display of images on the home page of xanders.de for the solution with HTML5 attributes. Assets that are embedded in the <noscript> tag are not included by the browser in the DOM (and loaded) when JavaScript is enabled. Resources are therefore not loaded twice. Rendering is done only when the page the corresponding image is loading.
In order to realize a spam protection for e-mail addresses, the mailto link in the HTML page can be masked with "(at)" for "@" and "(dot)" for "." When loading the page the "(at)" and "(dot)" will be replaces by the corresponding "@" symbol and "." .
The appearance of the navigation is based on media queries. Depending on the screen size the various navigation elements are displayed or hidden.
If a site has a lot of content, it makes sense to offer visitors an easy way to quickly scroll to the top of the page. With jQuery can be easily done that. If the position of the scroll bar is at the center of the page, the "Scroll To Top" link appears. If this link is clicked, the page is scrolled up. Then this link will be hidden again.
The script was published by Martin Carlsson and is available through the link http://appglobe.com/scroll-to-top-animation/ .
There is no need for the use of special TYPO3 extensions to set up a multilingual 404 error page for Typo3 (version 6) and RealURL. It works with the normal TYPO3 Install settings as well. First, a 404 page in the root directory of the pages must be created. In the AdditionalConfiguration.php file in the directory / typo3conf following entry has to be done (id = page id of the error page, L = language):
Several pages of this website are based on the Typo3 extension "Grid Extension" and the JavaScript grid layout library "Masonry". With "Masonry" you can place a grid element to a specific location within a grid on the page. The library is available at http://masonry.desandro.com/.
XML sitemaps for search engines specially prepared lists of links, include all pages of a website in a standardized XML format. They provide a useful way to capture web pages to support search engines (Google).
Information about the Google sitemap structure can be found in the support pages on Google.
If you want to avoid the use of a TYPO3 extension such as "mc_googlesitemap", so you can create a typoscript function with a corresponding functionality and the use of RealURL by your own.
The call to generate this sitemap can be included in the robots.txt (here: German and English):
Sitemap: www.yourdomain.com/de/sitemap.xml
Sitemap: www.yourdomain.com/en/sitemap.xml
The intention of this demo application is to show how to realize the connectivity between a portal (eg. JBoss Portal Server, JSR 168 specs) and a content management system (eg. Alfresco, JSR 170 specs) based on Apache Jackrabbit JCR RMI. The portlet used in the portal can also state as an example how to implement a portlet based on JSF/Facelets and the JBoss Richfaces package. Download the source code here: cmsimport.zip
The Readme file can be downloaded there (a PDF reader is needed for reading): CMS Import Readme
In the following there is a screenshot of the application:
With the help of a small example it is demonstrated how to create with the help of the Struts Frameworks and the Hibernate Persistence Framework a web-based data base application with the functions reading, updating and deleting. The application was developed with Eclipse and tested with JBoss and MySQL. It can be downloaded here: hibex.zip
In the following there is a screenshot of the application: