Abonneren op: RSS

Just for the taste of CSS3.

Gigadesign


Display none of juist wel?

In: CSS, HTML, jQuery, Usability

Het probleem

Probleem: je hebt een F.A.Q in een website, om een of andere reden is het gang van zaken om de antwoorden te verstoppen achter een klik op de vraag.
Meestal met eens schuif open/toe effect verkregen via JavaScript.
Maar hoe je het aanpakt, je moet altijd voor en nadelen tegen elkaar opwegen, welke manier is nu de beste?

Dilemma tot en met

Nu heb je 2 opties:

  1. Je verbergt de antwoorden met CSS
  2. Je verbergt de antwoorden met JavaScript

Optie 1

Voordeel

Met CSS is het verbergen sneller dan met JavaScript, je zal dus geen jump in je layout zien moest de F.A.Q zichtbaar zijn in de initiƫle rendering van de pagina.

Nadeel

Moest JavaScript uitstaan, hebben je bezoekers geen toegang tot de antwoorden.

Optie 2

Voordeel

Moest ook hier JavaScript uitstaan, zijn de antwoorden wel zichtbaar, dus geen weerhouden van informatie.

Nadeel

JavaScript is iest trager dan CSS, dus er zit een mogelijk in dat je de antwoorden eerst ziet, en dan opeens niet meer.

Welke manier heeft jouw voorkeur?

  • Stijn Verplancke - 18/12/2012

    Ik denk dat de uiteenzettingen van de opties niet helemaal juist staan? Hoedanook, tegenwoordig hoef je nog nauwelijks rekening te houden met uitgeschakelde JS, niet? Als het een eis van de klant is, dan op safe spelen met CSS; en hopen dat de CSS3-transitions zo gauw mogelijk overal opgepikt worden…

  • Internetbureau Limburg - 3/01/2014

    Met Stijn eens!
    Wanneer de CSS3 transitions nog meer worden opgepakt en evt javascript vervangen, is het dilemma helemaal opgelost. Tot die tijd gewoon CSS gebruiken! :)

Ook een reactie geven!!

Je email is nodig en zal nooit worden weer- of doorgegeven.