Webdesignblog - Webtools


Per Pfeiltasten auf Webseite navigieren mit Jquery!

geschrieben am 30. September 2011

Manchmal möchte man seinen Besuchern die Möglichkeit geben auch mit dem Keyboard auf einer Webseite zu navigieren. Man möchte aber vielleicht nicht unbedingt dem User eine Keymap einblenden so dass er sehen kann welche Knöpfe es nun zu drücken gilt, um vor und zurück zu kommen. Es bieten sich also die Pfeiltasten an, da diese bereits ohne Erklärung für vor und zurück stehen. Da diese Tasten aber leider schon von den meisten Programmen vorbelegt sind muss man den Umweg über Javascript gehen um eine vernünftige, halbwegs kompatible Lösung an den Start zu bekommen. Dieses kleine Script ermöglicht die Pfeiltastennavigation mit den Cursor-Tasten Rechts und Links

$(document).keyup(function (event) {
if (event.keyCode == 39) {
window.location = nextUrl
} else if (event.keyCode == 37) {
window.location = prevUrl
}
});

$(document).ready(function() {
var nextPage = $(”#next_page_link”)
var prevPage = $(”#previous_page_link”)
nextUrl = nextPage.attr(”href”)
prevUrl = prevPage.attr(”href”)
});

Durch Tastendruck werden nun die Links mit den IDs “previous_page_link” und “next_page_link” ausgeführt.

Viel Spaß beim navigieren!



“Screenshot” einer gesamten Webseite erstellen

geschrieben am 11. Februar 2011

Oft kommt der ambitionierte Webdesigner in die Verlegenheit “Screenshots” seiner Arbeit an Kunden zu senden. Meistens passt aber eine Webseite nicht komplett auf einen Screen – man ist also gezwungen mehrere Screenshots einer Webseite herzustellen und diese dann anschließend im Grafikbearbeitungsprogramm zu einem großen Bild zusammen zu setzen. Das kann ganz schön nervig sein. Vor allem wenn die Webseiten größer und länger werden…

Durch das wunderbare AddOn “Screengrab” für Firefox kann man diese Aufgabe mit nur 2 Klicks erledigen. Sehr praktisch findet WebdesignHamburg:

Screengrab für Firefox

so sieht das Ganze aus, wenn man die Startseite von Webdesignhamburg mit dem AddOn bearbeitet:
webdesignhamburg.net: Home | Webdesign Hamburg | Onlineshops, Suchmaschinenoptimierung, Webhops,SEO, Ecommerce_1297414681399



für alle die immernoch Internet Explorer 6 benutzen ein paar Hinweise warum sie das nicht mehr tun sollten.

geschrieben am 4. April 2010

Why Internet Explorer 6 Needs to Die and Go Away Forever from Eli Röss on Vimeo.



Google Wave – Revolution im Browser?

geschrieben am 15. Juni 2009

google wave

Die Erfinder von Google Maps Lars und Jens Rasmussen stellten kürzlich ein neues Produkt von Google vor, welches später in diesem Jahr erscheinen soll: Google Wave. Dabei handelt es sich um ein Online Collaboration Tool, welches die Communictation im Internet revolutionieren soll. Google Wave verbindet traditionelle Email Conversation mit Echtzeitchat. Wave macht dabei nicht halt vor schlichter Textconversation, man hat auch die Möglichkeit, Media Files wie Fotos, PDF, oder Videos per Drag&Drop in ein Chat einzubinden und diese gemeinsam zu bearbeiten. Dies geschieht bei Wave nicht wie bei “traditionellen” Chat Programmen wie Skype oder Email dadurch, dass Files von einem Rechner zum anderen übertragen werden; die Dateien werden vielmehr in Echtzeit auf dem Wave Server bearbeitet. Dadurch sind Conversationsinhalte aller Art immer mit der zugehörigen Conversation verbunden und natürlich in typischer Google Manier auffindbar. Ebenso wird es zum Beispiel die Möglichkeit geben in Wave gemeinsam mit seinen weltweit verteilten Freunden etwa Youtube Videos anzuschauen oder auch Schach zu spielen.

Wave macht also nicht halt davor einfach nur Chat mit Email in einer Browseroberfläche zu verbinden, es ist vielmehr ein Ansatz, das Surferlebnis im Internet gemeinsam erlebbar zu machen, auch wenn man sich nicht am gleichen Rechner, oder etwa im gleichen Land befindet.

Das schönste an Wave ist, dass es komplett Open-Source ist. Dies gibt allen Entwicklern weltweit die Möglichkeit, neue und bessere Applikationen zu entwickeln und so Wave vielleicht wirklich zur Communicationsrevolution im Internet zu machen. Wir können gespannt sein.

Tags:, ,



OpenDNS – WIRKLICH schneller surfen.

geschrieben am 11. Juni 2009

OpenDns ist ein unabhängiger DNS (Dynamic Name Service). Ein DNS ist in erster Linie dafür verantwortlich Anfragen, die im Browser als Webadresse wie “www.webdesignhamburg.net” daher kommen zu übersetzen und die Anfrage zum richtigen Zielserver weiterzuleiten. Dabei wird die in den Browser eingegeben Internetadresse zur zugehörigen IP Adresse weitergeleitet. DNS Server könnte man so zu sagen also als Telefonbücher des Internets ansehen.

Der DNS Service wird in der Regel durch den ISP (Internet Service Provider) geregelt.  Dieser macht das aber nicht unbedingt immer am besten und schnellsten. Setzt man statt seines standard DNS Service OpenDns ein, kann dies zu einer erheblichen Geschwindigkeitssteigerung beitragen. Alleine die Anfrage zwischen Browser und DNS Server welche IP Adresse sich hinter welcher URL verbirgt nimmt oft schon eine gehörige Zeit in Anspruch. Beschleunigt man diesen Vorgang wird das ganze “Browseerlebnis” verbessert und Wartezeiten werden verringert.

OpenDns macht das Ganze äußerst schnell und gut. &OpenDns anstatt seines standard DNS Service einzusetzten ist dabei ein Kinderspiel, die Einrichtung dauert nur ein paar Minuten. Versuchen kann also nichts schaden.

Und so; wird es eingerichtet.

Viel Spaß beim schneller surfen!



Diagramme für Ihre Webseite

geschrieben am 13. Mai 2009

Wollten Sie schon immer mal Diagramme auf Ihrer Webseite darstellen? Kein geringerer als Google stellt nun mit der Google Chart Api eine einfache Möglichkeit zur Verfügung, genau dies zu tun. Man kann aus einer Vielzahl von Diagrammtypen auswählen und diese dann mit relativ wenig Aufwand auf der eigenen Seite unterbringen und Datensätze als Diagramm darstellen.

zur Google Chart Api




Kontakt


Webdesign Hamburg

Am Veringhof 7
21107 Hamburg

Telefon:

040 - 228171330

Telefax:

040 - 228171339

Mobil:

0157-84114925


info@webdesignhamburg.net


webdesign hamburg webdesigner hamburg onlineshops hamburg SEO hamburg SEA hamburg