Steaks

Dizajn, programovanie

Steaks.sk je webový portál, ktorý poskytuje informácie o steakoch pre ešte začínajúcich kuchárov, ale aj pre tých, ktorý majú s gastronómiou už skúsenosti.

Stránka začíname

Prvá stránka je venovaná všeobecnému prehľadu o tom, ako so steakami začať. Od výberu kvalitného a dobrého mäsa cez správnu panvicu, aké mäso a koreniny budeme potrebovať na jeho grilovanie až po stupne prepečenia, na aký chcete mať svoj steak pripravený. Stupne prepečenia sa pri prechádzaní stránky zobrazujú postupne podľa času opekania mäsa.

Krvavý, takmer surový steak.
Vnútri 100 % krvavočervený.
Vnútorná teplota: 45 °C.
Opiecť 1 minútu z každej strany.

Mierne ružový, jemne prepečený.
Vnútri 75 % krvavočervený.
Vnútorná teplota: 50 °C.
Opiecť 1,5 - 2 minúty z každej strany.

Ružovkastý, zľahka prepečený.
Vnútri 50% krvavočervený.
Vnútorná teplota: 55 °C.
Opiecť 2 - 3 minúty z každej strany.

Ružový, stredne prepečený.
Vnútri 25 % krvavočervený.
Vnútorná teplota: 55 - 60 °C.
Opiecť 3 - 4 minúty z každej strany.

Ružový, prepečený.
Vnútri jemne ružový záblesk.
Vnútorná teplota: 60 °C.
Opiecť 5 minúty z každej strany.

Úplne prepečený.
Vnútri 100 % hnedý.
Vnútorná teplota: 70 °C.
Príprava: 5 minút z každej strany.

Zobrazenie home page

Stránka prehľad steakov

Aby si návštevníci stránky vedeli lepšie predstaviť, v akých častiach sa nachádza ich obľúbené mäso, navrhli sme interaktívnu kravu, na ktorej sa zobrazujú všetky časti a k nim jednotlivé steaky. Obrázok kravy je vo vektorovej grafike vo formáte .svg (Scalable Vector Graphics), čo nám umožňilo jednoducho použiť útvary, ktoré sú v ňom. Tie sa využívajú na klikanie a zmenu farieb iba určitej časti kravy a následne zobrazeného unikátneho typu mäsa, ktorý sa nachádza v danej oblasti tela. Taktiež pri receptoch vykresľujeme tento obrázok s vyznačenou časťou tela, na prípravu receptu, z ktorého mäso pochádza.