Wazige tekst op MacFreak forum met iPad
31 juli 2010 - 10:08   
geplaatst door: Photocell
Als ik op het MacFreak forum zit zie ik dat de knopjes voor nieuw bericht en reageren als boven aan de site wazig zijn terwijl de rest gewoon scherp is. Op mijn iMac heb ik dit niet, alleen op mijn iPad.
Wat kan hier de reden van zijn?
Teveel om hier op te noemen
Wazige tekst op MacFreak forum met iPad
31 juli 2010 - 10:23    reactie #1
geplaatst door: Max Gaav
Oude plaatjes...
My Mac is my second brain.
Wazige tekst op MacFreak forum met iPad
31 juli 2010 - 11:24    reactie #2
geplaatst door: SnowLeopard
Bij mijn MBP zijn ook de twee knoppenbalken(uitloggen etc.) bovenin niet helemaal crisp.
Lijkt gewoon soort outlineschaduw te zijn.

(Bewerkt door SnowLeopard om 11:25, 31-07-2010)

Als je doet wat je altijd deed, krijg je wat je altijd kreeg.......
Wazige tekst op MacFreak forum met iPad
31 juli 2010 - 18:14    reactie #3
geplaatst door: Jules

Citaat
Photocell om 10:08, 31-07-2010
Als ik op het MacFreak forum zit zie ik dat de knopjes voor nieuw bericht en reageren als boven aan de site wazig zijn terwijl de rest gewoon scherp is. Op mijn iMac heb ik dit niet, alleen op mijn iPad.
Wat kan hier de reden van zijn?

iPad-browser zoomt waarschijnlijk iets in omdat de knopjes anders aan de kleine kant zouden zijn. Fonts blijven dan natuurlijk scherp, maar plaatjes worden wat opgerekt en dus wazig. Als je op de Mac in Safari command-plus doet, krijg je hetzelfde effect te zien.

Wazige tekst op MacFreak forum met iPad
31 juli 2010 - 19:32    reactie #4
geplaatst door: Administrator
Jules heeft gelijk. De plaatjes bevatten de tekst. Als de plaatjes worden vergroot dan wordt de tekst ook onduidelijk, omdat de pixels vergroot. Zal elke website hebben waarbij plaatjes voor buttons met tekst worden gebruikt.
MacFreak Admin
- MacBook Pro 15inch
Wazige tekst op MacFreak forum met iPad
1 augustus 2010 - 14:02    reactie #5
geplaatst door: Photocell
OK oorzaak is nu bekend, maar wat kan er aan gedaan worden?
Er komen steeds meer mobile apparaten bij die er dan ook last van krijgen.
Teveel om hier op te noemen
Wazige tekst op MacFreak forum met iPad
1 augustus 2010 - 14:34    reactie #6
geplaatst door: DTP2
Het lijkt er wel degelijk op dat er een schaduw-achtig iets achter de buttons ligt en dat dat ook op een high res Macbook Pro scherm een blurry effect geeft. Dit valt nog wel degelijk iets te verbeteren.

De buttons zijn allemaal nog GIF. Tegenwoordig als je PNG met compressie gebruikt zit er (zeker voor dit soort kleine buttons) geen verschil meer tussen GIF en PNG. De mogelijkheden en kwaliteit van PNG zijn iets groter dan GIF.

Wellicht is het beter om CSS sprites te gebruiken en gewoon echte html tekst op de buttons te zetten. Worden er veel minder plaatjes bij de server opgevraagd (meer snelheid) en zeker voor de mobielen onder ons geeft dat denk ik veel verbetering.

Wazige tekst op MacFreak forum met iPad
1 augustus 2010 - 20:49    reactie #7
geplaatst door: Jules
Gebruik van SVG (scalable vector graphics) zou ook een oplossing zijn, maar in plaats van afbeeldingen zoveel mogelijk met CSS en 'echte' tekst werken, ligt denk ik meer voor de hand.
Er gaan wat jaartjes overeen, maar het schuift gegarandeerd allemaal die kant op. In de tussentijd stoor ik me er niet echt aan, moet ik zeggen. Waarom zie jij het als een probleem, @Photocell?
Wazige tekst op MacFreak forum met iPad
1 augustus 2010 - 21:02    reactie #8
geplaatst door: Administrator
Om kort te houden. Ik ben bezig om de website en forum te optimaliseren voor de iPad
en neem dit ook onder de loep. In de tussentijd stoort het mij ook niet, maar er wordt aan gewerkt.
MacFreak Admin
- MacBook Pro 15inch
Wazige tekst op MacFreak forum met iPad
2 augustus 2010 - 17:37    reactie #9
geplaatst door: Photocell
@Administrator,

Ik stoor me er ook niet echt aan, maar dacht dat het aan de iPad lag.
Dat er iets aan gedaan zou worden nu bekend is wat de oorzaak is vind ik top.  :thumbs-up:

Teveel om hier op te noemen
Wazige tekst op MacFreak forum met iPad
4 augustus 2010 - 22:00    reactie #10
geplaatst door: Jules
Mooi zo :)
Ik snap alleen niet hoe je kunt denken dat het aan de iPad zou kunnen liggen. Met een beetje boerenverstand (simpele constratering als: het probleem verschuift als ik scroll en de rest is en blijft wel scherp) is het toch evident dat het niet aan de iPad kan liggen?
Wazige tekst op MacFreak forum met iPad
5 augustus 2010 - 18:03    reactie #11
geplaatst door: Photocell
@Jules,

Ik ben geen techneut, maar ook flash werkt niet en de rest van de site wel.
Dit ligt wel aan de iPad, ik bedoel maar niet iedereen is even technisch onderlegd.
Wat voor jou heel duidelijk is, kan voor een ander een groot vraagstuk zijn.
En dit forum is daar een overduidelijk voorbeeld van.  :shakehands:

Teveel om hier op te noemen
Wazige tekst op MacFreak forum met iPad
5 augustus 2010 - 18:30    reactie #12
geplaatst door: Administrator
Ik zal even vertellen hoe het zit, want heb al een hele scherpe versie in ontwikkeling.

De iPad werk alleen met een fluid design waar gewerkt wordt met percentages i.p.v. pixels.
De iPad heeft in potrait een resolutie van 768x1024 en in landscape een resolutie van 1024X768.
Wil je het dus goed doen dan moet je voor de iPad voor beide liggingen een aparte CSS maken.

Nu ga ik voor macfreak alleen landscape ondersteunen omdat onze website breeder is als 768px.
Daardat wij alleen met 100% werken en geen wrapper om geheel een hebben weet de iPad niet de
maximale resolutie en kan hij het niet strak trekken. Nu heb ik ervoor gezorgt, met een wrapper div, dat de iPad een (max)breedte heeft van 1024px en een mac een (max)breedte heeft van 1024px.

Tevens heb ik een content div gemaakt die voor de mac 1024px breed is dus alles behalve menu wordt gecentreerd. Dus heb je niet meer van de grote lege vlakken als je groot scherm gebruikt.

Hier wat achtergrond info.

Tevens ben ik gifjes (72DPI) aan omzetten naar png (300DPI), maar maakt voor scherpstellen van iPad niet uit.

Dit weekeinde gaat dit online, dus nog even geduld.

MacFreak Admin
- MacBook Pro 15inch
Wazige tekst op MacFreak forum met iPad
5 augustus 2010 - 19:39    reactie #13
geplaatst door: Photocell
Ik snap bij god niet wat je bedoelt, maar heb er de volste vertrouwen in. :wacko:
Teveel om hier op te noemen
Wazige tekst op MacFreak forum met iPad
5 augustus 2010 - 21:27    reactie #14
geplaatst door: Administrator
Probeer het even anders.

Op dit moment zeggen we tegen de browser doe de layout maar 100% over de volle breedte presenteren. Alle blokken in de layout (tabelstructuur) hebben percentage om deze 100% op te breken in kleinere delen.

De iPad werkt op een hele rare manier met zoomen waarop de iPad bij deze werkwijze niet weet wat 100% is en laat plaatjes verspringen waardoor je strepen ziet. De iPad heeft dus blijkbaar een indicatie nodig wat 100% breedte aan pixels is.

Nu heb je in javascript de mogelijkheid om uit te lezen of je op een iPad de site bekijkt of via een b.v. een Mac. Op moment dat je de site bekijkt op de iPad zal je aan moeten geven hoe breed je de site wil hebben. Wij willen graag op 100% en dat is dan in landscape mode 1024px breed. Je kan door deze javascript methode een andere stylesheet inlezen waardoor je bijvoorbeeld kan zeggen hoe breed een bepaald layout object is. Hiervoor gebruik je meeste een soort wrapper die dit doet.

Deze oplossing werkt ook voor macfreak en de iPad zoomt perfect in op deze breedte. Nu is het opgelost in landscape (liggend) maar in potrait (staand) niet. In portrait is de max breedte 768px waardoor je nog hetzelfde effect krijgt, omdat de iPad de site niet scherp kan stellen. Dit komt doordat de site 1024px breed is i.p.v. de maximalen breedte van 768px. Het is dus wel degelijk iets van de iPad en iPhone, want op android gaat helemaal perfect.

Hieronder voorbeeld van aanpassing:
http://www.macfreak.nl/base/data/news/images/ipadpeek_macfreak.png

Wazige tekst op MacFreak forum met iPad
MacFreak Admin
- MacBook Pro 15inch
Wazige tekst op MacFreak forum met iPad
8 augustus 2010 - 23:01    reactie #15
geplaatst door: Administrator
De nodige wijzigingen zijn gedaan. Heb er een nieuwsbericht[/b] aan gewijd.
MacFreak Admin
- MacBook Pro 15inch
Wazige tekst op MacFreak forum met iPad
9 augustus 2010 - 00:16    reactie #16
geplaatst door: MacEvdZ
Geen idee waar het hier over gaat. Ziet er prachtig uit. Ben dik tevreden.
Wazige tekst op MacFreak forum met iPad
9 augustus 2010 - 00:37    reactie #17
geplaatst door: Godfather
Ik vind het daarentegen juist heel interessant en waardeer niet alleen de omzetting voor ons als iPad gebruikers maar ook de tekst en uitleg Administrator, erg leerzaam! Keep it up!

:thumbs-up:

Mac Pro '08 - iPad 16GB - iPhone 6 - Next Gen MB Pro
Wazige tekst op MacFreak forum met iPad
9 augustus 2010 - 09:31    reactie #18
geplaatst door: MacEvdZ

Citaat
Godfather om 0:37, 9-08-2010
Ik vind het daarentegen juist heel interessant en waardeer niet alleen de omzetting voor ons als iPad gebruikers maar ook de tekst en uitleg Administrator, erg leerzaam! Keep it up!

:thumbs-up:


Over de beheerders hier niets dan lof. Ja dit kan miz niet vaak genoeg gezegd worden.

Wazige tekst op MacFreak forum met iPad
9 augustus 2010 - 14:34    reactie #19
geplaatst door: Geronimo
Ik ben het er helemaal mee eens, nog wel een vraagje. Is er eigenlijk al bekend waarom posts vanaf een iPad dubbel geplaatst worden? (zoals hierboven waarschijnlijk het geval was bij MacEvdZ)
iPod 1G 5GB - iPod Touch 16GB 1st gen - iPad1 WiFi 64GB - iPhone 4 32GB - iPhone 6 128GB - iPhone XS 256GB - MacBook Pro Retina 15-inch 2,8 GHz
Wazige tekst op MacFreak forum met iPad
9 augustus 2010 - 17:59    reactie #20
geplaatst door: Photocell
Raar, ik post ook vanaf mijn iPad en zie alles toch maar 1x staan.
Waarom bij de een wel en de ander niet?
Teveel om hier op te noemen
Wazige tekst op MacFreak forum met iPad
9 augustus 2010 - 18:38    reactie #21
geplaatst door: MacEvdZ
Is inderdaad raar even een test of het nu goed gaat.
Wazige tekst op MacFreak forum met iPad
9 augustus 2010 - 18:41    reactie #22
geplaatst door: MacEvdZ
Gaat nu goed. Ik denk dat het komt omdat ik bij mijn vorige  dubbele post eerst een voorvertoning gevraagd heb. Zou dat kunnen ?????? Ga niet verder testen en het forum vervuilen.

(Bewerkt door MacEvdZ om 18:44, 9-08-2010)