Bootstrap3: Media Queries Breakpoints

Es ist ja bekannt, dass Bootstrap ein “Mobile-First-Framework” ist. Um sich die Unendliche Suche im Web zu ersparen, hier eine kleine Auflistung Media Queries in der Mobile First und Non-Mobile-First Methode.

Weiterlesen

Apple Touch Icons erstellen

Was sind den nun wieder APPLE TOUCH ICONS, fragen sich bestimmt einige.

All jene welche versucht haben das tutorial nachzubauen, werden wohl mitbekommen haben das man nun ein paar Zeilen mehr Code in der Html Datei stehen hat, aber sich eben diese Zeilen auf nichts weiter sichtbares auswirken.

Weiterlesen

Ressourcen für Frontend-Entwickler

Auf der Suche nach einer kleinen Javascript-Library , einem Icon-Font oder einem Seo-Tool?
Zwei Frontendentwickler haben eine Resource-Card Website gebaut in der Sie alles Sammeln und nach Kategorien schön sortieren.

Weiterlesen

Bootstrap 4 alpha

Wir kennen es alle, wir können uns einfach nicht alles merken. Ist auch nicht weiter schlimm. Es ging hier wohl jemand ähnlich und er hat sich die Mühe gemacht ein Cheatsheet für die bootstap4alpha Version zu bauen.

Hier der Link zum Bootstrap4 Cheatsheet.

 

Wie waren nochmal die Media Queries für Android?

Alles kein Problem, Google hat uns hier eine wunderschöne Liste zusammengestellt.
Es kann so einfach sein!

Weiterlesen

Prepros-Workflow Automatisierung ala carte

Die zu erledigenden Aufgaben eines Entwicklers steigen so schnell, dass es mittlerweile wichtig ist, sich einen passenden Workflow zu schaffen. Der Alltag für Webentwickler und -designer besteht nun nicht mehr nur aus reinem HTML, PHP, CSS, Javascript usw.
Heutzutage muss man weitere Aufgaben wie seinen Code minimieren, Bilder optimieren, sowie den entsprechenden Viewports anpassen übernehmen, was den Workflow schnell aufbläht. Mit einem Tool namens Prepos bekommt man aber schnell alles in den Griff.

Weiterlesen

Mobilegeddon: Responsive Design wird endgültig zum Muss

Am gestrigen Tag wurde das erste große Google Update für 2015 ausgerollt. Und eins ist klar: Wer keine Seite mit optimierter, mobiler Darstellung hat, landet im Ranking bei einer Suche auf einem mobilen Gerät nun erstmal weiter hinten. Der Suchalgorithmus ändert sich grundlegend und Webseiten, die nicht für mobile Geräte optimiert sind, haben erstmals das Nachsehen. Die Gnadenfrist für Seitenbetreiber, die sich der rasanten Entwicklung der mobilen Internetnutzung bislang entzogen haben, läuft nun ab und Responsive Design wird endgültig zum Muss. Was dieses neue Update bringt und welche Neuerungen im Detail eingeführt werden, erläutern wir hier.

Weiterlesen

Gedanken zum neuen Jahr: Responsive Webdesign

Responsive Webdesign – kein Thema hat uns als Webdesigner in den vergangenen Monaten häufiger beschäftigt. Und obwohl das ganze Web scheinbar an allen Ecken und Enden danach verlangt, ist es dennoch schwierig das Konzept auch den Kunden zu vermitteln. Warum sollten sie auf das dynamische Layout setzen? Schließlich kommen ja auch so genug Besucher auf die Seite, so die weitläufige Meinung. Deshalb kommt hier eine kurze -teilweise etwas satirische- Anleitung für Webdesigner im Umgang mit Kunden.

Weiterlesen

Webshop als mobile Webseite oder App?

In Anbetracht, dass Nutzer und vor allem die immer intelligenter werdenden Suchmaschinen immer mehr Wert auf die Usability einer Webseite legen und auch immer mehr Menschen mobil über ihr Tablet oder Smartphone online shoppen, stellt sich für Shopbetreiber die Frage, wie sie ihren Webshop für mobile Endgeräte optimieren würden. Dafür gibt es verschiedene Möglichkeiten.

Weiterlesen

20 kostenlose Fonts, die auch Umlaute enthalten

Hier findet ihr eine Auflistung von 20 frei verfügbaren, kostenlosen Schriften, die auch die deutschen Umlaute enthalten.

Weiterlesen

Adobe bringt Schriften-Paket Source Code Pro raus

Nachdem man bei Adobe im vergangenen Monat schon recht erfolgreich die Schrift Source Sans Pro herausgebracht hat, wurde man dadurch offenbar beflügelt und legt nun mit Source Code Pro nach. Die Source Sans Pro-Schrift wurde bislang schon 68.250 Mal heruntergeladen. Dabei waren die Macher überrascht davon, dass eine nicht-proportionale Schriftart mit fester Zeichenbreite eine solche Resonanz hervorrufen konnte.

Weiterlesen

Mit SpriteMe CSS-Sprites aus Hintergrundbildern erstellen

Wer auf seiner Website jede Grafik einzeln laden lässt, riskiert, dass sich das Laden unangenehm verzögert. Besser ist es, die Bilder in einem Sprite zusammenzufassen, der dann nur einmal geladen werden muss.

Weiterlesen

Große Schriftarten-der neue Trend im Webdesign

Galten früher eher kleine Fonts als das Schönheitsideal der Webdesigner, so gewinnen nun die großen Schriften immer mehr an Bedeutung. Bei den kleinen Fonts mussten die Lesbarkeit und die Usability einfach hinten anstehen, aber mit einer stetigen Entwicklung des Responsive Designs und der damit einhergehenden besseren Nutzbarkeit auf den mobilen Endgeräten gewinnen die großen Schrifttypen bei den Designern wieder an Zuspruch. Daraus entwickelt sich anscheinend gerade ein vollkommen neuer Trend im Webdesign.

Weiterlesen

Photoshop CS6: Das sind die wichtigsten Neuerungen für Webdesigner

Wenn ihr euch jetzt wieder, wie bei jedem Update des Platzhirsches unter den Bildbearbeitungsprogrammen, fragt, ob sich für euch und euer Unternehmen eine Aktualisierung lohnt, so wollen wir euch hier einmal die wichtigsten neuen Features von Adobe Photoshop CS6 vorstellen. Damit könnt ihr dann selber entscheiden, ob sich der Umstieg für eure Zwecke anbietet oder ob ihr auch weiterhin mit der alten Version alle eure Projekte umsetzen könnt.

Weiterlesen

Responsive Design: Mit angepasstem Workflow zur optimalen Gestaltung

Eine große Aufgabe für Webdesigner ist das Responsive Design. Wie passt man eine Website auf verschiedene Auflösungen an, so dass die Übersichtlichkeit nicht leidet und das schicke Design der Seite trotzdem zur Geltung kommt?

Weiterlesen
© 2008 - 2017 www.fastlane.de - Über uns | Kontakt | Impressum