Exotov bóÓlog

Blog o modernom webdesigne, trendoch v IT, knihách, slovenskej mafii, rozmanitom životnom štýle.

Autor blogu

Vladimír RejholecVladimír Rejholec je aktívny slovenský bloger a webdizajnér. Ako kóder sleduje webové štandardy, optimálne postupy pri vývoji webu, ocení ľudské schopnosti a opovrhuje neschopnosťou. viac... | Twitter | Reklama na tomto blogu

Kategória V skratke

Veľmi jednoduchá a krásne názorná ukážka rozloženia prvkov a hustota keywordov stránky. Tento obrázok je z článku Perfecting Keyword Targeting & On-Page Optimization, ktorý taktiež odporúčam prečítať.

Zopár pomôcok, ktoré sa vám môžu hodiť pri tvorbe WordPress témy.

http://webdesignledger.com/resources/13-helpful-cheat-sheets-for-building-wordpress-themes

zdroj Smashingmagazine

Smashing Magazine pripravil zbierku skvelých obrázkov reprezentujúcich Twitter, použiteľných ako ikony na blog. Jedná sa o klasického modrého Twitter birda (vtáčika). Set obsahuje 12 ikón.

http://www.smashingmagazine.com/2009/06/24/birdies-cute-free-twitter-icons-for-your-blog/

Populárny Smashing Magazine pripravil zbierku pozadí – wallpaperov na pracovnú plochu v tvare kalendára pre júl 2009. Výber obrázkov na plochu široký a pestrý, vybrať si nie je problém.

http://www.smashingmagazine.com/2009/06/30/desktop-wallpaper-calendar-july-2009/

Hľadáte pohotové a aktuálne informácie zo sveta hernej konzoly Playstation 3? Je PS3-ojka to, čo vás láka? Chcete si kúpiť túto výkonnu a efektne vyzerajúcu hračku s blueray mechanikou? Chalani zo servera www.ps3portal.sk sú tu vždy pre vás! Tie najnovšie hry na Playstation 3 môžete odoberať aj pomocou RSS a mať tak vždy najčerstvejšie informácie vždy poruke.

Spločnosť Mozilla vypustila v utorok 16.6.2009 Release Candidate 1 verziu populárneho a moderného prehliadača Firefox 3.5.
Poznámky k verzii, anglická verzia, slovenská verzia, iné jazykové verzie / iné OS.

Už reakcie na Firefox 3.5 preview boli (aspoň podla správ na twitteri) kladné, zrýchlenie je evidentné. Zatiaľ pilne testujem a teším sa na final. Firefox je pre mňa (webdevelopera) neoddeliteľnou súčasťou každodennej práce. Verzia 3.0.x bola pre mňa postupom času veľkým sklamaním čo sa rýchlosti a flexibility týka, pevne verím, že 3.5 si napraví Mozille jej renomé.

Za vyskusanie stoji plugin na rotovanie reklamnych ploch Max Banner Ads, ktory je na prvy pohlad user friendly a lahko ovladatelny. Osobne som ho zatial neskusal, odskusa a uvidime ci sa osvedci.

Na blogu H1 nájdete často kvalitné články a zdroje s tématikou optimalizácie stránok či prístupnosti. Tento spot zhromaždil zahraničné zdroje týkajúce sa linkbuildingu a teda budovaniu spätných odkazov. Budovanie spätných odkazov je dôležitým offpage faktorom pri SEO optimalizácii webu. Ak vás táto téma zaujíma, neprehliadnite priložený link.

http://blog.h1.cz/nejzajimavejsi-zdroje-o-linkbuildingu/

Populárne otváranie obsahu linku do nového okna pomocou zápisu target="_blank" sa stalo od zavedenia XHTML 1.1 nevalídnym. Riešením tohoto problému je použitie JavaScriptu.

Pre link, ktorý odkazuje na obsah, ktorý chceme zorbaziť ako target="_blank" zvolíme class (môže byť ľubovoľný, to však bude vyžadovať úpravu JavaScriptu).

<a class="nove-okno" href="stranka.html">Stránka</a>

S použitím jednoduchého JavaScriptu nájdeme všetky linky, uložíme ich do poľa, zistíme, či nemajú zodpovedajúci class a ak hej, pri ich otváraní použijeme event onclick s funkciou window.open(this.href), ktorá otvára odkaz v novom okne.

window.onload = function() {
    var links = document.getElementsByTagName('a');
    for (var i=0;i < links.length;i++) {
        if (links[i].className == 'nove-okno') {
            links[i].onclick = function() {
                window.open(this.href);
                return false;
            };
        }
    }
};

Pre priaznivcov jQuery je tu taktiež niečo. V tomto prípade je zápis o niečo jednoduchší.

$(function(){
    $('a.nove-okno').click(function(){
        window.open(this.href);
        return false;
    });
});

zdroje: http://www.webmasterworld.com/forum21/11165.htm, http://www.thefutureoftheweb.com/blog/target-blank-xhtml11

Stretli ste sa už s problémom, keď bolo potrebné naštýlovať SELECT html tag a použiť na ňom nejaké grafické prvky? Ak hej, určite ste hľadali riešenie. Riešením je praktické využitie jQuery (ako inak).

jQuery select tag v grafike? Tu sú nejaké príklady – http://jquerylab.com/jcombox/themes

Najnovšou beta verziou WordPressu 2.8 sa stala 23.5.2009 beta 2. Stiahnuť si ju môžete z oficiálnych stránok. Tešíme sa na WordPress 2.8 full.

Zoznam užitočných pluginov (doplnkov) pre Firefox 3, ktorý sa vám môže hodiť, či už pri tvorbe a odlaďovaní webstránok, alebo pri zisťovaní podrobných informácií o nich.

http://tutorialfeed.blogspot.com/2009/05/thirty-nice-to-have-firefox-30-add-ons.html

CSS metóda popisujúca vertikálne centrovanie viacriadkového textu + názorná ukážka, Internet Explorer (IE6 a IE7) bug fixy.

http://css-tricks.com/vertically-center-multi-lined-text/

K8jo poskytol kvalitný a hlavne funkčný zoznam zahraničných katalógov, ktoré nevyžadujú backlink z vášho webu a sú zdarma. Nájdete ho na http://www.k8jo.sk/internet/zoznam-free-zahranicnych-katalogov-ktore-nevyzaduju-spatny-odkaz-vlozeny-do-vasej-stranky/. Ak teda pracujete na zahraničnom webe a hľadáte relevantné odkazy, tu sa vám ich dostane dostatok.

Webový správca súborov založený na MooTools. Medzi jeho featurky patrí samozrejme upload, preview, modifikácia súborov a adresárov priamo cez browser. Parádička, treba vidieť! link

Ak ste používateľom kvalitného a moderného operačného systému MS Windows Vista, potrebovali by ste odladiť webstránku aj pod Internet Explorer 6 (prípadne aj Internet Explorer 7, ak máte nainštalovaný IE8), určite ste sa stretli s problémom. Ten s počíva v tom, že nie je možné (štandardným spôsobom) prevádzkovať tento starý prehliadač štandardným spôsobom. Je rok 2009 a IE6 má stále relatívne veľkú základňu, takže vykašľať sa naň by nebolo správnym riešením.

Balík IETester je obdobou MultipleIE, ktorý však pod Windows Vista nebeží. Najnovšia verzia IETesteru v sebe zahŕňa IE5.5, IE6, IE7 a IE8 RC1. Stiahnuť si ho môžete na http://www.my-debugbar.com/wiki/IETester/HomePage

  • WordPress – http://wordpress.org/
    Wordpress pozná snáď každý bloger. Jednoduchý a polupárny systém s intuitívnym ovládaním a integráciou. Nespočet pluginov, obrovská užívateľská a vývojárska základňa. Slabšiu stránku tvorí pokročilejšia správa užívateľov.
  • Drupal – http://drupal.org/
    Drupal je taktiež open source content managment system patriaci k súčasnej elite. Je vybavený pokročilými vlastnosťami a dá sa na ňom vyvoriť prakticky čokoľvek od blogov po zložité portály a eshopy. Výhodou je taktiež veľmi kvalitná dokumentácia.
  • Joomla – http://joomla.org/
    Podobne ako WordPress a Drupal aj Joomla je jedinečný CMS ponúkajúci jednoduché ako aj zložitejšie riešenia. Osobne toto CMS nemusím, avšak vo svete je veľmi populárne a hojne používané.
  • NanoCMS – http://nanocms.in/
    Nano CMS je najmenšie CMS aké môžete nájsť. Interface a funkcionalita sú veľmi jednoduché a extrémne jednoduché na používanie. Zaujímavosťou je, že je to súborový CMS a teda nepoužíva vôbec databázu.

Veľmi pekné a efektné slide boxy, jednoducho cez jQuery. Tu je príklad http://buildinternet.com/live/boxes/ a tu je tutoriál na ich výrobu http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/.

Našiel som šikovne vyriešené weby, pomocou ktorých zvládnete registráciu do katalógov rýchlejšie a pohodlnejšie ako kedykoľvek predtým. Ak weby do katalógov neregistrujete, vedzte, že sa tým pripravujete o častokrát hodnotné linky a nejakú tú návštevnosť navyše.

Všeobecný zoznam (lokálne aj svetové katalógy): http://www.automotoforum.cz/katalogy.php

České katalógy: http://www.regweb.info/

Nahradzovanie fontov som už raz spomínal. Tentokrát uvádzam kompletný zoznam všetkých existujúcich riešení, pomocou ktorých môžete do svojich stránok generovať ľubovoľné fonty podľa chuti. Jedná sa o riešenia založené na Flash, JavaScript a CSS. Môžete ho nájsť na http://www.dezinerfolio.com/2009/03/31/dynamic-font-replacement-solutions.