blog.michalprihoda.cz

Miškin zkouší blogovat

Pár užitečných js scriptů s jquery

without comments

Jednoduché ukaž / schovej div

HTML:

Ukaž text

Text

JS:

$('.toggleDiv').toggle(
function(){
$(this).text('Skrýt text');
$('#toggleInfo').slideDown();
},
function(){
$(this).text('Ukaž text');
$('#toggleInfo').slideUp();
}
);

Written by admin

Září 12th, 2011 at 5:33 pm

Posted in Kódování stránek

CSS3 aneb co používám abych stránky nazahltil obrázky

without comments

Zda napíšu pár poznámek k tomu co se vyplatí z CSS3 používat. Nejen že to uspoří čas, ale i výslednou velikost stránek. Většina vlastností nemá plnou podporu, proto je nutno zapisovat více příkazy.

1. Box shadow

Tato CSS vlastnost přidává stín k blokovému prvku.

.shadow {
-moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
box-shadow:inset 0 0 10px #000000;
}

Parametry: posun v ose Y posun v ose X velikost barva

Podpora: IE9, Chrome, Opera, Firexox, IE8 a IE7 viz. na konci článku

2. Border radius

Tato CSS vlastnost zakulatí rohy blokového prvku.

Zda napíšu pár poznámek k tomu co se vyplatí z CSS3 používat. Nejen že to uspoří čas, ale i výslednou velikost stránek. Většina vlastností nemá plnou podporu, proto je nutno zapisovat více příkazy.

.radius {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.radiusTop {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

Parametry: velikost

Podpora: IE9, Chrome, Opera, Firexox, IE8 a IE7 viz. na konci článku

Závěr

Pro podporu těchto vlastností v IE7 a IE8  je dobré využít soubor PIE.htc, který i s grafickým udělátkem najdete na stránkách http://css3pie.com/.

Na internetu najdete spousty generátorů, která vám mohou při začátcích ušetřit práci. Pro border-radius například http://border-radius.com/.

A ještě jsem našel článek v češtině trochu rozsáhlejší než mám já http://www.24development.cz/blog/css-shadow-cross-browser.htm.

Written by admin

Květen 6th, 2011 at 9:15 pm

Posted in Kódování stránek

Pár pravidel pro HTML emaily

without comments

Rozhodl jsem se sepsat pár rad pro tvorbu html emailů, určitě nepohltím všechny zrádnosti. Ale jako základ pro tvorbu to bude dobré.

Obecné rady

  • v žádném případě nepoužíváme wysiwyg editor
  • zapomeneme na sémantiku
  • email odesíláme jako html a plain text
  • každý newsletter má možnost odhlášení z databáze, ideálně v patičce
  • snažíme se o co nejmenší obrázky
  • v emailu můžeme uvést odkaz na newsletter zveřejněný na webu

A již ke kódování

  • nepoužíváme javasritpt ani flash, pouze HTML, ideálně HTML4 a obrázky
  • css používáme pouze inline
  • nestylujeme tagy html ani body
  • písmo definujeme v px
  • základní layout děláme pomocí tabulek
  • ideální šířka emailů 600px
  • obrázky na pozadí nepoužíváme
  • float nepoužíváme, nahradíme tabulky
  • každý obrázek má šířku, výšku i ALT
  • každý obrázek by měl mít align=“middle“, jinak hrozí mezi obrázky mezera

Testujem, testujem a raději ještě jednou testujem

  • modlíme se aby email nemusel být odladěn i pro Lotus Notes – můžeme potom rovnou zapomenout na CSS
  • jako první otevřeme email v IE6, správné zobrazení nám zaručí vcelku velkou další úspěšnost
  • po odeslání
    • online klienti – kontrolujeme vždy v IE a jednom jiném prohlížeči
      • gmail.com
      • seznam.cz
      • centrum.cz
      • dle libosti i další, již ale nehrozí velké riziko špatného vykreslení
    • desktopové klienti
      • aktuální Outlook
      • Outlook 2003
      • Windows Live mail
      • aktuální Thunderbird
      • dle libosti i další, již ale nehrozí velké riziko špatného vykreslení

Doplněk: narazil jsem na hezkou tabulku s emailovými klienty a jejich vlastnosti http://www.campaignmonitor.com/downloads/documents-tools/Campaign_Monitor_Guide_to_CSS_Support_in_Email_April_2010.pdf

Written by admin

Květen 6th, 2011 at 9:00 pm

Posted in Kódování stránek

Placla.cz – jak jsem vkládal poptávku na článek

without comments

Rozhodl jsem se pro vyzkoušení systému pro publikování PR článků. U nás prakticky není z jakého systému volit, jediný použitelný je placla.cz.

Zadal jsem poptávko o článek na téma nábytek – postele. Do popisku jsem zadal, že chci pouze stránky s podobnou tématikou. Ozvalo se mi okolo 60 blogů z toho tak 10 bylo oborových, ostatní pouze článkové weby. Z těch 10 blogů akceptovalo 5 moji cenu (300 Kč). Ostatní chtěli více. Kvalita blogů ovšem nenaplnila moje očekávání. Většina stránek je založena pouze pro publikování PR článků a nemají příliš velkou kvalitu.

To je vše co jsem chtěl napsat, závěr si udělejte sami.

Written by admin

Prosinec 31st, 2010 at 1:37 am

Posted in Jak na vyhledavače

Seznam affiliate – Nábytek, domácnost, zahrada

without comments

Jelikož mám občas problém najít vhodný affiliate, neboli partnerský program rozhodl jsem se udělat menší seznam partnerských programů.  První seznam nabízí odvětví nábytek – domácnost – zahrada, tedy mnou nejpoužívanější obor.

Written by admin

Prosinec 31st, 2010 at 1:23 am

Posted in Seznam affiliate programů

« Older Entries