Aplikácie a pomôcky pre webových dizajnérov

V tomto článku predstavíme pomôcky, ktoré zužitkujete pri tvorbe webových stránok. Je tu aplikácia pre pokročilých používateľov na zápis kódu, ale aj webové služby. Ide o jednoúčelové doplnky, no oplatí sa ich mať v záložkách prehliadača. Zamerali sme sa na také služby, ktoré určite využijete a sú hodnotné, pretože šetria prácu a čas.

Sublime Text 2

Editor na zápis kódu je vhodný najmä vtedy, ak používate viacero operačných systémov. Program je dostupný nielen pre Windows, ale aj OS X a Linux. Vždy dostanete rovnaké prostredie, ktoré sa zameriava na jednoduchosť používania, a nástroje dostupné na pozadí editora a menu. Je to multifunkčný editor so zvýraznením syntaxe pre rôzne programovacie jazyky. Zo špecifických funkcií je k dispozícii napríklad jednoduché zamieňanie textu vo vybranej oblasti. Vďaka tomu rýchlo nadefinujete novú premennú, priradíte jej iný názov alebo hodnotu. Pri tvorbe kódu je v pravej časti miniatúrny náhľad na celý zápis. Text síce nerozlíšite, ale farebné zvýraznenie kódu, ako aj dĺžka riadkov sú viditeľné. Dosť výrazne si tým pomôžete pri zachovaní prehľadu v rozsiahlejších zápisoch. Vynikajúce je aj rozdeľovanie slov oddelených medzerou na riadky. Ak vytvárate nejaké polia, jednou klávesovou skratkou zmeníte formu ich zápisu. Viacriadkové úpravy platia nielen pri nahrádzaní slov, ale aj pri ich vytváraní. Ak niekam potrebujete pridať úvodzovky, urobíte tak pre ľubovoľný počet riadkov. Jednoduchá je aj orientácia v súboroch projektu alebo iných adresároch. Stačí vyvolať plávajúci panel a pár písmenami sa zúži hľadanie. Nájdený súbor môžete otvoriť v novej záložke aplikácie. To, samozrejme, platí aj pri prechádzaní zápisom. V iných editoroch môžete prejsť na konkrétnu funkciu vyhľadaním príslušného textu, ale to nie je ono. Navyše pri hľadaní dostanete mnohé nerelevantné údaje. Tu je opäť použitý plávajúci panel na prechod medzi funkciami zadaním kľúčových slov. Program sa dá používať aj v celoobrazovkovom režime, a tak pri tvorbe kódu nebudete ničím rušení.

Link:www.sublimetext.com

Choose your Ipsum

Na testovanie textov je vhodné použiť náhodne generovaný text Lorem Ipsum. Na tomto webe ho nájdete v trochu modifikovanej podobe - v zákuskovej, syrovej, korporačnej, TV, gangsterskej alebo inej variácii. Na výber je ich viac ako dvadsať. Podľa zvoleného variantu sa dá nastaviť počet odsekov a dĺžka celého textu. Na výber sú tri možnosti dĺžky. V rámci vtipného rozšírenia môže text obsahovať aj slovo láska a začínať sa vopred definovaným reťazcom, ktorý pridal autor tejto služby. Takisto v závislosti od toho, ktorý variant použijete. Jedným tlačidlom sa vygeneruje text a druhým naspodku stránky ho skopírujete do stránky. Máte tak k dispozícii vzorku textu a nemusíte vymýšľať vlastný ani kopírovať ho z iných, často nepraktických zdrojov.

Link: idsgn.dropmark.com/107

Launchlist

Spustenie webovej stránky nie je také jednoduché, ako by sa na prvý pohľad zdalo. Uploadovať na FTP pár súborov a ukázať ich svetu nezaberie veľa času, no reakcie na stránku nemusia byť vždy priaznivé. Preto je tu táto webová služba vo forme kontrolného zoznamu, na ktorom si overíte správnosť vášho webu. Funguje na základe zodpovedania 29 otázok a pridať si môžete aj vlastné postrehy, ktoré bude treba pred spustením preveriť. Ku každej otázke si môžete vyplniť aj vlastný komentár alebo otázku vyradiť zo zoznamu. Vtedy sa preškrtne a pri záverečnom hodnotení sa nebude brať do úvahy. Kontrola pozostáva z overenia kompatibility s jednotlivými prehliadačmi, testovaného rozlíšenia obrazovky, SEO, obsahu metadát, zisťuje sa, či stránka prešla validáciou CSS, či nie sú na nej neplatné odkazy atď. Samozrejme, všetko si treba skontrolovať ručne, ide len o zoznam. Výhodné však je, že dostávate do rúk návod a položky, na ktoré by ste bežne asi nemysleli. Na konci si môžete nechať vygenerovať správu a poslať na e-mail. Túto službu považujeme za skutočný prínos, a ak máte alebo plánujete pripraviť vlastný web, určite ju nevynechajte.

Link: lite.launchlist.net

Generate PrivacyPolicy

Charakteristický názov webu už prezrádza jeho podstatu - je ňou generovanie podmienok použitia. Áno, sú to tie obsiahle texty, ktoré čítajú len právnici pri ich vyhotovení a link na ne je uvedený v spodnej časti stránky. Web funguje vo forme sprievodcu. Texty budú v anglickom jazyku, hodia sa teda pre používateľov, ktorí majú anglický alebo viacjazyčný web. Najprv treba zadať meno firmy alebo osoby a webovú adresu stránky. Nasledujú otázky charakterizujúce web - či napríklad plánujete na webe predávať produkty alebo služby, ako je stránka zabezpečená, či budú mať spoločnosti tretej strany prístup k údajom o zákazníkoch a akú formu podpory na stránke máte (Live chat, e-mailovú, prípadne telefonickú podporu). Ak máte na stránke nejaký kontaktný formulár alebo systém registrácie do webu, napr. do e-shopu, je vhodné vyplniť aj prípadné položky o zbere údajov. V závere vyberiete ešte prvky, ktoré stránka obsahuje, napríklad Google AdSense, obmedzenie na vek od 13 rokov, reklamu ďalších strán atď., a v závere si necháte pripraviť výslednú správu. Vzhľadom na to, že ide o zákonnú povinnosť, ak na stránke zhromažďujete osobné dáta, určite sa tento generátor hodí aspoň na základné splnenie povinností.

Link: www.generateprivacypolicy.com

Favigen

Stalo sa vám, že ikona pridaná do webovej stránky nebola v poriadku a lišta prehliadača s adresou je nechcela správne zobraziť? Na eliminovanie akýchkoľvek konzistentností je tu on-line služba Favigen. Stačí nahrať obrázok do veľkosti 175 kB a po uploadovaní na server sa vytvorí obrázok so správnym formátom. Vyberať môžete z troch veľkostí, a to 16, 32 a 64 pixelov. Na stránke tejto webovej služby je zobrazený kód, ktorý stačí skopírovať a podľa návodu vložiť do súboru HTML.

Link: www.favigen.com