Welcome to TechScreen

Welcome to the TechScreen site. This side shall support the exchange of knowledge in the domain of Web Engineering and related aspects. As a side effect, this side is used for research on knowledge management technologies. User can pose challenges in the problem domain and can participate in quizzes. Further a bibliography about arcticles in different related domains is continously extended. Finally, questionnaires on different issues are provided. To be able to participate you need an account and a password from TU Wien's TISS system.

Responsive layout

Different devices have different screen space, on smartphones a vertical layout might be advantageous over a horizontal. How can we create a responsive layout that automatically determines the screen width and adapts content accordingly, without messing around with media queries and having to customize the layout for each browser?

Simple and inexpensive way to integrate an interactive map into a website

I once had to implement an interactive map for a website, which had to display dynamical weather data. As it was a rather small project without the access to expensive resources, it needed to be relatively fair priced. Is there an easy and inexpensive method to implement such a project?

Reducing load times and size of scripts and CSS-files

Web services that include a lot of scripts or costly style operations may be very slow, as a lot must be loaded in the background. Is there a way to make these pages load faster?

Bypassing “cross-origin request”-errors on testing a web service locally

Developing a website with a REST-backend and XHR-requests to retrieve data from the underlying database requires a lot of early-on local testing. However, in this case the resource is coming from a different origin and modern web browsers block them (CORS error). Is there any way to bypass this behaviour in the development stage?

Displays with different pixel densities

Problem: Graphics that look sharp on a standard computer monitor look muddy and out of focus on high-resolution smartphone and tablet displays. But: All objects should be smoothly adapted to screen sizes from the smallest smartphone to the largest widescreen monitor. Solution: SVG -> Graphical elements (e.g., icons, arrows etc.) are presented in vectors. SVG format is based on XML. Basic geometric shapes such as circles, ellipses, rectangles etc. can even be created in a simple text editor.

Specific HTML title tags

Problem: - Name of website can affect its performance -> HTML title tags are essential. Tags sum up the entire content of the website to major search engines (Google). A lack of specificity in the domain name can lower its visibility. Some site owners use the same title throughout their website -> Google looks for duplicate title tags and pares them. In worse cases the web site can lose traffic in this way. Solution: - Doing a name search as “site:yourdomain.com.” Analyze your website with: Google Search Console (aka “Google Webmaster Tools”).

Traffic spikes

Problem: - Spikes during marketing promotions with videos - company often not prepared for the extra traffic - Also server can slow down - Hindered performance of the website which is harming the brand Solution: - Setting up an early warning system using simulated user monitoring systems - E.g. = “NeoSense” -> helps to see when traffic is impacting transactions before users are affected

Pages

Subscribe to TechScreen Revised RSS