WebDev Spielwiesen: dabblet.com für HTML/CSS, jsfiddler.com für JS & Hurl.it für REST

Was früher mächtigen Desktop Apps vorbehalten war rückt immer mehr ins Web. Ich stelle hier mal drei Tools vor, welche recht praktisch für einen Webentwickler sind. Auf alle Fälle sind alle Dienste in ihrer Funktionsweise sehr cool. Spielwiese für HTML/CSS Wer mal “schnell” eine Spielwiese für CSS und HTML benötigt der sollte mal ein Blick …

Read more

Einstieg in mongoDB

imgmon

Wer sich mit dem Trend? Thema NoSql beschäftigt wird früher oder später auch auf mongoDB stoßen. Was mongoDB für mich spannend macht, ist zu einem die versprochene Performance (auch wenn ich mit normalen Datenbank da noch nie an die Grenzen gestoßen bin) und zum anderen, das versprechen sich von diesem ganzen O/R Mapper Quatsch verabschieden …

Read more

Metadaten im DOM mit HTML5 data-* Attributen & jQuery

image.png

Metadaten im Markup, welches man für Javascripts brauchte, hatte man meist in CSS Klassen, rel Attribut oder Hidden-Inputfeldern gesteckt. Mit den HTML5 data-* (gesprochen “Data dash”) Attributen gibt es jetzt einen saubereren Weg für dieses Szenario. Was kann man mit diesen Attributen machen und wie sieht das Markup aus? Wer im Javascript bestimmte Daten braucht, …

Read more

Prototyp für Google+ ähnliches Feedback-Modul mit Html2Canvas–Screenshots mit Javascript

image.png

Häufig gibt es das Problem, dass man als Entwickler nicht wirklich weiß, was der Benutzer sieht. Die Google+ Entwickler haben daher ein schickes Feedback-Modul integriert, indem man selber ein Bereich der Seite markieren kann und dies als Screenshot zu Google schicken kann. Sowohl für den Benutzer als auch für den Entwickler hinterher ist das ein …

Read more

Was sind “Hash-Bang” (#!) URLs und worum geht es da?

Der Begriff “Hash-Bang” klingt irgendwie etwas blöd, aber es ist im Grunde nur die “Lautschrift” von einer Raute und einem Ausrufezeichen – im englischen: “#!”. Der Begriff kam auf, als einige Internetseiten anfingen anstatt “normale” URLs zu verwenden eine Adresse mit “#!” vorkam (z.B. http://lifehacker.com/#!5753509/hello-world-this-is-the-new-lifehacker). Wichtig ist das “#!”. Eine “ganz normale” URL sieht z.B. …

Read more

HowTo: Erster Schritt zur jQuery Plugin-Entwicklung

Wer mit Javascript irgendwelche tollen Sachen machen möchte, kann dies natürlich alles selbst schreiben oder er nimmt sich ein vorgefertiges Framework und fügt ein paar Features hinzu. In diesem Blogpost will ich nur sehr kurz mal den Einstieg in die jQuery Plugin Entwicklung zeigen.

Read more

HowTo: Eingabenvalidierung in ASP.NET MVC

Eingabenvalidierung ist ein sehr wichtiger Punkt in der Anwendungsentwicklung. Man sollte niemals blind User-Eingaben vertrauen. Neben “fehlerhaften” Eingaben, gibt es auch noch die böswilligen Eingaben. In diesem Blogposts geht es um dieses Thema und wie man das in ASP.NET MVC machen kann.

Read more

jQuery… ein paar Links

Da ASP.NET AJAX und ASP.NET MVC (noch?) nicht so richtig gut zusammenpassen muss ganz klar eine andere Javascript Bibliothek und AJAX Framework her – jQuery hat es mir angetan. Der Blogpost ist eher eine Zusammenfassung von den Links die ich in den letzten Rundablagen bereits nebenbei gebloggt hab. Was gibt es denn sonst noch für …

Read more

Noch mehr beeindruckende Javascript Spielerein

Nachdem Robert schon mal diesen Link gebloggt hat habe ich noch diese coolen Scripts gefunden: 60 More AJAX- and Javascript Solutions For Professional Coding 80+ AJAX-Solutions For Professional Coding und noch eine Liste vieler nützliche Javascriptbibliotheken: AJAX, DHTML and JavaScript Libraries

Read more

Beeindruckende Javascript Spielerein mit jQuery

Ich hab mich bisher von jQuery oder anderen Javascript Librarys weniger beeindrucken lassen. Script.aculo.us war mir ein Begriff, aber ich hab jetzt einen interessanten Post gefunden: 37 More Shocking jQuery Plugins Zum Teil ziemlich schicke Sachen dabei – ich glaub diese Seite sollte ich mir mal näher anschauen: Learning jQuery

Read more

HowTo: Excel-Export via AJAX

Wir (d.h. Oliver und ich) haben bei einem Projekt die Anforderung gehabt, in einer sehr AJAX und Javascriptlastigen Anwendung ein Excel Export mit einzubauen. Durch ein Postback oder durch Aufruf einer Webmethode etc. ist dies sehr einfach zu lösen, allerdings gab es ein Problem: Die letztendliche Ergebnisliste wird über verschiedene Javascript Methoden befüllt, d.h. das …

Read more

HowTo: Microsoft AJAX Client API nutzen

Bereits einmal in einer Wöchentlichen Rundablage erwähnt, möchte ich mich heute mal der AJAX Client API widmen. Die Client API wird oft kaum genutzt, obwohl manche kleinen Helferlein praktisch sind. Infos zu den ASP.NET AJAX Extensions (also der serverseitigen API gibt es z.B. hier in einem HowTo). Was ist die ASP.NET AJAX Client API? Die …

Read more

HowTo: Javascript Mouse Over – Mousepositionen für Details

Der Effekt ist eigentlich wohl bekannt und wir bei vielen Javascript Bibliotheken angeboten: Mouse Over Effekte. So werden z.B. Details oder weitere Informationen nachgeladen, sobald man mit dem Mousecursor über dem Element ist. Doch bei einer solch einfachen Funktion ist ein komplettes Javascript Framework wie mit Kanonen auf Spatzen zu schießen, daher nun ein kleines …

Read more

HowTo: Javascript Event "onscroll" nutzen

Der Javascript Eventhandler “onscroll” wird oftmals vergessen, z.B. wird er auch bei Selfhtml nicht gelistet, allerdings ist dieses Event doch sehr nützlich. So hat Microsoft bei seiner Live Bildersuche das onscroll Event genutzt um die Suchergebnisse dynamisch mit AJAX hinzuzufügen um so das typische “Seite 1, 2, 3, 4, 5, 6… 100″ (siehe Google Suche) Layout …

Read more

HowTo: Objektorientierte Programmierung / OOP in Javascript (Eine einfache Klasse erstellen)

Durch den (berechtigten) Hype um AJAX und das “Daten-Format” JSON wird eine Sache in der Webentwicklung immer interessanter: Die Javascriptentwicklung. Insgesamt vollzieht sich meiner Meinung nach ein kleiner Wandel in der Webentwicklung – man versucht sehr viele Sachen auf den Client auszuführen. Diese Entwicklung kann ich nur begrüßen, denn warum muss ich bei einer Sortierung …

Read more

Letzte Posts

  • Carriage Return / Neue Zeile in Textareas

    Eine kleine Aufgabe: Jede neue Textzeile (Carriage Return/Wenn man Enter drückt ) in einer Textarea soll ein Element in einer Auflistung sein – wie mach ich das jetzt am einfachsten? Eigentlich ein grundlegendes Element im Web und der Nutzer macht bewusst Absätze – daher wäre es nur gerecht, wenn man das auch entsprechend würdigt. Kleine ...

  • image.png
    Doom, Quake, Wolfenstein & co. Source Code auf GitHub

    id Software, die Macher von Doom, Quake, Wolfenstein & co., stellen regelmäßig ihre älteren Spieltitle als Open Source zur Verfügung. Das Ganze runterzuladen fand ich bisher immer recht mühselig, allerdings gibt es seit kurzer Zeit die Sourcen auch auf GitHub. Darunter Spiele wie Doom 3, Quake 3, Wolfenstein für iOS. Wer also schon immer mal ...

  • image.png
    Twitter Bootstrap 2.0 released & “Release Präsentation”

    Wie bereits vom Twitter Bootstrap Team angekündigt wurde offiziel die Version 2.0 des UI Toolskits “Twitter Bootstrap” veröffentlich. Zudem wurden die Slides, welche bei der Release Party gezeigt wurden auch veröffentlicht: Downloads finden sich auf der Twitter Bootstrap Seite auf GitHub.

  • image.png
    Javascript zu Dart Translator

    Dart, Google Javascript Alternative, wurde vor ein paar Monaten vorgestellt und die Webentwickler Szene ist noch etwas gespalten, ob Dart nun überflüssig ist oder einfach nur cool und längst überfällig ist. Um die Sprache näher zu erläutern hat Google die grundlegenden Javascript Basics nach Dart übersetzt. Das Ergebnis ist der “Translator”. Der Name mag momentan ...

  • Twitter Bootstrap 2.0–“Beta”

    Twitter Bootstrap, ein UI-Toolkit für Web-Applikationen von Twitter, erscheint (wie bereits berichtet) demnächst in der Version 2.0. Der offizielle Release ist am 31. Januar, allerdings beginnt jetzt laut Mark Otto (einer der Hauptentwickler von Twitter Bootstrap) die intensive Test-Phase. Das heisst, das es nun offiziel auch die 2.0 Dokumentation online gibt. Im Vergleich zur aktuellen ...

Support us!

Facebook