Macova fotošopa
grafický design, webdesign a photoshop


Ako správne písať úvodzovky

V písaní úvodzoviek panuje veľký chaos, čo je škoda, pretože správne písané úvodzovky zjednodušujú čítanie textu, čistia krv, spomaľujú starnutie a vôbec sú prejavom kultúrneho ducha. Nasledujúci zoznam doprevádzaný obrázkami ukazuje kedy použiť tie správne úvodzovky a ako ich z počítača vylúdiť.

Lepšie textové procesory sádzajú guľaté a správne úvodzovky samy od seba, s apostrofmi im človek väčšinou musí pomôcť ručne. Na webových stránkach je najlepšie používať UTF-8 a úvodzovky i ďalšie pekné znaky môžete sádzať priamo, teda bez entít. Pre poriadok však uvádzam aj html entity.

1. Slovenské dvojité úvodzovky

Otvárací znak (Unicode 201E) má tvar 99 a je dole.
Zatvárací znak (Unicode 201C) má tvar 66 a je hore.

Windows: Alt+0132, Alt+0147. Mac (na slovenskej klávesnici): Alt+Shift+N, Alt+Shift+H.
HTML: „ a “.

2. Slovenské jednoduché úvodzovky

Otvárací znak (Unicode 201A) má tvar 9 a je dole.
Zatvárací znak (Unicode 2018) má tvar 6 a je hore.

Windows: Alt+0130, Alt+0145. Mac (na slovenskej klávesnici): Alt+N, Alt+H.
HTML: ‚ a ‘.

3. Anglické dvojité úvodzovky

Otvárací znak (Unicode 201C) má tvar 66 a je hore.
Zatvárací znak (Unicode 201D) má tvar 99 a je hore.

Windows: Alt+0147, Alt+0148. Mac (na slovenskej klávesnici): Alt+Shift+H, Alt+Shift+J.
HTML: “ a ”.

4. Anglické jednoduché úvodzovky

Otvárací znak (Unicode 2018) má tvar.6 a je hore.
Zatvárací znak (Unicode 2019) má tvar 9 a je hore.

Windows: Alt+0145, Alt+0146. Mac (na slovenskej klávesnici): Alt+H, Alt+J.
HTML: ‘ a ’.

5. Francúzske dvojité úvodzovky

Vo francúzskej typografii, otvárací znak (Unicode 00AB) ukazuje sprava doľava («). Zatvárajúci (Unicode 00BB) zľava doprava (»).
V nemeckej typografii (archaicky), otvárací znak (Unicode 00BB) ukazuje zľava doprava (»). Zatvárajúci (Unicode 00AB) sprava doľava («).


Windows: Alt+0171, Alt+0187. Mac (na slovenskej klávesnici): Alt+Shift+í, Alt+Shift+é.
HTML: « a ».

6. Francúzske jednoduché úvodzovky

Vo francúzskej typografii, otvárací znak (Unicode 2039) ukazuje sprava doľava (‹). Zatvárajúci (Unicode 203A) zľava doprava (›).
V nemeckej typografii (archaicky), otvárací znak (Unicode 203A) ukazuje zľava doprava (›). Zatvárajúci (Unicode 2039) sprava doľava (‹).


Windows: Alt+0139, Alt+0155. Mac (na slovenskej klávesnici): Alt+Shift+ú, Alt+Shift+ä.
HTML: ‹ a ›.

7. Apostrof

Unicode 2BC, má tvar 9 a je hore. Odporúča sa používať Unicode 2019.

Windows: Alt+0146. Mac (na slovenskej klávesnici): Alt+J.
HTML: ’.

8. Dvojité rovné úvodzovky (ASCII)

Unicode 22. Používajú sa napríklad v zdrojových kódoch programov, webových stránok alebo interpretoch príkazov:

<img src="logo.png" alt=""/>

9. Obrátený apostrof

Unicode 60.Používa sa napríklad v unixových interpretáciách príkazov alebo konfiguráciách sendmailu:

$ mkdir -p `dirname nahledy/Thassos/Potos.jpg`

Obrátený apostrof je v ASCII, takže sa ním niekedy v ASCII dokumentoch simulujú skutočné anglické úvodzovky: ``In Business Since 1993”.

10. Apostrof (ASCII)

Unicode 27.Používa sa interpretoch príkazov a zdrojových kódoch:

find -name "*jpg" -print | sed 's/a\/b\///'

Preložené a doplnené s láskavým dovolením autora (Tomáš Znamenáček). Pôvodný článok.

14 máj 2008, 11:34 | | Pridaj komentár [5]

Web 2.0 nieje o komunitách!

Všetci stále hovoria o Web 2.0. Kto by to bol povedal že od doby kedy sa tento termín objavil po prvý raz, bude z toho boom na tak dlho. Ale ja mám pocit že to valná väčšina pochopila nesprávne.

Stále počuť že treba vytvárať komunitu či pridávať do webov rôzne komunitu podporujúce prvky. Komentáre a blogy sú iba začiatok. Pokračujú mikroblogy a tak ďalej. Ale budme realisti. Keď sa poobzerám po ľuďoch okolo seba, koľko z nich využíva komunity ala Web 2.0? Napdá ma iba jeden človek. Samozrejme lokálnosť nášho trhu zohráva svoju rolu, ale je to aj mentalitou. Ľudia u nás si myslím netrávia toľko času za internetom ako v USA. Človek ako spoločenský tvor prirodzene potrebuje komunitu, ale ak nesedí 10 hodín denne za počítačom, tak ju asi nebude hľadať na internete ale skôr v reálnom živote…

Čo je to teda Web 2.0?

Pre mňa a to zdôrazňujem sú to v prvom rade internetové aplikácie! To je to čo zmenilo moje používanie internetu a počítača vôbec a vidím na veľkom počte ľudí okolo mňa že ich to ovplyvňuje tiež. Všetky Weby 2.0 sú pre mňa v prvom rade aplikácie, online programy. Niektoré z nich majú komunitu, pri niektorých je to aj primárny aspekt pre vytváranie obsahu, ale pre mňa ako užívateľa je to stále iba aplikácia.

Takže o čom to vlastne hovorím? Stále viac ľudí sa spolieha na webové aplikácie čím odľahčujú svoje počítače a nechajú prácu serveru. Tento trend sa zdá byť silný a zrejme má ešte veľkú budúcnosť. Tu sú niektoré aplikácie ktoré využívam . Niektoré celý deň, niektoré iba raz za deň, niektoré raz za mesiac a niektoré spomeniem lebo môžu stáť za pozornosť.

Web 2.0 podľa Google

Gmail – moja Top aplikácia. Beží 24 hodín denne a je mojím primárnym prostriedkom internetovej komunikácie. Cez Gmail nespravujem iba svoju poštu ale je to môj IM klient, hlavne pre Google Talk ale aj ICQ. Áno, z prostredia Gmailu môžete prevádzkovať ICQ.

Pred tým než Gmail podporoval ICQ som mal ako primárneho IM klienta Meebo. Výborná Web 2.0 aplikácia. Pod jedným účtom môžem spravovať všetky IM kontá od Google talk cez ICQ až po Jabber. Príjemné prostredie a spoľahlivé všetko z okna prehliadača alebo aj mimo neho. A čo je lepšie funguje aj bez registrácie. Stačí sa prihlásiť svojim IM účtom. Vďaka Meebo som už rok bez klasického pomalého softwareového IM klienta.

IM komunikácia cez Meebo
IM komunikácia cez Meebo

Google Reader – pre mňa najlepšia RSS čítačka a jediná ktorá mi sadla. Na začiatok to chce trochu zoznámenia sa, ale používa sa skvelo keď si človek zvykne, prípadne sa naučí klávesové skratky. Vyhovuje mi aj možnosť vzdielať vybrané články medzi kamarátmi používajúcimi Google Reader tiež.

YouTube – ach čo to trepem? Ale áno, pre mňa je YouToube primárne aplikácia ktorá mi sprostredkováva video obsah. Je to lacný zdroj zábavy a straty času :). Podobne aj Flickr. Ak už má byť komunita tak takto. Nech je pre mňa užitočná a nie samoúčelná.

Veľmi mám rád integrované služby Googlu. Vyhovuje mi že v ľavom hornom rohu mám vždy po ruke aplikácie koré potrebujem…

Aplikácie od Adobe

Kto by bol povedal že Adobe by mal taký veľký záujem o webové aplikácie. Dokonca je v tom mimoriadne popredu oproti ostatným a útočí na nezanedbateľnú časť trhu. Ja ho momentálne vnímam ako jedného z lídrov.

Kuler – výborná aplikácia pre ľudí z oboru grafického designu. Pre niektorých už aj neodmysliteľná súčasť práce. O čo ide? Kuler je nástroj na vytváranie farebných schém. Na používanie jednoduchý, na prácu mimoriadne mocný. Vďakak svojmu API si našiel cestu aj do desktopových aplikácií ako Illustartor, či Indesign. Ja si vystačím s Dashboard widgetom na Macu.

Adobe Kuler
Prosterdie Adobe Kuler

Buzzword – nedávno sa o ňom v zahraničí dosť hovorilo. Ide o textový editor jednoduchý na použitie ale i tak mocný nástroj na produkovanie pekných PDF. Z obrázkov vyzerá skvelo, aj by som ho otestoval ale nemám rád povinné registrácie…

Photoshop Online – bez odkazu, lebo ešte neexistuje. Adobe prisľúbilo vydanie online odľahčenej verzie Photoshopu na tohtoročnú jar. Som mimoriadne zvedavý čo to bude zač.

Pre väčších nedočkavcov ponúknem picnik, taktiež online foto editor a celkom slušný. Pre bežného používateľa svojimi možnosťami plne dostačujúci. A samozrejme musím podotknúť, používa sa skvelo.

Onlien foto editor Picnik
Jednoduchá úprava fotografie cez picnik

Zhrniem to

Stále častejšie používam webové aplikácie, tu som spomenul iba tie ktoré možno stoja za pozornosť. Neviem ako vy ale mňa tie všetky facebooky a podobné nechávajú chladným. Neprinášajú mi nijaký reálny úžitok, iba stratu času.

Potenciál vidím v riadnych webových aplikáciach ako sú Dokumenty Google a podobne. Problém nastane iba ak je človek offline alebo výpadok servera. Ale o to sa nám už postarali ľudia z Adobe so svojím Adobe Air korý umožňuje vytvoriť z internetovej aplikácie desktopovú.

A čo na to všetko Microsfot a jeho Silverlight? Nič, zase zaspali dobu a okrem iného nástroje od Adobe a to Flash spolu s Air poskytujú všetko čo treba. Ale aspoň sa trochu vytvorí konkurenčné prostredie z ktorého nakoniec bude ťažiť užívateľ.

Ešte spomeniem nedávny úlovok zo siete zvaný Soup. Svojou jednoduchosťou ma mimoriadne oslovil a prekvapil aj možnosťami. To len tak na zamyslenie, kto chce nech vyskúša.

Takže trikrát zdar webovým aplikáciám, aké používate vy?

19 marec 2008, 11:19 | | Pridaj komentár [5]

Internet Explorer na Macu bez Windowsu

Pre webdizajnéra je nutnosťou kontrolovať si svoj kód v majoritných prehliadačoch. Ale čo ak nieje pre platformu na ktorej pracuje prehliadač dostupný? Nič, jednoducho si ho nainštalujeme.

Pokúšal som sa hľadať nejaký spôsob ako spustiť Internet Explorer na Mac OS X, ale bezúspešne. Už som bol zmierený že si na svoj Mac budem musieť inštalovať Windows, ale príde mi maximálne drastické vyčleňovať niekoľko GB na disku pre Windows len kvôli pár MB čo zaberá IE.

Našťastie pre mňa pred pár týždňami sa na MacBlogu objavila krátka správa o možnosti spustenia IE bez Windowsu. Srdce mi zaplesalo :). Skutočne, balík ies4osx dokáže na Macu nainštalovať a spustiť Explorer, teda verzie 5, 5.5, 6 a 7 beta. Pozrime sa ako to teda funguje.

Internet Explorer na Mac OS X bez Windows
Áno, je to IE6, heuréka!

Nenechajte sa zmiasť inštaláciou ktorá môže trvať naozaj veľmi dlho. Po nej budete môcť spúšťať Explorer na Macu bezproblémovo. Explorer funguje na OS X cez X11 čo ho trochu spomaluje. Verzie 5 až 6 fungujú skvelo, IE 7 je veľmi pomalý (vyzerá ako verzia 6 ale je to 7).

Treba pamätať že pre IE platia klávesové skratky z win, takže ak si na macu niečo skopírujete, napr. URL cez Command + C, v IE ju vložíte klasicky cez Ctrl + V. Pre IE nefunguje Drag and Drop, takže lokálne stránky treba otvárať cez hlavné menu, alebo Ctrl + O. Napriek tomu to funguje skvelo a na kódovanie to bohato stačí.

Inštalácia

Niektorí majú problémy s inštaláciou, tak som sa rozhodol preložiť a trochu obohatiť návod.

  1. Presvedčte sa že ste pripojený na internet, je nutný k inštalácii. Taktiež sa uistite či nepoužívate proxy k pripojeniu.
  2. Ak máte Max OS X 10.4 Tiger, nainštalujte si X11 z inštalačného DVD systému (pre Leopard neplatí)
  3. Stiahnite si a spustite Darwine 0.9.51
  4. Presuňte adresár Darwine do adresára Aplications
  5. Stiahnite si a spustite ies4osx
  6. Spustite inštaláciu dvojklikom na install ies4osx
  7. Vyberte si ktoré verzie IE chcete nainštalovať a v akom jazyku majú byť
  8. Nainštalované IE(čka) sa objavia na ploche

To je všetko, môžete veselo vychutnávať :). Ak chcete trochu urýchliť inštaláciu, inštalujte iba IE 6, bez ostatných sa zaobídete. A nezľaknite sa ak to bude trvať, mne to trvalo asi 20 minút, počul som že to môže byť aj cez hodinu, spomalenie spôsobuje Darwine.

7 január 2008, 05:48 | | Pridaj komentár [4]

Najlepší (web) design uplynulého roku

Rok 2007 bol pre Grafický design vo webdesigne dobrým rokom. Designu sa darilo, čo dokazujú CSS galérie praskajúce vo švíkoch. Najmä v druhej polovici sa objavili veľmi podarené kusy, ktoré dosť ovplyvnili vývoj v tomto odvetví a také, ktoré ešte len ovplyvnia.

Dosť času trávim sledovaním vývoja grafickej scény na poli webdizajnu. Ako tak brázdim internet a CSS galérie nachádzam občas mimoriadne, ba až výnimočné grafické návrhy. K tomu, v čom spočíva ich výnimočnosť sa dostanem o chvíľu. Teraz konkrétne.

Minimalizmus

Minimalistický design Get Finch
getfinch.com

Skvelo zvládnutá typografia a učebnicová ukážka tvrdenia v jednoduchosti je krása. Sviežosť tohoto dizajnu ma fascinuje. Kvalitu a nadčasovosť dokazuje niekoľko pokusov o plagiátorstvo a množstvo ďalších evidentne inšpirovaných návrhov.

Web 2.0

Design Web 2.0
pownce.com

Design podčiarkuje obsah ktorý podáva potrebné informácie o službe. Nič viac a nič menej a tak to má byť. Aj tento web dosť ovplyvnil výzor ďalších a prispieva k utváraniu vizuality internetu.

Blog

Vzhľad optimalizovaný na čítanie
upperfortstewart.com

Typografická dokonalosť tvorená iba minimálnym počtom grafiky. Blog je založený na dodržiavaní vizuálnej jednotnosti a typografických pravidiel a popri tom nieje fádny a zachováva si svoju rôznorodosť.

Graficky bohatý design

Graficky bohatý design
31three.com

Áno, takto si predstavujem design bohatý na grafiku. Výborná vyváženosť medzi textovou informáciu a grafickou stránkou. Web nieje grafikou presýtený, iba vytvára príjemné prostredie, ktoré nepotlačuje obsah ale zvýrazňuje ho. Taktiež vhodný kandidát na kategóriu Redesign roka.

Produkt

Návrh pre produkt
panic.com/coda

Stránka kóderského nástroja Coda priam núti vyskúšať tento produkt, aspoň jeho 30 dňovú verziu ak už nie rovno zakúpiť. Okrem toho sa web výborne a veľmi príjemne používa. Skvelá vizitka pre nástroj ocenený Apple design Award za použiteľnosť. Dobrým príkladom na propagáciu produktu je aj Pixelmator ale nakoniec som zvolil Codu.

Redesign

Účinný redesign
apple.com

Udivuje ma ako tak informačne rozsiahly web ako má Apple si dokáže zachovať svoju jednoduchosť a prehľadnosť. Nieje problém ľahko sa dostať k informáciám. Celkový dojem je veľmi príjemný. Výborne je navrhnuté aj vyhľadávanie. Slabinou je prístupnosť ale tú teraz nehodnotím.

Home Page

Prehľadná Home Page
seznam.cz

Úvodná stránka webu je veľmi dôležitá, najmä veľké portály sú od nej vo veľkej miere závislé. Seznam sa vybral vlastnou cestou keď skĺbil vlastné skúsenosti s miernou inšpiráciou od Google a poučenia sa od chýb konkurencie. Úvodná stránka Seznamu je naozaj unikát. Používa sa skvelo, nevyzerá odpudivo a je veľmi prehľadná. Som zvedavý, kedy a ako zareaguje „konkurencia”. Aj Yahoo by sa mohlo priučiť.

Videli ste krajšie weby?

Je to možné! Tu ale nejde o krásu, ale o celkový design. Grafický design nieje o kráse ale hlavne o funkcionalite. Dobrý web zvýrazňuje svoj obsah. Neupútava na design ktorý je rušivý a príliš výrazný.

Vyberal som poväčšine minimalistické návrhy so zvládnutou typografiou. Toto sú dôležité časti každého návrhu a teší ma že stále viacej sa dostávajú do popredia, zatiaľ čo grafika do úzadia. Vybrané návrhy sa už dožili svojich prvých kópií a stále viacej sa stretám s ďalšími ktoré boli v dobrom slova zmysle týmito ovplyvnené. Sú to návrhy ktoré priniesli niečo nové. Aj ja som s z nich niečo priučil.

1 január 2008, 10:29 | | Pridaj komentár [6]

Google Analytics Site Search — štatistiky vyhľadávania

Google v posledných dňoch trochu poupravil svoju službu Analytics zobrazujúci komplexné štatistiky vášho webu. Zmeny sa dotýkajú hlavne nového kódu, ale pribudlo aj zopár nových funkcií.

Ako som už spomenul, väčšina zmien a aj zopár nových funkcií sa vzťahuje na nový kód ktorým treba nahradiť ten starý (návod). Mňa zo všetkých zmien najviac potešilo pridanie novej funkcie Site Search, ktorá zobrazuje štatistky z vyhľadávania návštevníkmi na vašom webe. Teda, kto, čo, kde kedy a ako hľadal a či to aj našiel.

Spustenie Site Search

Pre lenivších mám na úvod potešujúcu správu, na používanie tejto novej funkcie nieje nutné meniť kód Google Analytics, ale nejakým zmenám v nastaveniach GA sa nevyhneme. Tu je návod:

  1. Ak spravujete v GA viacej webov, vyberte si web na ktorom chcete povoliť sledovanie štatistík z vyhľadávania
  2. Pri profile webu kliknite na odkaz Edit (vedľa odkazu View Reports)
  3. V záhlaví tabuľky Main Website Profile Information kliknite na Edit
  4. V sekcii Site Search označte Do Track Site Search a zadajte Query Parameter
  5. Uložte zmeny kliknutím na Save Changes

Query Parameter

Možno by niekoho zaujímalo čo je to ten Query Parameter spomínaný v predposlednom bode a čo sa to tam má vlastne napísať. Ide o atribút name ktorý má vyhľadávacie pole, resp. konkrétne input do ktorého sa hľadaný výraz zapisuje. Často to býva napríklad name="q". Lepšia ukážka vyhľadávacieho kódu ktorý mám ja:

      <form id="searchbox_014875034824616964901:f5vganpn83q" action="http://www.photoshopbook.net/search.html">
        <p> 
          <input type="hidden" name="cx" value="014875034824616964901:f5vganpn83q" />
          <input type="hidden" name="cof" value="FORID:11" />
          <input name="q" type="text" size="20" />
          <input type="submit" name="sa" value="Vyhľadať" />
        </p>
      </form>

Zvýraznená časť kódu poukazuje o ktorý input sa jedná. Do GA teda napíšem iba q. Načo je to dobré? Ak máte na stránke viacej vyhľadávacích polí, môžete ich týmto atribútom odlíšiť a tým mať aj zvlášť pre každé vlastné štatistiky. Pre viacej vyhľadávaní na jedom webe treba hodnoty atribútu name v GA oddeliť čiarkami, napríklad: q,w,e a podobne.

Prvé štatistiky si môžete pozrieť na ďalší deň v normálnom prostredí Gogle Analytics v sekcii: Content > Site Search >...

18 december 2007, 10:35 | | Pridaj komentár [4]

Oplatí sa blogovať? (ročná retrosepktíva)

Presne pred rokom som spusti svoj blog, vtedy ešte bez CMS a na starej doméne. Pokúsim sa zrekapitulovať prvý rok života bloggera, čo som získal, čo stratil a či to stálo za to.

Macova Fotošopa bola počatá 8. decembra 2006. Počatá preto, lebo pôrod sa uskutočnil až 9. júna 2007, no i tak prvé narodeniny “slávim” teraz.

Prečo som začal?

Mojím koníčkom a spôsobom ako užitočne zabíjať čas bolo (stále je) čítať blogy tematicky zamerané na moje záujmové oblasti. Často som mal silnú potrebu sa vyjdriť ku konkrétnemu spotu iného autora, alebo všeobecne k téme, ale iba komentár nestačil. Okrem toho som to chcel vyskúšať a pokúsiť sa stať čelnom tejto pre mňa zaujímavej komunity.

Čo som tým získal?

Blogovanie má svoje výhody, pokúsim sa niektoré, ktoré som získal spísať ako ma budú napadať. Takže vďaka blogu som získal:

  • nových známych so spoločnými záujmami
  • priestor vyjadriť sa
  • priestor pre konfrontáciu
  • zamestnanie (!)
  • priestor pre záznam udalostí a pocitov
  • možnosť vzdelávať sa a zdokonalovať sa v obore
  • niekoľko čitateľov
  • spätné odkazy o akých sa mi nesnívalo :)

Čo som sratil?

Nič, nič ma nenapadá. Z toho vyplýva že blogovanie sa asi oplatí.

Za ten rok som napísal niekoľko pekných a nedocenených článkov:

A napísal som niekoľko zbytočne precenených článkov (odkazovať už radšej nebudem).

Toľko z mojej strany. Doteraz som písal, čo z toho mám ja, bolo by pekné ak by ste aj vy napísali čo z toho máte (ak vôbec). Nájde sa niekto, alebo som zabil rok zbytočne?

9 december 2007, 12:16 | | Pridaj komentár [7]

  « staršie



© 2008 Photoshopbook.net – Jozef Mak (aka Mac)