Why use ajax anyways? Using ajax requests on your website can be very useful when you would like to load content asynchronously after the page has finished loading. Ajax can help decrease the TTFB (time to first byte) because some parts of the website’s logic can be taken out of the main synchronous request and instead loaded afterwards. However if not used correctly ajax requests can slow down the browser and in the worst case completely crash…

With the help of CSS3 Transitions it is possible to create beautiful custom CSS3 select boxes automatically. The script you can download here will automatically convert all select boxes which are inside a div with the class lingulo-select into custom select boxes. PreviewCustom Select BoxesDownloadSelect Boxes as Zip File9kBTimes downloaded In order to convert your select boxes into Lingulo Custom Select Boxes you need to include the minified script as well as the style.css file.…

This very simple jQuery Accordion Snippet will help you save space and divide your content into different logical sections. No fancy setting parameters, no need for a function call, simply add the JS file to your head and enjoy a minimal, cross-browser working Accordion. Preview Simple Lingulo-Accordion What you need to do Include the minified or the original JS file Add the CSS rules to your CSS file Add your HTML code create an element…

In this second part of my tutorial we will be building the CSS and JavaScript code and do the necessary steps for responsive webdesign to create this beautiful HTML5 responsive website. Be sure to have worked through the first part of the tutorial where we have built the basic HTML structure and included all necessary scripts. We have already included our CSS Reset in the last part of the tutorial. The Reset will take care…

In the vastness of the internet you can find a lot of useful online tools which can help you save tremendous development time.

1. Ceaser

Ceaser is a CSS Easing Animation Tool which can be used to create custom timing functions. For further informations about transitions and timing functions please read my blog post.

Ceaser - CSS Easing Animation Tool

In den Weiten des Internets gibt es eine ganze Menge nützlicher Online-Tools zu entdecken, die Dir die Arbeit erleichtern und Dir helfen können enorm viel Zeit einzusparen.

1. Ceaser

Ceaser ist ein CSS-Easing Tool, mit dem Du Deine eigenen Zeitfunktionen für CSS Transitions erstellen kannst. Für weitere Informationen rund um Transitions und Zeitfunktionen, lies bitte meinen Blog-Beitrag.

Ceaser - CSS Easing Animation Tool

When creating a website there are a lot of things you need to pay attention to. The code needs to be tidy and the website should look similar no matter what browser a visitor is using. If possible it should be responsive and react to the user’s device and screen resolution. When using new features like HTML5 and CSS3 you have to make sure all the features are supported in all browsers.

Fortunately there are a lot of very useful scripts out there which simplify your life when creating new web pages. The following list gives you an overview over some of the most important scripts and should help you create clean beautiful and cross-browser compatible websites.Wenn Du eine Webseite erstellt, gibt es eine Menge, worauf Du achten musst. Der Code sollte sauber programmiert und aufgeräumt sein und die Webseite sollte immer gleich aussehen – unabhängig davon, welchen Browser ein Besucher benutzt. Wenn möglich sollte die Seite responsive sein und sich an das Benutzergerät und die Bildschirmauflösung anpassen. Wenn neue Features wie CSS3 oder HTML5 genutzt werden, sollte darauf geachtet werden, dass diese Features nicht von allen Browsern unterstützt werden und daher Alternativlösungen gefunden werden müssen.

Glücklicherweise gibt es viele nützliche Skripts, die das Programmieren von Webseiten vereinfachen können. Die folgende Liste soll einen Überblick über einige der wichtigsten Skripts geben und Dir helfen, schöne, saubere und browserunabhängige Webseiten zu erstellen.