Lekce 1.6

Workshop: přepracování stránky

Responzivní stránka cukrárny od mobilu po desktop, mini-review ve dvojicích podle checklistu a ukázky nejzajímavějších řešení.

Cvičení 1

Review

Co si vyzkoušíte

Projdete stránku spolužáka podle checklistu a napíšete k ní komentáře. Ve výchozím stavu máte otevřený cizí projekt, kritéria ze zadání a snímky výsledku.

Zadání

  1. Otevřete cizí stránku v prohlížeči dřív, než se podíváte do kódu. První dojem se dá získat jen jednou.
  2. Porovnejte stránku se snímky výsledku v šířce mobilu, tabletu i desktopu.
  3. Projděte šířky od 320 pixelů nahoru a poznamenejte si každou, ve které se něco láme nebo přetéká. Nejpečlivěji kolem hranic 660px a 1100px.
  4. Teprve teď otevřete stylopis a projděte kritéria ze zadání jedno po druhém.
  5. Napište tři až pět komentářů. U každého řekněte kde, co se děje a co navrhujete.
  6. Přidejte aspoň jednu věc, kterou si z cizího řešení berete.
  7. Projděte zpětnou vazbu s autorem osobně. Autor poslouchá a ptá se, neobhajuje.

Bonus

  1. Najděte v cizím kódu techniku, kterou jste sami nepoužili, a zjistěte, proč po ní autor sáhl.
  2. Odhadněte, co by se se stránkou stalo na desktopu, kdyby zákusků bylo osm. Ověřte odhad tím, že kartičky v HTML nakopírujete.