Dank Adobe könnten Texte auf Websites bald so gestaltet werden, wie es beispielsweise in InDesign möglich ist. Der kalifornische Software-Konzern hat zwei Vorschläge gemacht, wie sich Texte mit CSS in Form bringen lassen und wie sie auf unterschiedliche HTML-Elemente aufgeteilt werden können. Adobe und HTML Texte in Form bringen mit CSS-Exclusions Texte in HTML sind bislang immer beschränkt auf eine rechteckige Grundform. Im Printdesign...
Vor einigen Tagen starteten wir gemeinsam mit dem Terrashop eine Verlosungsaktion, bei der es das Fachbuch “CSS3 – Leitfaden für Webdesigner” zu gewinnen gab. Insgesamt 214 Teilnehmer konnten wir zählen, das Interesse war offenbar recht hoch. Aufgrund des hohen Interesses hat sich Terrashop bereit erklärt, allen übrigen Leserinnen und Lesern, die sich jetzt das Buch kaufen wollen, die Versandkosten zu erlassen. Interesse? Lesen Sie...
Bei Terrashop gibt es zur Zeit eines der besten Fachbücher zum Thema CSS3 zu einem drastisch reduzierten Preis. Das Buch “CSS3 – Leitfaden für Webdesigner” geht für schlanke 14,99 € anstelle der sonst fälligen 39,80 € über die virtuelle Ladentheke. Unter unseren Leserinnen und Lesern verlosen wir zudem fünf Exemplare auf bewährte Weise. CSS3 – Leitfaden für Webdesigner Das Fachbuch “CSS3 – Leitfaden für...
Das klassische Box-Modell war noch nie besonders intuitiv. In CSS3 wurde mit {box-sizing:border-box} eine Alternative vorgestellt, die besonders bei flexiblen Layouts fast nur Vorteile hat. Das klassische Box-Modell {box-sizing: content-box} Wenn Sie im analogen Alltag die Breite einer Kiste angeben, dann ist damit immer die Entfernung von einem Außenrand zum anderen gemeint, inklusive Innenabstand (padding) und Rand der Kiste (border). Beim klassischen Box-Modell ist...
Tooltipps in HTML-Seiten entstehen grundsätzlich automatisch, sofern man seinen Elementen das Title-Attribut mitgibt. Das wird nicht nur zur Generierung von Tooltipps, sondern auch als Text für Lesesysteme und zu anderen Zwecken verwendet. Die Interpretation ist vom verwendeten Browser abhängig. Wer mehr Kontrolle möchte, setzt bereits seit Jahren auf Lösungen mit JavaScript. Kashagra Gour legt nun mit Hint.css eine Alternative vor, die komplett auf CSS...
Mit der CSS3-Eigenschaft „transform“ lassen sich HTML-Elemente unter anderem kippen und somit in die Form eines Parallelogramms bringen. Allerdings wird durch die Verwendung dieser Eigenschaft das gesamte Element samt Inhalt gekippt, was mindestens bei Bildern in der Regel eine unerwünschte Optik nach sich ziehen wird. Die JavaScript-Bibliothek Maskew hingegen maskiert ein HTML-Element lediglich mit einem gekippten Rechteck (also einem Parallelogramm). Der eigentliche Inhalt wird...
Tooltipps sind eine feine Sache. Schließlich ermöglichen sie es, kurze Infos platzsparend genau dort unterzubringen, wo sie wichtig sind. Tooltipster stellt ein jQuery-Plugin zur Verfügung, mit dem sich schnell und einfach sehr ansprechende und individuelle Tooltipps realisieren lassen. Diese sind zudem HTML5-konform und ausschließlich per CSS gestaltet, was eine Anpassung des Aussehens einfach macht. Tooltipster Tooltipps über TITLE-Attribut auszeichnen Tooltipster besteht aus zwei Dateien, einer...
Icons werden auf vielen Websites eingesetzt – machen sie doch gerade bei Links ohne (viel) Text schnell deutlich, was gemeint ist. In Zeiten hochauflösender Displays werden pixelbasierte Icons mehr und mehr durch Vektor-Icons abgelöst. Denn gerade die filigran gestalteten Icons wirken auf kleinen Displays entweder zu klein oder (bei Vergrößerung) sehr schwammig. Neben dem Einsatz von Icon-Webfonts gibt es Icons aber auch als reine...
Und schon wieder ist ein neues HTML5/CSS3-Framework für die beschleunigte Web-Entwicklung erschienen. Wer soll da noch den Überblick behalten? Centurion wirkt auf den ersten Blick wie eine Mischung aus Twitters Bootstrap und dem 960.gs. Entwickler Justin Hough will Centurion mehr als Boilerplate zur schnellen Theme-Entwicklung verstanden wissen. In der Tat ist es für ein ausgewachsenes Framework im Vergleich zu anderen Vertretern zur Zeit noch...
Mit HTML5, CSS3 und neuen JavaScript-Methoden lassen sich aufwändige und umfangreiche mobile Webapps realisieren, die nativen Apps für Smartphones und Tablets beinahe in nichts nachstehen. Doch ist Ihr Mobilgerät beziehungsweise dessen Browser gewappnet für zeitgemäße HTML5-Apps? Der Benchmark-Dienst Ringmark findet es heraus. Ringmark ist eine webbasierte Test-Suite, die für Mobilgeräte optimiert ist, aber natürlich auch auf anderen Geräten funktioniert. In drei Durchgängen, den sogenannten Ringen,...
Letzte Kommentare