Im World Wide Web mangelt es nicht an nützlichen Helfern für Webdesigner. Oftmals müssen diese aber installiert oder in ein Webprojekt eingebunden werden. Der Vorteil von Bookmarklets hingegen ist, dass sie einfach zu den Lesezeichen hinzugefügt werden und per Klick angewendet werden können. Gridwax Wer als Webdesigner viel Wert auf die Einhaltung eines Grundlinienrasters legt, ist mit Gridwax gut bedient. Das Bookmarklet legt ein...
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...
Viele Weblayouts entstehen in Photoshop und werden anschließend auf unterschiedliche Weise in HTML und CSS umgesetzt. Dank zahlreicher Plugins kann man sich die Arbeit mit Photoshop etwas erleichtern. Fünf Plugins, die sich speziell an Webdesigner richten, habe ich für Sie ausgesucht. Schnelle Rastererstellung mit GuideGuide Der erste Schritt zum Weblayout ist ein Raster, welches in der Regel aus mehreren Spalten und gegebenenfalls auch Zeilen...
Während der Entwicklung einer Website kommt stets ganz früh schon der Moment, wo ein fertig aussehendes Layout mit Inhalten dargestellt werden muss. Diese Inhalte gibt es zu diesem Zeitpunkt meist nicht, weshalb Blindtexte und allgemeine Fotos herhalten müssen. RoughDraft.js erstellt solche „Blindinhalte“ inklusive des nötigen HTML-Gerüstes mit wenig Aufwand für den Entwickler. RoughDraft.js: Viel Inhalt mit wenig Quelltext RoughDraft.js ist ein Tool, welches Inhalte...
Mit den Chrome-Entwicklertools stellt Google ein umfangreiches Werkzeug für seinen Browser zur Verfügung, das einen bei der Umsetzung von Webprojekten unterstützt. Vor recht kurzer Zeit stellten wir den sehr gelungenen Online-Kurs zu den DevTools vor, der nach wie vor kostenfrei zur Verfügung steht. Heute möchte ich Ihren Blick auf die interessanten Möglichkeiten lenken, die die Tools für die Entwicklung mobiler Anwendungen bieten und die...
Zwar gibt es mit document.createElement() und anderen entsprechenden Methoden eine Möglichkeit, um per JavaScript HTML-Elemente zu erzeugen und dem DOM-Baum hinzuzufügen – komfortabel und übersichtlich ist das jedoch in der Regel nicht. Gerade ab einer gewissen Komplexität der zu erstellenden Elemente kann man schon mal den Überblick verlieren. Das HTML5-Template-Element soll für Abhilfe sorgen. Elemente als Vorlage im Dokument ablegen Das Prinzip des neuen...
Wenn es um die Einbindung von Kartenausschnitten in eine Website geht, ist Google Maps die erste Wahl. Dank der JavaScript-API ist es zudem leicht, Karten mit Markern und anderen Overlays zu versehen. Das freie Pendant OpenStreetMap liefert eine solch einfache Möglichkeit der Herangehensweise nicht. Die JavaScript-Bibliothek Leaflet jedoch bietet viele Features, die man von Google Maps kennt, um interaktive Karten auf der Grundlage von...
Texte sind zum Lesen da, sollen bisweilen aber durchaus auffallen. Eine Reihe von jQuery-Plugins stellen Möglichkeiten zur Verfügung, Texte mit Animationen und animierten Hovereffekten in Bewegung zu bringen. Fünf schicke jQuery-Plugins für solche Texteffekte haben wir zusammengestellt. Sliding Letters: Text per Hover ändern Das erste Plugin wechselt per Hovereffekt einen Text per Animation aus. Der Standardtext wird dabei, wie üblich, mit einem A-Element ausgezeichnet....
Bei jedem Web-Projekt ist es angebracht und sinnvoll, den Quelltext auf Fehler und Einhaltung der Standards zu überprüfen. Statt seine Seite durch einen der vielen Validatoren zu schicken, kann man mit dem Diagnostik-Tool Holmes seine Website auch mit einer CSS-Datei auf eine nicht-valide und fehlerhafte HTML-Auszeichnung überprüfen. Holmes CSS-Datei einbinden und Seite checken Um Holmes nutzen zu können, muss die entsprechende Stylesheet-Datei im Kopf...
Eine Website sollte grundsätzlich natürlich so aufgebaut sein, dass sich alles intuitiv ergibt und man keine Einführung braucht, um sich zurechtzufinden. Manchmal ist es jedoch sinnvoll, auch regelmäßige Besucher etwa auf neue Funktionen oder Inhalte aufmerksam zu machen. Intro.js ist ein Framework, das Besucher per Tooltip in Form einer kleinen Einführungstour auf bestimmte Bereiche der Website hinweist. Man kennt das Prinzip solcher Introtouren zum...
Letzte Kommentare