Forum CDRinfo.pl - WWW do oceny

Forum CDRinfo.pl (https://forum.cdrinfo.pl/)

- Komputery - oprogramowanie i sprzęt (https://forum.cdrinfo.pl/f113/)

- - WWW do oceny (https://forum.cdrinfo.pl/f113/www-oceny-90974/)

Świetne grafiki, dopracowane szczegóły... Czego chcieć więcej. Rzeczywiście poprawił bym jedynie wydajność ale to chyba jdynie kwestia rotate na stronie.:spoko:

Fajne ale zacina jak skurczybyk na 5 letnim laptopie.

Na moim 5-letnim nic nie zacina - ale tylko na IE9 nie zacina.
Zacina za to na chromku 25.coś_tam.
Aż się zdziwiłem :O

Nie wiem czy jest sens bawić się HTML5 jak specyfikacja jest jeszcze nieskończona. To tak BTW. ;]

"W sypialni każdej dziewczyny w całej Polsce wisi plakat z nim", albo też: "w sypialniach wszystkich dziewczyn w całej Polsce wiszą plakaty z nim" ;)

Swoją drogą, zachowałeś typowy dla siebie idiolekt (który zresztą osobiście lubię) ;)

Dzięki za uwagi wszelakie, przekażę do ekipy (to praca zespołu).
Strona od przedwczoraj, poprawki jeszcze będą.

Jak widać są problemy z wydajnością i z Operą. Jak ktoś wyżej wspomniał IE sprawia się zadziwiająco dobrze. No ale i tak nie jest różowo. W e-sklepach potrafi być do 10% klientów z IE7, a on nawet jak coś obsłuży, to niekoniecznie z odpowiednią szybkością i klient ciśnie guzik formularza jak szalony, bo wydaje mu się że zaciął się ;)

U mnie też przycina.
Wydaje mi się, że ta strona będzie płynnie działać tylko z pełną sprzętową akceleracją HTML5 przez GPU.

Wiec teoretycznie na Windowsie wygra IE albo Firefox, natomiast na Linuksie będzie kiszka ale najlepiej poradzi sobie Chrome.

Na Safari tez szalu wydajnosciowego nie ma - dziala poprawnie, nie wiesza sie ale oko wyczuwa brak moze 2-3 klatek wiecej do plynnosci.

Jeden z forumowiczów pytał mnie jak zacząć zabawę z JQuery :)

Zrobiłem takie cuś, może komuś przyda się:

Podstawowy:

Kod:

<!DOCTYPE HTML>

<html>

<head>

 <title>Flying cdrinfo</title>

 <script src="http://code.jquery.com/jquery-latest.min.js"></script>

 <style>

  div#foo {background-image:url('http://forum.cdrinfo.pl/pliki/top.jpg'); border:0px; height:85px; width:755px; position:absolute;}

 </style>

 <script>   

 $(document).ready(function(){ 

  $("#foo").click(function(){

   $("#foo").animate({left:'20%', top:'150px', height:'+=170px'}, "slow").

   delay(2000).

   hide(2000).

   show(2000).

   animate({left:'10%', top:'-150px', height:'-=170px'},"slow").

   animate({left:'0px', top:'0'})

  });     

 });

 </script>

</head>

<body style="background-color:black">

<div id=foo></div>

</body>

</html>

Więcej efektów:

Kod:

<!DOCTYPE HTML>

<html>

<head>

 <title>Flying cdrinfo</title>

 <script src="http://code.jquery.com/jquery-latest.min.js"></script>

 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>

 <script src="http://jqueryrotate.googlecode.com/files/jQueryRotateCompressed.2.2.js"></script>

 <style>

  div#foo {background-image:url('http://forum.cdrinfo.pl/pliki/top.jpg'); border:0px; height:85px; width:755px; position:absolute;}

 </style>

 <script>   

 $(document).ready(function(){ 

  $("#foo").click(function(){

   var div=$("div");

   div.rotate({duration:1000, angle:0, animateTo:360});

   div.animate({left:'20%', top:'150px', height:'+=170px'}, {duration: 2000, easing: 'easeOutElastic'});

   div.delay(2000);

   div.hide('scale', { duration: 2000, easing: 'easeInOutBounce'});

   div.show('scale', { duration: 2000, easing: 'easeOutBounce'});

   div.animate({left:'10%', top:'0px', height:'-=170px'},"slow");

   div.animate({left:'0px', top:'0px'}, {duration: 2000, easing: 'easeOutElastic'});

  });     

 });

 </script>

</head>

<body style="background-color:black">

<div id=foo></div>

</body>

</html>

Wkleić do notatnika, zapisać i otworzyć w przeglądarce.

Jeśli ktoś zrozumie ten kod, to już prosta droga.

//edit
W drugim pliku jest notacja "średnikowa" zamiast "kropkowej".
Użycie średnika wyłącza wbudowane kolejkowanie efektów JQuery.
Ale w tym przykładzie to akurat nic nie zmienia (zostawiłem tak niechcący, coś innego wyciąłem). Można to przerobić na "kropki" i wyjdzie na to samo.
Efekt rotate nie kolejkuje się, to właściwość biblioteki.