zmena dizajnu: Dizajn sa zmen automaticky podla casu!

Webdizajn a programovanie

Prednedávnom som na svoju nenavštevovanú doménu peteroravec.com (SEO pokusy) nahodil zaujimavú CSS3 fotogalériu v JQuery. Script drag and dropu som našiel hotový a až na pár zmien som ho veľmi neupravoval. Chcel som ale aby to bolo originálne a hlavne fungujúce vo všetkých prehliadačoch tak aby fotografie mali tiene a boli rôzne pootáčané. V dnešnej dobe kedy sa píše o HTML5 , CSS3 riešeniach sa to zdalo jednoduché až na Internet Explorer ktorý ignoruje čo sa dá.

Tiež sa tu prejavila značná rozdielnosť v rýchlosti renderovania tejto fotogalérie.

V posledných verziách Chromu, Firefoxu a Opera prehliadača nebol s podporou CSS3 rotation žiadny problém i keď je potrebné ich zapísať pomocou prefixu pre konkrétny prehliadač. Ako sa ukázalo Internet Explorer (vôbec som nečakal, že mi to uľahčí) nepodporuje nič poriadne z CSS3 a tak som musel siahnuť po jeho vlastných (hnusných) riešeniach aby som docielil “požadovaný” efekt.

Čítať viac…

Zmena dizajnu blogu

Hlavný dôvod bol urýchliť trochu výkon stránky. V poslednej dobe toho tam bolo viac a bolo to zbytočne pomalé.  Odstránil som prebytočné pluginy a prerobil aj CSS štýly pre nastavenie TIME-SENSITIVE dizajnu (dizajn reagujuci na čas) ktoré sa teraz nastavujú pomocou PHP a nie cez Javascript čo má za následok rýchlejšie načítanie. Aj zobrazenie v starších prehliadačoch prešlo nejakou úpravou a tak aj v IE6 by sa stránka mala zobraziť v poriadku. Pridal som aj Facebook Like button a uvidím či sa to prejaví aj na návštevnosti. Čítať viac…

Toto je krátky návod ako si vytvoriť vlastný validátor v Zend Frameworku pre overenie Vami zadanej domény či je dostupná pre registráciu. Na internete je podobných scriptov dosť ale nie všetky fungujú spoľahlivo. Táto ukážka by mala fungovať a je tu prerobená do validátora v ZF.

Čítať viac…

Tutoriál na vytvorenie 3D textu vo photoshopeMôj jednoduchý návod ako vytvoriť 3D priestorový text vo Photoshope. Návod ako z normálneho textu vytvoriť text ktorý je plastickejší a vystupuje do priestoru. Spôsobov ako tento efekt dosiahnuť je viac a toto je jeden z nich… Čítať viac…