JavaScript & jQuery

jQuery: Bacon bringt Texte in Form

21. Juni 2012
von Denis Potschien
1
jQuery: Bacon bringt Texte in Form

Ein großer Unterschied zwischen Web- und Printdesign ist die im Webdesign fehlende Möglichkeit, Texte entlang einer beliebigen Form auszurichten. Das jQuery-Plugin Bacon rüstet genau diese Möglichkeit auf verblüffend einfache Art und Weise nach. Bacon wird entwickelt von David Hudson, der Dr. Web Lesern schon durch das Plugin Typebutter bekannt sein sollte. Auch Typebutter beschäftigt sich mit dem Styling von Texten, allerdings rein bezogen auf...

Betriebliches

Excel: Einnahmen-Ausgabenrechnung für jedermann, kostenlos downloaden

20. Juni 2012
von Dieter Petereit
44
Excel: Einnahmen-Ausgabenrechnung für jedermann, kostenlos downloaden

Es gibt ein Update vom 22. Januar 2015. Hier geht es zum aktuellen Beitrag mit dem überarbeiteten Tool! Vor zwei Jahren schrieb Dr. Web-Autorin Manuela Müller einen bis heute viel beachteten Beitrag zum Thema Einnahme-Überschussrechnung. Eigens für diesen Beitrag entwarf sie eine entsprechende Kalkulationstabelle auf der Basis von Open Office und Excel. Dieses Tool nahm sich unser Leser Thomas Räbiger vor und arbeitete es...

JavaScript & jQuery

AngularJS erweitert HTML um Anwendungslogik und Web Components

20. Juni 2012
von Dieter Petereit
6
AngularJS erweitert HTML um Anwendungslogik und Web Components

Vor zwei Tagen stellte ich das Mozilla-Projekt X-Tag an dieser Stelle vor. Mit X-Tag ist es möglich, auf der Basis von Javascript eigene HTML-Elemente zu entwerfen und zu verwenden, als würden sie im Standard so bereit gestellt. X-Tag basiert locker auf dem aktuellen Stand der Diskussion des W3C Arbeitspapiers zu Web Components, wobei es sich auf den Teilbereich Custom Elements beschränkt. Googles AngularJS schlägt...

Deals & Give-aways

“Web Usability” – Büchergewinnspiel – Bekanntgabe der Gewinner

20. Juni 2012
von Michael Dobler
80
“Web Usability” – Büchergewinnspiel – Bekanntgabe der Gewinner

Die Losfee hat folgende Gewinner aus dem Hut gezogen: basti1350, Berlin Robert K., Saarbrücken Marco, Schwerte Martin, Trier Eine Dame, Name der Redaktion bekannt Wir bedanken uns herzlich bei allen Teilnehmern. Herzliche Grüße aus Freiburg Redaktionsteam Dr. Web Das war das Gewinnspiel Wir verlosen zusammen mit Terrashop 5 Exemplare des Buches “Web Usability”. Verfasst hat den Titel der Amerikaner Steve Krug, der Anfang der...

JavaScript & jQuery

jQuery Knob: Canvasbasierter Drehknopf für virtuelle Thermostate

19. Juni 2012
von Dieter Petereit
4
jQuery Knob: Canvasbasierter Drehknopf für virtuelle Thermostate

Schon gut. Natürlich ist das folgend vorgestellte jQuery-Plugin Knob nicht für virtuelle Thermostate erdacht worden. Vielmehr lässt sich mit dem flexibel konfigurierbaren Drehrädchen so ziemlich alles steuern, was man üblicherweise mit solchen Bedienelementen im Web steuert. Es eignet sich beispielsweise für die Lautstärkenregelung, die Erhöhung von Helligkeit und/oder Kontrast, das Spulen innerhalb von Medien, eben ganz generell die Einstellung beliebiger Werte in Web Apps....

Boilerplates & andere Tools

Initializr jetzt auch mit Bootstrap und “Mobile First”-Template

18. Juni 2012
von Dieter Petereit
0
Initializr jetzt auch mit Bootstrap und “Mobile First”-Template

Initializr ist ein Onlinedienst, mit dessen Hilfe man sich eine Projektvorlage auf der Basis der HTML5 Boilerplate (H5BP) zusammenklicken kann. Vor ziemlich genau einem Jahr berichtete ich erstmals darüber. In der Zwischenzeit wurde das Projekt des Entwicklers Jonathan Verrechia deutlich erweitert. So ist es mittlerweile nicht nur möglich, H5BP zu verwenden. Vielmehr steht ein dediziertes Responsive-Template, sowie Twitters Shooting Star Bootstrap zur Verfügung. Initializr:...

Design

Mozilla X-Tag: HTML-Elemente selbst definiert

18. Juni 2012
von Dieter Petereit
5
Mozilla X-Tag: HTML-Elemente selbst definiert

Angenommen, wir benötigen ein Accordion-Element auf unserer Website. Dreamweaver-Nutzer verlassen sich auf Spry, alle anderen gehen unterschiedliche Wege. Einer der beliebtesten dürfte dabei der Weg über jQuery UI sein, das Accordions als Widget implementiert hat. Aber wäre es nicht noch wesentlich einfacher, wenn man ein HTML-Element namens Accordion hätte? Semantischer wäre es in jedem Falle. X-Tag, ein Projekt aus dem Hause Mozilla, verspricht, genau...

Design

HTML5: Bildmaskierung mit dem Canvas-Element

18. Juni 2012
von Denis Potschien
1
HTML5: Bildmaskierung mit dem Canvas-Element

Bilder sind von Haus aus immer rechteckig. Dementsprechend lassen sie sich auch nur rechteckig im Browser darstellen. Während es im Printdesign jedoch Möglichkeiten gibt, Bilder mit beliebigen Formen – zum Beispiel mit Ellipsen – zu maskieren, gibt es diese Möglichkeit im Webdesign trotz der aktuellen HTML5- und CSS3-Entwicklung derzeit nur für Webkit-Browser. Mit ein wenig JavaScript jedoch lassen sich Bilder für alle Canvas-unterstützenden Browser...

Design

Dummy: Umfassendes PHP-Toolkit für das Rapid Prototyping von Websites

17. Juni 2012
von Dieter Petereit
2
Dummy: Umfassendes PHP-Toolkit für das Rapid Prototyping von Websites

Wenn man täglich auf der Suche nach neuen, interessanten Technologien und Tools ist, die das Berufsleben eines Webworkers erleichtern und im besten Falle bereichern können, ist man einiges gewohnt und nicht mehr so leicht zu begeistern. Das PHP-Toolkit Dummy von David Kerns, um das es im folgenden Beitrag gehen soll, hat es dennoch geschafft. Dummy kann eine komplette Website mit flexiblen Inhalten versehen, die...

Inspiration

Nginx – Erste Schritte mit der Apache-Alternative

16. Juni 2012
von Sven Schannak
1
Nginx – Erste Schritte mit der Apache-Alternative

Nginx (ausgesprochen Engine X) wird von vielen Entwicklern und Administratoren als leistungsstarke Alternative zu Apache angesehen. Dabei bietet es durch seine einfache Konfiguration und auf Performance angelegte Architektur auch Einsteigern in das Thema Webserver viele Vorteile. Anfangs ist zu betrachten, wofür Nginx eingesetzt werden soll. Neben dem Einsatz als einfacher HTTP-Server ist vor allem die Verwendung als Reverse-Proxy zur Lastverteilung beliebt. Aber auch bei...

Design

HTML5: SVG-Grafiken einbetten und mit CSS und JavaScript manipulieren

15. Juni 2012
von Denis Potschien
2
HTML5: SVG-Grafiken einbetten und mit CSS und JavaScript manipulieren

Dank HTML5 müssen SVG-Grafiken nicht mehr über eine eigenständige Datei in ein HTML-Dokument per EMBED- oder OBJECT-Element eingebunden werden. Vielmehr lassen sie sich direkt in das HTML-Dokument einbetten und können mit Stylesheets und JavaScript angepasst und verändert werden. Das SVG-Element Grundlage zum Einbetten von SVG-Grafiken ist das SVG-Element. Es ermöglicht die Auszeichnung von SVG-Grafiken direkt im HTML-Dokument: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400" height="200">   <ellipse...

Programmierung

Opera 12: die Neuerungen für Webentwickler

15. Juni 2012
von Dieter Petereit
3
Opera 12: die Neuerungen für Webentwickler

Opera 12 ist da. Der stets unterschätzte Browser, der zu seiner verdienten Verbreitung ständig deutlichen Abstand hält, kann seit gestern von der Unternehmenswebsite heruntergeladen werden. Neben vielen Verbesserungen, die vor allem den Endnutzer betreffen, wie einer gesteigerten Performance, einem einfacheren Theming und der Unterstützung des Do-Not-Track-Headers zur Verbesserung der Anonymität im Web, bietet Opera 12 auch dem Webentwickler verbesserte Features. So geht der Browser...