HTML /CSS
"Eine Person muss in der Lage sein Informationen zu finden, von denen sie nicht wußte, dass sie sie gesucht hat."
Schrieb Tim Berners-Lee im März 1989 in einem Antrag am europäischen Kernforschungszetrum CERN, in dem er eine Software schreiben wollte, die es den Wissenschaftlern einfacher macht Informationen auszutauschen.
Sein Chef kommentierte diesen Antrag mit: "Vague but exiting".
Er verwirklichte dieses Projekt und entwickelte dazu den ersten Browser WorldWideWeb und den ersten Webserver unter dem Betriebssystem NeXTStep. Dies sollte den Ursprung des World Wide Webs darstellen.
Zusammengefasst mit den ersten Gehversuchen des ARPA-Net in einem 30-minütigem "neues spezial"
Beim Stöbern auf CodePlex bin ich über das opensource Projekt "DotNetAge jQuery" gestoßen und bin mehr als angetan.
DotNetAge ermöglicht es jQuery Features in Webcontrols zu nutzen (beispielsweise kann jedes Control mit Resize versehen werden) und bietet aber auch eine ganze Reihe von Webcontrols die Features wie Accordion, Dragpanels usw. direkt bieten.
Für jQuery-Plugins gibt es ebenfalls eine Möglichkeit, diese einzubinden.
Sehr gut gelöst und auch nach Stunden des herrumspielens bin ich immernoch angetan von der Lösung.
Schöner Mix zwischen voller Funktionalität von jQuery und der Einfachkeit für tägliche Standardanwendungen.
[Die Bilder sind von der Website DotNetAge]
Immer mehr Webanwendungen verwenden Ajax-Toolkits um bestimmte Funktionalitäten auf den Seits zur Verfügung zu stellen.
Abgesehen von der Suchmaschienenproblematik vergessen irgendwie alle, wofür es ursprünglich da war.
Es geht darum, dem User das Interface zu vereinfachen und oft auch Vorgänge dadurch zu beschleunigen, dass kein Reload der Seite gemacht werden muss.
Um das gleich mal klar zu stellen, ich setze das selbst gerne ein und auch immer öfter.
Was ich langsam nicht verstehe, ist das die Entwickler der Toolkits Pakete schnüren, bei denen mehrere hundert KB Javascript geladen werden müssen um einfache Effekte zu erzielen, die ein paar Zeilen eigenes Javascript auch realisieren...
Wer eine Mobile-Anwendung erstellt und eine relativ geringe Seitenbreiite wählt, wird feststellen, dass z.B. das IPhone diese nur winzig klein darstellt.
Abhilfe schaft ein Metatag:
<meta name="viewport" content="user-scalable=no, width=device-width">
Wobei auch eine feste Breite angegeben werden kann:
<meta name="viewport" content="user-scalable=no, width=220">
Danke an Alex, für den Hinweise auf den Artikel bei Heise Developer!
Wer sich sich die beiden Frameworks genauer anschaut stellt sich recht schnell die Frage, wieso braucht man beides...
Auf der Technical Summit in Berlin mit einem gleichnamigen Vortrag bekam ich die Antwort dazu:
Die beiden Entwicklerteams haben nichts von einander gewußt und es wurde doppelt entwickelt. (siehe auch)
Im Detail wurden zwar auch die Vor- und Nachteile der einzelnen Umsetzungen im Detail erklärt, um abschließend kund zu tun, dass Linq-To-Sql zwar weiter "weiter unterstützt" wird, aber das Team bereits nicht mehr existiert.
Eine weitere Entwicklung findet sozusagen nicht mehr statt.
Das Entity Framework dagegen hat zwar im Moment noch nicht ganz so viele Features, was sich allerdings...
Im DSL-Zeitalter scheint es nicht mehr so wichtig zu sein ob die Seite nun 50KB oder 100KB HTML-code hat.
Aber auch mit DSL ist ein Unterschied von 30KB deutlich zu spüren.
Mit ASP.NET verwendet man in der Regel viele Controls. Das führt meißt dazu, dass viele leere Zeilen und unötige leerzeichen den Code vergrößern.
Mit folgendem Code können diese entfernt werden:
Protected Overrides Sub Render(ByVal output As HtmlTextWriter)
Dim sb As StringBuilder = New StringBuilder
Dim sw As StringWriter = New StringWriter(sb)
Dim htw As HtmlTextWriter = New HtmlTextWriter(sw)
MyBase.Render(htw)
Dim PageHTML As String = sb.ToString()
PageHTML = PageHTML.Replace(vbTab, " ")
While PageHTML.Contains(" ")
...
Immer wieder ein beliebtes Try and Error-Spiel ist das generieren von CSS.
Kleine Starthilfe sind die CSS-Links, die ich bei Daniel Walzenbach gefunden habe.
CSS-Layout-Generators:
CSS Layout Generator
Layout-o-matic
http://builder.yaml.de/ (danke an Alex für den Tipp)
diverse CSS Links und Tutorials im Infopirat-Blog
CSS Tutorials
css Zen Garden: The Beauty in CSS Design
CSS Layout Techniques: for Fun and Profit
Das Javascript befehle in der Adresszeile des Internetexplorer funktionieren ist mir neu.
Folgendes Script habe ich in diesem Zusammenhang bei Thomas Wölfer endeckt.
javascript:window.open( '', '', '' ).document.write( '<textarea rows="40" cols="80">' + document.body.parentNode.innerHTML + '</textarea>' );
Es bewirkt, dass der HTML-Quellcode in einem neuen Browserfenster angezeigt wird.
Ich habe mir ein Bookmark daraus gemacht und in die Linkleiste gelegt
:-)
... das funktioniert und spart mir den lästigen rechten Mausklick um den Quelltext anzuzeigen.