|
|||
Auf welchen bzw. wievielen Seiten soll ich Social Media Buttons einbinden?
Die Übung scheint gelungen....nun stellt sich mir die Frage, auf welchen bzw. wievielen Seiten ich die Social Media Buttons einbinden soll, damit es Sinn macht....soll ich lediglich die Startseite damit ausstatten, oder auch diverse Sub-Seiten mit unterschiedlichen Inhalten für "Quereinsteiger"? Derzeit habe ich bis auf die php-Kontakt- und Anfrageformulare alle Seiten mit den Buttons ausgestattet, bin mir aber nicht sicher, ob das nicht ein wenig zu viel des Guten ist...
MfG Herb Gasthof Thaller Lebring/Austria Geändert von herb3472 (14.06.2013 um 18:06 Uhr) |
Sponsored Links |
Sponsored Links |
|
||||||
@Manfred62:
Danke für die schnelle und umfangreiche Rückmeldung. Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Eine Frage bezüglich JQuery: ich verwende für die Slideshow auf der Startseite und für die 2Click Social Media Buttons das jquery 1.8.2. Eine Seite mit galleriffic.js Fotogalerie verwendet allerdings jquery 1.9.1 (war so vorgegeben). Ich dachte, jquery 1.9.1 sei abwärtskompatibel, und wollte die ältere Version 1.8.2 auch bei den Social media Buttons durch die neuere ersetzen. Funzt aber nicht...falsch gedacht, oder Fehler gemacht? Zitat:
MfG Herb |
|
||||
SM Buttons: alle Seiten
skip-link: damit man weiss, dass es eine Navigation gibt. Der Link führt/springt dann nach unten. Responsive Web Design Patterns | This Is Responsive dort 'Footer Anchor' Breakpoints: i.d.R. werden folgende Werte verwendet (kann, kein muss) 320px mobile Portät 480px mobile landscape 600px kleine (alte) Tablets Porträt 768px große Tablets Porträt 1024px Tablets landscape 1140px Desktop 1200px Desktop ... Beispiel Code: Code:
/* =Tablet (Portrait) -----------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* =Mobile (Portrait) -----------------------------------------------------------------------------*/ @media only screen and (max-width: 767px) { } @media only screen and (max-width: 479px) { } /* =Mobile (Landscape) -----------------------------------------------------------------------------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { } Jquery: gibts ev. eine neuere Version des Scripts für die SM? Da müsste man wohl eher ein JS Fachmann fragen. IE8: zu 1. alle Nutzer von Windows XP haben den 8er (Zielgruppe?? Freaks, welche immer den neuesten Hype-Browser nutzen. Oder ältere Herrschaften, welche von solchen Dingen eher wenig Ahnung haben.) zu 2. dann einfach das responsive für den IE8 unterbinden durch eine feste Breite. |
|
|||
Zitat:
Z.B. für die horizontale Navigation oben: Das Fenster so weit zusammenschieben, bis es noch gut reinpasst. Den Breitenwert vom html-Element in em umrechnen, das ist dann der passende Breakpoint für die Navigation -- völlig egal, mit welchem Gerät jemand ankommt. Und sogar egal, welche Schriftgröße eingestellt ist. Pixelbreiten und Text passen nicht zusammen. Das wichtigste, wenn man ein Responsive Layout erstellen will, ist das Viewport-Meta-Element. Code:
<meta name="viewport" content="width=device-width,initial-scale=1" /> Eine Trennung der Stylesheets halte ich auch für wenig sinnvoll, eben weil Breakpoints sich nicht pauschal auf alles anwenden lassen. Alles in ein Stylesheet, darin passende @media-Regeln verwenden.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
@fricca:
Zitat:
Zitat:
Zitat:
MfG Herb Geändert von herb3472 (15.06.2013 um 13:15 Uhr) |
|
||||
Kommt darauf an. Wenn jede Seite einzeln ist, dann ist das Aufwand. Arbeitest du mit einem Template, musst du das nur einmal im Template ändern.
__________________
Personal stuff |
|
|||
Ich schreibe jede Seite einzeln mit dem Texteditor. Der Aufwand, mich in ein CMS einzuarbeiten, erscheint mir für eine einzige Website doch ein wenig hoch. Vor Allem dann, wenn es an's Eingemachte geht - an die Gestaltung eigener Templates und um dynamische Inhalte.
Vorgefertigte Gratis-Templates sind normalerweise nicht resizeable und nicht für den Einsatz mit Media Queries gedacht (wie denn auch?), und auch nicht unbedingt Ausdruck herausragender gestalterischer Kreativität. In der Regel sind sie als Massenware erkennbar, manche damit gestaltete Seiten gleichen einander wie ein Ei dem anderen. Für News oder Blogs ist das ja o.k., für mich selbst möchte ich aber kein Design von der Stange. Ich habe so gut wie keine dynamischen Inhalte zu verwalten. Saisonale Announcements mache ich grafisch mit Photoshop, und die paar Zeilen, die in der Speisekarte zu ändern sind, schreibe ich direkt mit dem Texteditor hinein. Fazit: Für statische Inhalte ist meines Erachtens eine einfache html-Seite ohne Datenbank-Overhead noch immer das Mittel der Wahl. Sie ist transparenter, einfacher zu warten (keine Versions-Upgrades), und unempfindlicher gegen Hacker-Angriffe. Freilich, wenn es um grundlegende, strukturelle Änderungen geht, die alle oder mehrere Seiten betreffen, artet das schon mal in Arbeit aus. MfG Herb gasthof-thaller.com |
Sponsored Links |
|
|||
Zitat:
Zitat:
Dann lieber dieses handheld.css weglassen und die mobilen Browser ihre Arbeit verrichten lassen. Und ja, wenn du den Viewport-Meta dazunimmst musst du dein Stylesheet anpassen. Du brauchst z.B. keine riesigen Schriftgrößen für die Navigation. Im Moment ist die Seite auf Kleingeräten kaputt.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Offizielle Social Share Counter Buttons nicht valide? | japanworm | CSS | 4 | 11.11.2011 16:52 |
SWF FLV Media Player einbinden? | webseite_freaky | (X)HTML | 2 | 31.08.2008 11:06 |
Media Player einbinden und Datein abspiel von Lokalem ... | ThorstenSt | (X)HTML | 6 | 21.04.2006 21:53 |
Problem mit dem Menü [erledigt] | Julian | CSS | 2 | 16.01.2006 00:27 |