Style-handheld
Eingetragen von Schnittmenge@dr... (288)am 14.11.2008 - 16:24 Uhr in
Ich würde gerne die großen Image für Mobiltelefono bzw. langsame Internetverbindungen deaktivieren. Ich habe folgende zwei erfolglose Versuche hinter mir:
1. Versuch <style type="text/css" media="screen">@import "/sites/all/themes/consenser/screen.css";</style>
2. Versuch <style type="text/css" media="handheld">@import "/sites/all/themes/consenser/handheld.css";</style>
Beim ersten Versuch wurde diese auch auf meinem Mobil angezeigt und beim zweiten Versuch wurde diese nicht auf meinem Mobil angezeigt.
Gibt es eine sichere bzw. elegantere Variante, wie man abhängig von der Bildschirmgröße bzw. Internetgeschwindigkeit eine bzw. eine andere CSS aktivieren kann.
- Anmelden oder Registrieren um Kommentare zu schreiben
WAP
am 14.11.2008 - 22:38 Uhr
Moin!
Also abhängig von der Internetgeschwindigkeit wirst Du da wohl nichts finden. Ansonsten würde ich sagen, Dir kann WAP weiterhelfen.
Eine kurze Suche ("drupal wap") brachte mich zu diesen beiden Seiten:
creating mobile sites in drupal using multisites und Drupal and mobile phones (auf g.d.o.).
Das ist auf jeden Fall ein interessantes Thema.
hth,
Stefan
Hat WAP denn heute noch eine
am 14.11.2008 - 23:34 Uhr
Hat WAP denn heute noch eine Daseinsberechtigung? Die meisten aktuellen Handys haben doch nen Safari oder Opera und machen ganz normal HTML..
--
Webseiter
Media handheld
am 15.11.2008 - 00:31 Uhr
Ich würde gerne die großen Image für Mobiltelefono bzw. langsame Internetverbindungen deaktivieren. Ich habe folgende zwei erfolglose Versuche hinter mir:
1. Versuch
<style type="text/css" media="screen">@import "/sites/all/themes/consenser/screen.css";</style>2. Versuch
<style type="text/css" media="handheld">@import "/sites/all/themes/consenser/handheld.css";</style>Beim ersten Versuch wurde diese auch auf meinem Mobil angezeigt und beim zweiten Versuch wurde diese nicht auf meinem Mobil angezeigt.
Gibt es eine sichere bzw. elegantere Variante, wie man abhängig von der Bildschirmgröße bzw. Internetgeschwindigkeit eine bzw. eine andere CSS aktivieren kann.
Die eleganteste und wohl auch in der Zukunft sicherste Variante ist dein 2. Versuch. Leider erkennen eben viele 'handhelds' eben genau das nicht. Ob WAP noch ne Alternative ist, weiß ich ehrlich gesagt nicht. Vielleicht müssen wir warten bis alle Geräte so gut sind wie das iPhone.
Offtopic: Das kann aber dauern, denn welche windose ist so gut wie ein Mac.
vg
--
md - DrupalCenter
mdwp* :: Drupal Services
iPhone hat auch seine Limits
am 15.11.2008 - 05:35 Uhr
Ich möchte nicht ins WAP einsteigen, zu mindestens nicht zu diesem Zeitpunkt.
Nach dem ich meine Seite per CSS-Sprites optimiert habe, habe ich ein Image, welches 150kb groß ist, welches zu Problemen führt. Deshalb habe ich jetzt ein zweites Image eingeführt mit nur 20kb. Warum? http://yuiblog.com/blog/2008/02/06/iphone-cacheability/
We found that if the size of component is greater than 25 KB, the iPhone’s browser does not cache the component. Thus, web pages designed specifically for the iPhone should reduce the size of each component to 25 Kbytes or less for optimal caching behavior.
Nun habe ich meine CSS gesplittet, so dass einmal das 150kb Monster verwendet wird und ein anderes mal nicht. Nun muss ich feststellen, dass die theoretisch schöne media=""-Funktion praktisch nichts bringt.
Nun gut bis jetzt habe nur mit meinem SonyEricsson es versucht. Hat jemand weitere Erfahrung über die Anwendbarkeit von der media=""-Funktion. (In der Dokumentationen über Html wird hingewiesen, dass es noch kein Standard ist und nicht verlässlich ist.) Ei drüber.
Bessere Lösung:
In der style.css wird mein Image Monster nicht verwendet. Es gibt eine weitere Datei screen.css, die nur dann verwendet wird, wenn bestimmte Bedingungen erfüllt sind.
Ich könnte mir folgende Bedingungen vorstellen. Welche ist am einfachsten umzusetzen, bzw. welche sollte ich kombinieren?
a) Die Bildschirmbreite mindestens oder gleich 800px ist.
b) Nur wenn Betriebssystem Windows, Mac oder Linux. (Handys habe alle andere Betriebssysteme? Oder?)
c) Nur wenn Internetverbindung eine höhere Geschwindigkeit hat als ...
d) Nur wenn JS aktiviert.
Ich gehe davon aus, dass dies mit JS irgendwie geht. Default Einstellung wäre ohne screen.css.
Ich denke, dass das Thema "Drupal und Mobiltelefone" immer aktueller wird und auch andere interessiert. Nicht desto trotz, wer mir diese Sache löst, lade auf dem Drupal-Camp zum Bier ein.
Mobile Windows und Linux bei Handys
am 15.11.2008 - 11:57 Uhr
Nur wenn Betriebssystem Windows, Mac oder Linux. (Handys habe alle andere Betriebssysteme? Oder?)
Handys/PDA's mit Mobile Windows
Linux bei Handys ist stark auf dem Vormarsch.
Zu JS Unterstuetzung von mobile Browsern kann ich nix sagen.
Nicht direkt zum Thema
Fuer Cross Browser Gurus: CSS für alle Browser
(Habe es geschafft bis unten zu scrollen und fluechtig zu lesen.)
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Wie ließt man die Bildschirmbreite aus
am 15.11.2008 - 12:27 Uhr
Okay quiptime. Wie ließt man die Bildschirmbreite aus. Ich habe gehört, dass dies gehen würde. Aber wie? Weißt Du das?
Weiterer Lesestoff
am 15.11.2008 - 12:43 Uhr
Weiterer Lesestoff
Allgemein:
Optimierung für Bildschirmauflösungen
W3C DOM Compatibility - CSS Object Model View
Konkret:
screen: Allgemeines zur Verwendung
Bildschirmbreite auslesen
Breite (width)
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Screen.css
am 17.11.2008 - 01:11 Uhr
Meine schnelle Lösung lautet so:
<script type="text/javascript">if (screen.width > 1000) {
document.write('<link rel="stylesheet" type="text/css" href="/sites/all/themes/consenser/screen.css">');
}
</script>
Langfristig werde ich die Sache nochmal aufgreifen und mit folgenden eleganteren Lösungen beschäftigen:
http://skiffie.com/web/making-your-site-accessible
http://aktuell.de.selfhtml.org/artikel/css/mobile-endgeraete/
javascript
am 17.11.2008 - 09:56 Uhr
Die Frage ist halt auch, ob die mobilen Geräte dann überhaupt Javascript unterstützen.
Stefan
Default ist ohne große Images
am 17.11.2008 - 10:05 Uhr
bzw. nur wenn JS wird große Images angezeigt