Wpis z mikrobloga

Mireczki, jakieś dobre gotowce #webdev mobilnych wersji stron? Generalnie niektóre z grafik które są prezentowane mają prawie 1000px, ale mają wyglądać fajnie na tabletach i telefonach. Jakieś pomysły?
  • 9
  • Odpowiedz
@pneumokok: Co konkretnie chcesz osiągnąć? Opcji masz kilka, np.
- max-width 100% dla img
- jakiś "filtr" po stronie serwera serwujący obrazki odpowiednio zmniejszone w zależności od rozdzielczości (np. Google pagespeed dla Apache i nginx)
- napisać skrypt, który wyświetla obrazek w zależności od rozdzielczości (ale tylko gdy responsywność jest skokowa, a nie płynna) oraz skrypt, który zmniejsza oryginalny do rozmiarów dla tych mniejszych...

Pierwsza opcja - masz po 5 sekundach, smartfony otrzymują wersje najcięższą obrazka, ale po jego pobraniu mogą
  • Odpowiedz