Internetový obchod

Dátum: 30.05.2011 13:45 · Kategória: Webdesign · Autor: Pavol Biely

Vždy som chcel mať vlastný internetový obchod a po niekoľkých rokoch sa to aj podarilo. Myslím si, že výsledok je celkom pozoruhodný :-)

Internetový obchod - Dashboard
Dashboard - úvodná stránka

Internetový obchod sa môže pýšiť použitím technológií ako PHP 5.3, PostgreSQL 9, HTML5, CSS3, Nette Framework 2, jQuery, jQuery UI.


NicEdit - Micro Inline WYSIWYG

Dátum: 01.03.2008 22:41 · Kategória: Webdesign · Autor: PaBi3

NicEdit Už sa stalo mojou obľubou skúšať rôzne WYSIWYG editory. Prednedávnom som narazil na zaujímavý editor NicEdit, ktorý síce nevyniká generovaním kvalitného XHTML kódu, ale je nesmierne ľahko implementovateľný. Stačí na stránku nahrať 30kB (po gzip kompresií 7kB) veľký súbor a inicializovať ho krátkym jednoriadkovým kódom. S podporou prehliadačov som nemal žiadne problémy. Dokonca bez problémov funguje aj application/xhtml+xml. Taktiež konfigurovateľnosť je na vysokej úrovni. Môžete si zvoliť, ktoré funkcie editoru vypnete. Ja som ihneď zrušil fontsize, fontfamily a pod. strašidlá. Máte dokonca na výber aj ukladanie cez AJAX. Som zvedavý na novú verziu (najnovšia je 0.26), pretože sľubuje veľké veci - tabuľky, obrázky (s uploadom), témy, multijazyčnosť alebo integráciu do rôznych CMS.


Prezentácia v Opere - projection

Dátum: 25.01.2008 20:51 · Kategória: Webdesign · Autor: PaBi3

projektor Vedeli ste, že Opera môže zobrazovať prezentáciu, ktorá je vytvorená iba v rýdzom XHTML a CSS kóde? Áno, aj toto je jedna z jej skvelých vlastností. XHTML/CSS sa môže zdať, ako extrémne riešenie a možno by ste radšej použili OpenOffice.org Impress, či Microsoft PowerPoint. Tí, ktorí sú zručnejší a nechcú iba klikať, si môžu napísať vlastné CSS a využiť v ňom selektor page-break-after a ním definovať jednotlivé stránky prezentácie. Zároveň zistia, že takéto prezentácie prinášajú mnoho výhod - sú veľmi dobre prenositeľné, pretože si ich môžete jednoducho nahrať na internet a premietať kdekoľvek, kde je pripojenie, projektor a Opera. Pre uľahčenie tvorby prezentácií skúste program QuickShow. Odkazujú naň aj na oficiálnej stránke Opery. Z môjho pohľadu je zbytočný (neskúšal som ho). Všetko si radšej radšej napíšem ako stránku v normálnom editore. Predtým, než sa do niečoho pustíte, prečítajte si aj Opera Show Documentation , kde sa dozviete nové metatagy spojené s prezentáciou.


Vyšla Opera 9.50 Alpha 1

Dátum: 05.09.2007 00:09 · Kategória: Webdesign · Autor: PaBi3

Opera 9.5 Alpha 1 Konečne vyšla nová (zatiaľ len testovacia) verzia Opery 9.5 tiež známa ako Kestrel. Dočkali sme sa ešte vyššej rýchlosti ako kedykoľvek predtým. Je to vôbec možné? Malý test je už zverejnený na stránkach ajaxian.com. Opera je skutočne najrýchlejšia na svete. Rýchlejšia ako Firefox 3 (nightly build). Ďaľšou úžasnou novinkou je, že celý ECMAscript engine bol prepísaný. Vďaka tomu môžete v Opere použiť napríklad skvelý Codepress ale aj iné javascriptové aplikácie, ktoré predtým nefungovali. Najväčším prekvapením pre mňa je výborná podpora CSS3. Skúste si spustiť CSS Selectors Test. Uvidíte niečo, čo sa v žiadnom prehliadači dnes nevidí. Ak vás niekedy zaujímalo ako vyzerá text-shadow alebo outline, skúšajte. Rok vývoja naozaj ukázal výsledok a opäť sme sa dočkali revolúcie ako pri každej major verzií. Opera 9.5 prekonala najlepší prehliadač Operu 9.23. Čo vôbec môžeme očakávať od Opery 10 (Peregrine)? Pokiaľ chcete vyskúšať túto testovaciu verziu, nájdete ju na adrese http://snapshot.opera.com/windows/w950a1.html. Skúste si prečítať aj celý changelog. Uvidíte tam aj demá nových vlastností, opravených chýb a pod.


Potrebujete ikony pre váš web alebo CMS?

Dátum: 08.03.2007 00:00 · Kategória: Webdesign · Autor: PaBi3

Dlho som bojoval s Google, než som našiel skvelý set ikón vhodný pre stránku, redakčný systém, software alebo čokoľvek iné. Na stránke famfamfam.com sú voľne k stiahnutiu až 4 balíky plné obrázkov. Osobne mi stačil balík silk a flags. V silk nájdete presne 1.000 obrázkov všetkého druhu. Potrebujete ikonu pre PDF, tlačiareň, prílohu, nákupný košík, XML výstup alebo vyhľadávanie? Nie je problém. Druhý balík (flags) obsahuje vlajky štátov podľa normy ISO 3166-1. Obrázky je môžné používať pod podmienkami licencie Creative Commons Attribution 2.5. Všetky ikony z balíka silk nájdete tu (1MB).

Ukážka z balíka silk


SPAW 2 - ďalší WYSIWYG editor pre text/html

Dátum: 26.02.2007 23:47 · Kategória: Webdesign · Autor: PaBi3

SPAW 2 - WYSIWYG editor SPAW je ďalším WYSIWYG editorom, ktorý je nabitý obrovským množstvom funkcií. Vyvíja ho spoločnosť Solmetra a dostanete ho pod GNU/GPL alebo Commercial licenciou. Je možné ho jednoducho rozšíriť pomocou pluginov. Vysokú flexibilitu zabezpečuje šíroká škála nastavení, v ktorej autori mysleli na každý detail. Jediné, čo ma trochu hnevá je absencia podpory application/xhtml+xml. Pokiaľ ste ochotný túto skutočnosť ignorovať, je SPAW 2 výborným riešením pre váš CMS. Systémové požiadavky sú len PHP4 alebo PHP5. Pre ASP.NET sa už asi SPAW nevyvíja, pretože posledná verzia vyšla pred niekoľkými rokmi. Zo strany klienta sa odčakávajú prehliadače MSIE 5.5+, Firefox, Mozilla, Netscape alebo Opera 9. Oproti ešte slabej prvej verzií obsahuje SPAW 2 mnoho užitočných funkcií. Napríklad upravovanie viacerých dokumentov v jednej inštancií editoru pomocou tabov (rovnaké ako v prehliadačoch), upravovanie a rozširovanie GUI, bohaté API pre tvorcov pluginov, multijazyčnosť (momentálne podporuje viac ako 30 jazykov vrátane slovenčiny a češtiny), SpawFM - súborový manažér, podpora vzhľadov/tém atď. Solmetra na svojej stránke ponúka aj demo.


Prečo je Firefox (ne)použiteľný?

Dátum: 17.02.2007 08:30 · Kategória: Webdesign · Autor: PaBi3

Opera je najlepší internetový prehliadač na svete Už značnú dobu používam prehliadač Opera. Je to dávno, čo som surfoval cez Firefox, ktorý toho veľa nevedel ale predsa som ho používal. Najnovšia verzia Opery je priveľmi dokonalá, aby ju Firefox stihol dobehnúť. Obsahuje také množstvo funkcií, že je ich možné nahradiť iba stovkami rozšírení, ktoré budete po prvý krát hľadať niekoľko hodín. Keď nechcem uvažovať o funkciách prehliadačov, taktiež je Firefox horší ako Opera, pretože má absolútne neschopné ovládanie. Medzi Firefoxom a Operou sa nájde aj kontrast rýchlosti. Svedčí o tom speed benchmark. Studený štart na Windows XP SP2 trvá Firefoxu takmer 12 sekúnd. Opere trvá 2,5 sekundy. Spúšťanie Opery je rýchlejšie na každom operačnom systéme a je jedno o koľké spustenie sa jedná. Firefox je pritom optimalizovaný pre *UNIX systémy. Rýchlosť samozrejme nespočíva iba pri spúšťaní prehliadača ale aj pri renderovaní stránok. Skúste si tipnúť ktorý rýchlejšie generuje tabuľky alebo CSS. Samozrejme, že vo všetkom vedie Opera.


Developer Console v Opere 9.2

Dátum: 13.02.2007 23:07 · Kategória: Webdesign · Autor: PaBi3

Opera Developer Console Vývojový tým prehliadača Opera ponúka na stiahnutie takmer každý týždeň tzv. weekly build, v ktorom pribúdajú nové veci, opravujú sa známe chyby a zároveň sa pripravuje na oficiálne vydanie. Pripravovaná Opera 9.2 by mala mať vylepšenú ochranu proti phishingu a autentifikáciu cez proxy + menšie opravy chýb a ďalšie drobné vylepšenia. Jedna z hlavných noviniek má byť vývojárska konzola (Developer Console), ktorá bude fungovať len pri povolenom JavaScripte a Cookies, čo je škoda. Táto funkcia je zatiaľ len experimentálna a dúfam, že na nej Opera ešte popracuje. Inak ide o celkom zaujímavé okno nástrojov. Pokiaľ by ste podobné chceli mať vo Firefoxe, museli by ste si stiahnúť desiatky pluginov.


Nahrávajúce obrázky pre AJAX

Dátum: 01.02.2007 23:08 · Kategória: Webdesign · Autor: PaBi3

Nahravajúci obrázok pre AJAX Väčšina webových aplikácií pri spracovaní dát cez AJAX zobrazuje pohyblivý obrázok. V prípade, že neviete odkiaľ takýto obrázok môžete získať, existuje nástroj, ktorý vám ho vygeneruje. Nájdete ho na adrese http://www.ajaxload.info/. Na výber máte takmer z 30 typov. Každému môžete nastaviť farbu popredia alebo pozadia (môže byť aj priesvitné). Služba je veľmi obľúbená, pretože momentálne sa blíži počet vygenerovaných obrázkov k 3 miliónom. Tieto obrázky (alebo iné signalizačné znamenia) je pri používaní AJAX kódu priam povinnosťou webdesignéra využiť.


Aký WYSIWYG editor považujem za dokonalý?

Dátum: 28.01.2007 17:26 · Kategória: Webdesign · Autor: PaBi3

Existuje veľké množstvo WYSIWYG editorov ale takmer žiadny mi nevyhovuje na 100%. Zásadne sa vyhýbam takým, ktoré nie sú cross browser resp. nie sú určené pre všetky (majoritné) prehliadače. Stalo sa mi už, že som našiel aj editor, ktorý sa mi veľmi páčil ale opäť mal svoje nedostatky. Napríklad chýbajúca podpora pre application/xhtml+xml alebo nemožnosť vytvárať tabuľky, nahrávať obrázky (toto je však možné doprogramovať), či príliš komplikované odosielanie obsahu. Dnes som však našiel vhodného kandidáta, na ktorom by sa dal postaviť celkom slušný cross browser WYSIWYG editor s podporou application/xhtml+xml a image/file upload funkciou. Je ním WidgEditor. Rôzne iné editory ponúkajú zmenu vzhľadov, vkladanie smajlíkov, fullscreen, layery a pod. "užitočné" funkcie, ktoré potom spolu tvoria aj stovky kB kódu a takmer nikto ich nevyužije.

WidgEditor

Pre mňa nevhodným editorom je TinyMCE. Je zbytočne veľký, nabitý nie pre každého dôležitými funkciami. Naštastie je možné si ho jednoducho prispôsobiť a určiť, ktoré funkcie áno, či nie. Aj napriek tomu však trvá dosť dlho jeho celkové načítanie, a to ešte nehovorím o dobe prenesenia cez FTP. Riešením by bolo vyhádzať všetky pluginy a vzhľady čo nepotrebujem.

Ďalším nevhodným príkladom môže byť aj XStandard. Keby nebol vytvorený cez ActiveX bol by to bezkonkurenčne najlepší editor na svete. Otázkou je, či sa niečo podobné bez ActiveX dá vôbec naprogramovať. Určite áno, pokiaľ by všetky prehliadače podporovali XUL, bol by internet iný. Kvôli tejto "maličkosti" ho nemôžete používať v Opere. Existuje tu riešenie ale je to veľmi neefektívne. XStandard už od istej verzie funguje aj v Opere.