Links

34 Beiträge

  • Touch Target Sizes

    ·
    Touch Target Sizeslukew.com
    Maße für Touchscreen-Buttons

    Im Artikel „Touch Target Sizes“ von Luke W findest du hilfreiche Richtlinien für die Gestaltung optimierter Touchscreen-Buttons. Die dort aufgeführten Button-Maße wurden aus verschiedenen Quellen zusammen getragen (die Quellen wie z.B. die iPhone Human Interface Guidelines werden im Artikel mit verlinkt).

    Die Richtlinien und Tipps sind wirklich hilfreich, z.B. wenn du an einem responsive Webdesign arbeitest. Denn Buttons für die Bedienung mit dem Finger zu gestalten, ist noch einmal eine ganz andere Aufgabe, als Buttons für die Bedienung mit der Maus.

    Schließlich müssen Button-Größen an die Größe einer Fingerspitze angepasst werden. Und auch die Abstände zwischen einzelnen Buttons sollten großzügig bemessen werden, so dass man sich nicht ausversehen vertippen kann. Die Angaben von Apple für einen standardmäßigen Touchscreen-Button sind z.B. 44x44pt. Das wirkt im ersten Moment sehr groß, als Trick kann man aber auch nur die anwählbare Fläche in diesem Maß wählen und den wirklich sichtbaren Button kleiner gestalten.

  • HTML5 for Web Designers

    ·
    HTML5 for Web Designershtml5forwebdesigners.com

    Für alle Webdesigner und HTML-Interessierte, die sich etwas mehr in das Thema HTML5 einarbeiten möchten, gibt es das A Book Apart-Buch „HTML5 for Web Designers“ von Jeremy Keith jetzt kostenlos online verfügbar.

  • 25 jQuery-Plugins für responsive Layouts

    25 jQuery-Plugins für responsive Layoutsspeckyboy.com

    Im Artikel „25 jQuery-Plugins to help with Responsive Layouts“ auf dem Speckyboy-Blog findest du eine nützliche Zusammenstellung verschiedener jQuery-Plugins, die für die Arbeit an einem responsive Webdesign verwendet werden können. Das ein oder andere Plugin haben wir zwar auch hier auf dem Blog schon vorgestellt, dennoch bietet der Artikel eine gute Übersicht aktueller Plugin-Lösungen.

  • Designing for Emotion & Mobile First

    ·
    Designing for Emotion & Mobile Firstabookapart.com
    A Book Apart Buchempfehlung

    Da die kleinen Bücher von A Book Apart für Webdesigner und Webentwickler sowieso immer ein Highlight sind, haben wir uns besonders über das aktuelle Angebot gefreut, die beiden neusten Bücher „Designing for Emotion“ von Aarron Walter und „Mobile First“ von Luke Wroblewski in einem Paketpreis kaufen zu können. Die eBook-Version der beiden Bücher kannst du dir so schon für 15 Us-Dollar bestellen. Wir haben unsere Exemplare zwar noch nicht komplett durchgearbeitet, aber die Texte lassen sich trotz Englisch angenehm lesen und die Sprache ist auch nicht zu kompliziert gehalten. Wir finden die Bücher sind für alle Webdesign-Fans auf jeden Fall einen Empfehlung wert.

  • Screenfly

    Screenflyquirktools.com

    Screenfly ist ein weiteres, schönes Online-Tool, um das responsive Design einer Webseite schnell in verschiedenen Screenauflösungen zu testen. Wenn du deine Programmierung auf einer Test-Domain online gestellt hast, kannst du so schnell Fehler in den Styles deiner CSS3 Media Queries finden.

  • Pinterest

    Pinterestpinterest.com

    Bei „Pinterest“ kannst du Inspirationen sammeln und dir Bilder für deine eigenen digitalen Pinnwände zusammen stellen. Deine Bild-Inspirationen kannst du dann auf verschiedenen Pinnwänden (Boards) nach Themen wie Design, Typografie, Mode, Essen oder Reisen sortieren. Pinterest eignet sich meiner Ansicht nach auch hervorragend, um Ideen für ein neues Webdesign-Projekt zu sammeln. Die Pinnwand mit deinen Ideen kannst du dann auch unkompliziert mit anderen online teilen. Anmelden kannst du dich über eine Invite-Anfrage auf der Pinterst-Webseite (die Einladung hatte ich bereits wenige Stunden später in meinem Posteingang).

Expand sidebar⌘BCollapse sidebar⌘BSearch⌘KSearch⌘K
Design⌥DFokusmodusFokusmodus beenden