Atom – Texteditor des 21. Jahrhunderts

20. Juni 2016 at 11:52
Atom, der Texteditor des 21. Jahrhunderts

ATOM – A hackable text editor for the 21st Century

Notepad++, Dreamweaver und Sublime Text gehören wahrscheinlich zu den bekanntesten Texteditoren auf dem Markt. Doch stellen sie nur eine winzige Auswahl dar, denn das Angebot – egal ob kostenpflichtig oder Open Source – ist riesig. Da ist es nicht weiter überraschend, dass sich auch GitHub dazu entschieden hat einen eigenen Texteditor zu entwickeln.
Somit ist Atom entstanden, bei dem es sich um einen Open-Source-Editor handelt. Aber was kann dieser genau? Und was unterscheidet ihn von anderen Editoren?

Die Breadcrumb-Navigation

23. Mai 2016 at 11:13
Breadcrumb-Navigation

Warum und wie eine Breadcrumb-Navigation Sinn ergibt, was man dabei beachten muss und wo vielleicht ungeahnte Potentiale schlummern.

Der Begriff Breadcrumb-Navigation, also „Brotkrumen-Navigation“, ist in der Web-Terminologie eine Metapher für die ​von Hänsel angewandte Wegfindungs-Technik aus dem Märchen Hänsel und Gretel.

Auch wenn die Brotkrumen im Märchen nicht besonders erfolgreich waren – Vögel  haben sie gefressen – hat sich die Breadcrumb-Navigation auf Webseiten als Standard etabliert. Dabei ist die Breadcrumb nicht nur eine wichtige Navigations- und Orientierungshilfe, sie spielt auch im Bereich SEO eine wichtige Rolle.

Der folgende Beitrag soll beleuchten wann, warum und wie eine Breadcrumb-Navigation Sinn ergibt, was man dabei beachten muss und wo vielleicht ungeahnte Potentiale schlummern.

Slick – ein responsiver Slider

3. Juli 2015 at 11:03
SnipImage

The last carousel you’ll ever need

 

Slider für responsive Websites müssen viele Anforderungen erfüllen: sie sollen über alle Displaygrößen skalieren, auf Touch-Displays gut bedienbar sein, unterschiedliche Bedienelemente je nach Auflösung anzeigen und die Anzahl der sichtbaren Slides soll für verschiedene Auflösungen variierbar sein. Außerdem sollte der Slider CSS3, Autoplay, Infinite looping, Mouse-Dragging, Tastaturbedienbarkeit, Lazy-Loading sowie das Einfügen und Entfernen von Slides unterstützen. Diese Funktionen und noch einige weitere bietet Slick.

Screenguide Ausgabe 18

12. August 2013 at 16:35

Die quartalsweise erscheinende Fachzeitschrift Screenguide (früher Webstandards Magazin) behandelt Themen rund um Interface- und Webdesign, Usability, Webentwicklung, Social-Media und E-Commerce. Neben praktischen Techniken, Tools und Tricks werden u.a. aktuelle Trends zum Thema Design vorgestellt. Die Artikel sind auf jeden Fall hoch informativ und anschaulich aufbereitet.

In der aktuellen Ausgabe werden u.a. folgende Themen behandelt, die ich euch mit diesem Artikel ans Herz legen möchte:

  • Skeuomorphismus vs. Flat-Design
  • Landingpage Design Rules – So optimieren Sie Ihre Landing-Pages für mehr Conversion
  • GIT vs. SVN
  • Bundestagswahl-Special – Sechs Parteiwebsites im Test
  • Icons im Einsatz – Verschiedene Techniken zur Icon-Integration
  • Inhalte mit Plan – Mehr erreichen mit Content Strategy und Content Marketing
  • uvm.

 

Die aktuellsten Ausgaben aller von brandung abonnierten Zeitschriften findet ihr i.d.R. am Zeitschriftenhalter im Backoffice, im Keller oder in den Designbüros.

Hier der Link zur Website: http://screengui.de/

Responsive Design Testing mit Viewport Resizer

6. März 2013 at 10:41

Viewport Resizer ist ein kostenloses und browserbasiertes Responsive Design Testing Tool, um das Skalierungsverhältnis von Webseiten zu überprüfen. Die Auflösungen der gängigsten Endgeräte sind mit dem Tool abgedeckt, zudem besteht die Möglichkeit eigene Auflösungen anzugeben und als Voreinstellung zu speichern.

Das Bookmarklet ersetzt mit Sicherheit keine Device-Testings, allerdings kann es für eine schnelles Layouttesting hilfreich sein ohne dass eine händische Skalierung des Browserfensters notwendig ist (Die Web Developer Toolbar für Firefox bringt bereits von Haus aus eine ähnliche Funktion mit, die allerdings weniger intuitiv zu bedienen ist).

 

http://lab.maltewassermann.com/viewport-resizer/