Stoppt die Vorratsdatenspeicherung! Jetzt klicken &handeln! Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:

Archived entries for Programmierung

Website Dimensions

Website Dimensions bietet einen schnellen Überblick welche Screen Größen aktuell sind. Ein recht hilfreicher Service…

With the help of CSS3 and mediaqueries you can change the layout of your website based on the detected screen size of the device (be it a computer screen, tablet, smartphone,…). But what are the current guidelines in pixels? Find out here. We’ve made an easy-to-use, always up-to-date, information resource, just for you.

List.js

Do you want a 3 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Yeah!
Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!

List.js bietet all das - ohne jQuery Abhängigkeit! Nett, kommt in die Toolbox.

jQuery Slideshows

Camera slideshow von Manuel Masia ist ein fantastisches Slideshow Plugin für jQuery. Es unterstützt Captions, HTML Elemente, Videos, ist HTML5-valid und responsive. Darüber hinaus umfassend konfigurierbar und bringt einige Callbacks mit. Sehr cool!

Leichtgewichtiger, aber ebenfalls responsive, kommt Elastislide daher.

Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Ganz hübsch ist auch diese Slideshow mit bubble animation effect.

Und als Leichtgewicht (2kb) sei noch kurz Craftyslide erwähnt.

Designing Timelines

Zwei nette Ansätze eine Timeline ansprechender zu gestalten:

jQuery Timelinr:

This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc..

Lateral On-Scroll Sliding with jQuery

The theme of today’s tutorial is going to be a timeline where we will have some circular elements on one side and the descriptions on the other. We’ll be alternating the sides to create a random look.

Responsive Navigation Patterns

Brad Frost stellt die Vor- und Nachteile einige Navigations Muster vor die sich für Responsive Design eignen.

7 Ansätze werden in dem Beitrag beleuchtet:

  • Top Nav or “Do Nothing” Approach
  • The Footer Anchor
  • The Select Menu
  • The Toggle
  • The Left Nav Flyout
  • The Footer Only
  • The “Hide and Cry”


Copyright © 2004–2009. All rights reserved. – Impressum

RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.