Marek Vidtman - b l o g

Tajemné zmizení POSTART.CZ

2008-01-22T18:29:00.000+01:00

Na konci minulého roku zmizel z internetového světa fotografický portál postart.cz. Na tomto serveru vystavovali uživatelé svá fotografická, malířská či literární díla, hodnotili díla ostatních a tak nějak komunikovali mezi sebou. Bez jediného upozornění předem nebo alespoň nějaké dodatečné informace stránky ze dne na den zmizely a s nimi i veškerá data uživatelů (fotografie, kresby, poezie, próza, kontakty na přátele). Myslel jsem, že v zápětí bude v provozu nová verze serveru POSTART, protože se (prý) dlouho chystala. Měla být lepší, rychlejší, navštěvovanější. Místo toho zbylo na českém internetu jen prázdné bílé místo.

Tohle se ti Zdeňku Hornychu ml. nepovedlo!

HTML kvíz

2007-11-24T18:56:00.000+01:00

How Many HTML Elements Can You Name in 5 Minutes? je kvíz ve kterém máte (jak říká název) během pěti minut vyjmenovat značky, které jsou součástí HTML 4.
Já osobně jsem nedopadl až tak dobře, ale to jen proto, že HTML 4 nepoužívam a v XHTML spousta značek chybí a tak jsem si na ně nevzpomněl.
Do komentářů pište Vaše výsledky.

Vyhlazování písma v prohlížečích

2007-07-16T13:10:00.000+02:00

...ke komentáři na blogu tvrdek.com

Fotobanka - fotografie zdarma

2007-05-15T12:14:00.000+02:00

Vytváříte design nových www stránek a potřebujete nějakou ilustrační fotografii do hlavičky? Klient Vám nepředal žádné použitelné fotografie a vy nutně nějaké potřebujete? Nemáte dostatek prostředků na koupi fotografie z placených fotobank, klient není ochoten zaplatit peníze navíc?

Pokud jste na otázky odpověděli kladně, pak přesně pro vás je tu Stock.XCHNG - fotobanka se spoustou nádherných, použitelných fotografií, které mají bezkonkurenční cenu - jsou ZDARMA!

Na konec malé upozornění: nezapomeňte si u každé fotografie přečíst licenční ujednání. Přestože jsou fotky zadarmo, tak určité podmínky splnit musíte. Například informovat autora, že chcete jeho dílko použít a jak.

Search Engine Position

2007-01-08T17:55:00.000+01:00

Rádi byste jste věděli, na jaké příčce žebříčku internetových vyhledávačů je Váš web při hledání konkrétního klíčového slova nebo fráze? Pokud použijete nástroj Pozice ve vyhledávačích / Search Engine Position zjistíte, jak si Vaše stránky vedou v konkurenci ostatních na serverech Google.cz, Google.com, Seznam.cz, Morfeo.cz a Jyxo.cz.

Firefox extension - Adsense Notifier

2007-01-04T18:26:00.000+01:00

Jste zaregistrováni v programu AdSense? Chcete mít neustálý přehled o tom, jak bohatnete? Pak je tu rozšíření pro prohlížeč Firefox Adsense Notifier, které Vám bude zobrazovat Vaše výdělky pomocí AdSense ve stavové liště prohlížeče.

domeny.vidtman.com

2007-01-04T12:27:00.000+01:00

Aplikace Ověření domény se rozšířila o další dvě TLD: biz a name.

Další chystané zlepšení bude umožňovat zobrazení informací z WhoIs serverů o obsazené doméně.

Ověření dostupnosti domény

2006-11-26T13:27:00.000+01:00

Na adrese domeny.vidtman.com jsem spustil BETA verzi ( ;) ) aplikace pro ověření dostupnosti domény pro top level domény .cz, .sk, .eu, .de, com, .org, .net a .info. Aplikace má ještě své mušky, které je třeba odladit, ale ve své podstatě je funkční. V nedaleké budoucnousti se chystám zprovoznit AJAX verzi, která bude vyhledávat postupně při zadávání.

UPDATE: AJAX je hotový. Domény .eu a .org jsem odstranil kvůli omezení WHOIS serverů, které jsem používal pro ověření. Jiné jsem zatím nenašel.

Kouzelné SEO

2006-10-29T01:08:00.000+02:00

Chcete vědět, kdo je Nejlepší HTML kodér?

Ne, nejsem domýšlivý, a ani si nemyslim, že bych byl nejlepší HTML kodér. Myslí si to o mně google.com, který můj web vrátí na prvním místě při hledání výše uvedené fráze. I další vyhledávače mě považují za toho nejlepšího - centrum.cz (1.), seznam.cz (2.), MSN.com (1.) ...

Co dodat? Napadá mě pořekadlo: Na každém šprochu, pravdy trochu. ;)

Poznámka na závěr: nikdy jsem své stránky na tuto frázi neoptimalizoval. Je to shoda náhod, která ale dokáže potěšit.

Form - Input image v IE

2006-10-02T13:36:00.002+02:00

Při zpracovávání formuláře, který se odesílá pomocí obrázkového tlačítka (input type=image), jsem v IE narazil na další chybičku.

Mějme následující kód:

<?php print_r($_POST); >
<form method='post' action=''>
 <input type='image' src='tlacitko.gif' name='nazev' value='hodnota'>
</form>

Po odeslání formuláře dostaneme následující proměnné a jejich hodnoty:
FF:

Array ( [nazev_x] => 8 [nazev_y] => 19 [nazev] => hodnota )

IE:

Array ( [nazev_x] => 8 [nazev_y] => 19 )

Jak je vidět, tak IE vůbec neodeslal název tlačítka s jeho přiřazenou hodnotou. Dostali jste jen XY souřadnice kliknutí.

Protože jsem použil v jednom projektu obrázková tlačítka pro určení směru řazení výběru z databáze, potřeboval jsem samozřejmě i nazev s hodnotou (v mém konkrétním případě name='order' value='asc' resp. value='desc')

Důvod chyby v IE neznám, ale mohu Vám předložit alespoň mé řešení tohoto problému, které spočívá v přidání jednoho skrytého pole se stejným názvem jako mají obě image tlačítka. Tomuto poli při odesílání (onclick event na tlačítku) přiřadíme požadovanou hodnotu:

<?php print_r($_POST); >
<form action='' method='post'>
 <input name='orderDirection' value='asc' 
  src='/graphics/asc.png' alt='Vzestupně' type='image' 
  onclick = 'this.form.orderDirection.value="asc";this.form.submit();'/>
 <input name='orderDirection' value='desc' 
  src='/graphics/desc.png' alt='Sestupně' type='image' 
  onclick = 'this.form.orderDirection.value="desc";this.form.submit();' />
 <input type='hidden' name='orderDirection' value='' />
</form>

Dostaneme toto:
FF:

Array([orderDirection_x]=>9 [orderDirection_y]=>10 [orderDirection]=>asc)

IE:

Array([orderDirection]=>asc [orderDirection_x]=>19 [orderDirection_y]=>18)

A jsem na BANAN.CZ

2006-09-19T14:47:00.000+02:00

Dnešním dnem je muj web přesunut na banan.cz.

Zdrojový kód včetně výstupu javascriptu

2006-09-06T10:27:00.000+02:00

Dnes jsem potřeboval zjistit, co přesně vloží javascript do HTML stránky. Klasickým způsobem - zobrazit zdrojový kód - jsem si nepomohl, protože prohlížeče zobrazí zdroják HTML tak jak je, bez výstupu javascriptu. Hledal jsem řešení, až jsem našel stránku Chose.cz - Chcete vědět jak vypadá výstup z javascriptu? kde je vše popsáno.

Jen ve zkratce napíšu to důležité, ostatní si přečtěte přímo ve zmíněném článku.

Nejprve načtěte stránku do prohlížeče. Poté do adresního řádku vložte následující kód:
pro IE:

javascript:'<xmp>'+document.documentElement.outerHTML+'</xmp>';

pro Gecko:

javascript:'<xmp>'+document.getElementsByTagName("html")[0].innerHTML+'</xmp>';

Prohlížeč zobrazí kompletní zdrojový kód včetně výstupu javascriptu.

Firefox Extensions

2006-09-05T14:15:00.000+02:00

Dnes Vám předložím seznam pěti pro mne nepostradatelných rozšíření pro Firefox.

Web Developer - přidá toolbar s nástroji pro webdesignery.
Dummy Lipsum - generátor výplňových textů.
ColorZilla - pomocí tohoto rozšíření zjistíte barvu na kterémkoli místě stránky.
HTML Validator - přidá do Firefoxu validaci HTML. Počet chyb na stránce zobrazí ve stavovém pruhu prohlížeče.
MeasureIt - můžete měřit rozměry prvků na stránce přímo v prohlížeči.

Někdy příště Vám naservíruji další dávku užitečných rozšíření.

BULLSHID strip

2006-08-31T18:12:00.000+02:00

Celkem náhodně jsem narazil na stránky BULLSHID strip. Při prohlížení jednotlivých stripů jsem se docela zasmál. Vylepšete si náladu a zasmějte se také.

Web2.0 Logo Creator

2006-08-22T11:47:00.000+02:00

Web2.0 Logo Creator by Alex P je generátor log ve "stylu" Web2.0. Jak píše sám autor: "Je to parodie na Web 2.0 loga, která jsou opravdu kůl, avšak všechna stejná. Vytvořil jsem to jako srandu, ne jako seriózní logo generátor".

Cheat Sheets

2006-08-15T14:40:00.000+02:00

Kromě již zmíněných PHP Cheat Sheet a CSS Cheat Sheet najdete na adrese Cheat Sheets - ILoveJackDaniels.com odkazy i na další taháky, které mohou pomoci řadě internetových vývojářů.

ASP / VBScript Cheat Sheet
HTML Character Entities Cheat Sheet
JavaScript Cheat Sheet
MySQL Cheat Sheet
mod_rewrite Cheat Sheet
CSS Cheat Sheet
PHP Cheat Sheet
RGB Hex Colour Chart

PHP Cheat Sheet

2006-08-13T21:50:00.000+02:00

Podobně jako CSS tahák, na který jsem upozornil v minulém příspěvku existuje i PHP Cheat Sheet pro začínající PHP programátory.

CSS Cheat Sheet

2006-08-07T21:44:00.000+02:00

Pro všechny, kteří si občas nemohou vzpomenout "jak to v tom CSS vlastně je" je k dispozici CSS Cheat Sheet. CSS tahák obsahuje všechny selektory a vlastnosti kaskádových stylů verze 2.1. Součástí taháku je také schéma box modelu, přehled jednotek používaných v CSS a možné typy médií.

Jak si vytvořit favicon?

2006-07-18T10:07:00.000+02:00

Na vytvoření ikonky webu existují ruzné programy. Všechny mají ale tu nevýhodu, že je musíte stáhnout na disk a nainstalovat. Postup, při kterém kvůli jedné ikonce (nebo několika málo ikonkám) musím nejprve software nainstalovat, pak vytvořím ikonku a pak s největší pravděpodobností program zase odstraním, je do jisté míry neefektivní. Pokud nechrlíte favicon jako na běžícím pásu, ale přesto nějakou potřebujete vytvořit, pak je pro vás vhodná web utilita FavIcon from Pics. V podstatě z jakéhokoli obrázku či fotografie jednoduše získáte Vaší favicon.ico.

Adoptoval jsem tygra!

2006-07-17T22:27:00.000+02:00

Po návratu z dovolené, kdy se stále ještě nemohu dostat do správného pracovního tempa, jsem na internetu našel vzácného bílého tygra, kterého jsem mohl za velmi výhodných podmínek adoptovat. Mého tygra, na rozdíl od tygrů v zoologických zahradách, můžete klidně nakrmit :)

Position Report

2006-07-17T19:30:00.000+02:00

Potřebujete rychle a jednoduše zjistit pozici Vašeho webu v několika vyhledávačích? Pak použijte nástroj position report, který vám vrátí pozici z těchto vyhledávačů: seznam, jyxo , morfeo, yahoo, altavista, msn a google.

Position report je k dispozici na www.i-asap.net/nastroje...

Odeslání formuláře klávesou Enter

2006-07-04T18:38:00.000+02:00

Dnes jsem narazil na zajímavou věc. Alespoň pro mne je zajímavá. Týká se odesílání formuláře po stisknutí klávesy ENTER, a to konkretně v IE.

skript:

<?
 print_r($_POST);
?>
<form action="" method="post">
<input type="text" name="vstup" />
<input type="submit" name="submit" value="OK" />
</form>

Problém nastává v okamžiku, když v IE napíšete nějaký text do políčka vstup a chcete odeslat formulář ENTERem. Odešle se jen a pouze políčko vstup, hodnota prvku submit se nepředá. Pokud kliknete myší na odesílací tlačítko, tak se odešle vše.

Toto chování mi způsobilo jisté potíže, protože jsem odeslání formuláře v PHP kontroloval právě oproti hodnotě proměnné submit, která se v IE neodeslal a tudíž se neprovedla část skriptu, která se provést měla.

Ve Firefoxu se odesílají vždy obě hodnoty. Pokud někdo víte, proč se IE takto chová, napište mi vysvětlení do komentářů.

DOPLNĚNO: Řešením je přidat do formuláře jedno políčko navíc. Protože ho ale nepotřebujeme, tak bude neviditelné. Na názvu a hodnotě nezáleží.


<form action="" method="post">
<input type="text" name="vstup" />
<input type="hidden" name="kvuliHloupemuIE" value="1" />
<input type="submit" name="submit" value="OK" />
</form>

OPRAVENO: Na základě komentáře od anonymního dobráka opravuji skrip, který tedy vypadá následovně:


<form action="" method="post">
<input type="text" name="vstup" />
<input type="text" style="display:none;" name="kvuliHloupemuIE" value="1" />
<input type="submit" name="submit" value="OK" />
</form>

SEO Tools II

2006-07-04T10:06:00.000+02:00

www.globalpromoter.com je další ze serverů s volně použitelnými SEO nástroji. Pokud budete chtít nástroje jako Link Popularity Check, Keyword Density Analyzer, Google PageRank Calculator, Web Site Performance Report a mnoho dalších používat, musíte se nejdříve bezplatně registrovat.

Jediná chybička některých SEO nástrojů na globalpromoter.com je ta, že mají problém s diakritikou.

SEO Tools

2006-07-03T09:22:00.000+02:00

Na serveru SEO Tools - Search Engine Optimization, Google Optimization naleznete několik šikovných nástrojů, které se Vám mohou hodit při budování a optimalizaci Vašeho webového sídla.