9 nápadů pro budování velkých webových stránek s méně

Všichni víme, jak pracná webová práce může být. Není to úkol pro slabé srdce a obecně vyžaduje rok nebo více studia opravdu pochopit. Jak naše éra postupovala, viděli jsme skvělé nápady a inovace, které uvádějí online komunitu do otevřeného zdroje a sdílení.

Konstrukce webové stránky se skutečně vyvinula do vícevrstvého procesu. Musíte zvážit grafiku webových stránek, kódování front-end stylů a rozvržení, server hosting, a možná back-end programování naboot. Vývojáři si s těmito systémy pohrávali roky a nakonec jsme dosáhli bodu zájmu, ale bude to velmi vyčerpávající, pokud budete všechny tyto práce řešit úplně sami..

Níže jsem sdílel některé užitečné zdroje pro plánování skvělých webových stránek efektivně. Ty se objevují v mnoha formách v průběhu celého tvůrčího procesu. I když to není vyčerpávající seznam, doufám, že se dotknu zdrojů užitečných pro odborníky i začátečníky.

1. Nechte to na odbornících

Od ikonových designérů až po programátory po celém světě máme všechny různé dovednostní sady různého rozsahu. Často si nepředstavujeme sami sebe jako superhrdiny, kteří chtějí budovat dovednosti nad rámec mistrovství. Ale stát se kreativním umělcem a programátorem je opravdovým darem.

Pro ty z nás, kteří se zaměřují na konkrétní výklenek, by měla být vřele vítána vnější pomoc. To může urychlit proces budování webové stránky desetkrát a nabízí jedinečný zážitek pro práci v rámci týmu. Některé z nejlepších služeb PSD do HTML patří psd2html a xhtmlchop.com, Google "PSD do HTML služeb" získat více, nebo podívejte se na seznam 100 + služby zde.

Fyzický proces sezení do kódu Photoshopu do HTML / CSS může být nepříjemný. Zvláště pokud jste kódovali mnoho let, protože opakování se stává nudným a téměř zastaralým. Mnohé z těchto služeb slibují dodání 24 hodin a dokonce nabídnou slevy na návrhy podstránek.

Máte-li zájem o kódování, ale zaostávají s designovými dovednostmi, doporučuji procházet některé sítě digitálních umělců. Patří mezi ně Dribbble a DesignMoo, kde mohou grafici navrhovat a sdílet své nejnovější práce. Obecně také najdete stránku zobrazení portfolia pro každého interpreta, včetně kontaktních informací, jako je e-mail, Twitter nebo chat chat.

2. Outsourcingová řešení

Existují skvělé příklady na volné noze nabízející své služby na podporu projektových studií. Ale s dnešním dnešním stupněm komunikace existuje mnoho případů, kdy na volné noze bude pracovat ruka v ruce pro dokončení projektové práce. Dokonce možná ze dvou odlišných míst po celém světě!

S vydáním tolika nezávislých komunit nikdy nebylo pro designéry a vývojáře snazší se setkat a spolupracovat. Velká komunita Programátor Meet Designer umožňuje webovým vývojářům i návrhářům posílat a sdílet nápady pro projekty. Jedná se o relativně neznámou síť a stále funguje jako malý okruh odborníků.

Případně můžete hledat práci na volné noze a hledání zaměstnání obtížné. To je místo, kde mnoho pracovních desek z celého internetu ukazují jejich použití. Takové společnosti jako Fresh Web Jobs a Krop jsou jen pár příkladů mnoha příležitostí na volné noze. Každý je denně aktualizován a nabízí kompletní popis spolu s kontaktními informacemi.

3. Využijte Open Source

Jedním z nejlepších vynálezů dnešní komunity pro vývoj webu musí být open source software. Každý den se pracuje na nespočetném úsilí o doplnění a zlepšení stávajících knihoven. jQuery a MooTools jsou dvě ze stovek knihoven JavaScript, které vycházejí z ostatních na základě jednoduchých kurzů a pověsti. JavaScript však není jediným otevřeným protokolem, na kterém jsme pracovali. Doslova stovky tisíc vývojářů sdílejí a přispívají balíčky kódu na GitHub každý den. Jazyky zahrnují PHP, CSS, SQL, ASP, Objective-C, Java a mnoho dalších!

WordPress, blogovací platforma vyvinutá firmou Matt Mullenweg a v posledních letech se historicky rozrostla, je možná ztělesněním open-source úspěšných projektů. Zdá se impozantní, když se díváme na tolik menších balíčků, které se prosévají přes web, ale WordPress si vydělává miliony webových stránek a hostí tisíce vývojářů pracujících na jejich backendu. Celý balíček je zdarma ke stažení a velmi snadno se instaluje. Oficiální webová stránka společnosti wordpress.org nabízí odkazy a návody pro vývojáře, kteří mají zájem o vytváření témat a pluginů WP. Také jsme sponzorovali úvodní tutoriál WP pluginů pro začínající programátory. Podobně je zde oficiální galerie, která se může pochlubit působivým množstvím bezplatných pluginů pro všechny uživatele WordPressu.

Pro ty z vás, kteří hledají open source e-commerce skripty, podívejte se na tento post.

4. Navrhování vlastních ikon - není vyžadováno

Pohybující se směrem k grafické a animační stránce designu stále vidíme otevřenou a sdílenou komunitu. Web designéři si užívají nejen sdílení svých uměleckých děl na světě, ale pomáhají ostatním propagovat jejich nápady.

Grafika je jedním z nejsložitějších aspektů webové stránky. To platí zejména proto, že špičkové grafické designéry jsou těžké přijít. Mnohé z bezplatných sad ikon, jako je FamFamFam, Wefunction, Fugue, a další, zveřejňují své soubory ke stažení zdarma jako odkazy na odplatu nebo jejich práci. Vypadá to jako jednoduchý kompromis pro neomezené použití!

Další fantastická služba Icon Finder se chová jako vyhledávač nejoblíbenějších sad ikon. Pokud procházíte výsledky vyhledávání Google, často existují stovky blogů pro web design, které zobrazují nejlepší ikony zdarma. Ty byly také sdíleny do takových motorů, jako je Finder ikon, díky nimž budou webové stránky budov ještě rychlejší.

5. Lepší řešení v oblasti hostingu a sdílení souborů

V těchto dnech můžeme použít nějaké peníze navíc. I jako web designéři je důležité hledat ty společnosti, které nabízejí obchody a podporu generace na volné noze.

Web hosting je jen jedna z mnoha výdajů, které je třeba zvážit. Často můžete najít kupony na souvisejících webových stránkách, které šetří peníze na nákup doménových jmen a serverového prostoru.

Sdílení souborů se stalo důležitou součástí životního stylu web designéra. K dispozici jsou placené a bezplatné služby, a pokud někoho v podniku znáte, není obtížné získat členský účet. Zbytek považujeme za procházení našimi alternativami pro sdílení souborů, které poskytují zcela bezplatnou podporu pro všechny uživatele.

6. Kontrola výkonu zdarma

Webové aplikace jsou nejnovější trend busting přes digitální švy. Od aplikací pro mobilní telefony až po prohlížeče se zdá, že v těchto dnech může být v počítači dokončeno téměř cokoliv. Pro webmastery je důležité vědět o mnoha volných příležitostech pro mechanické testování a údržbu webových stránek.

Pokud jste jako většina z nás pak webové stránky uptime je vážné znepokojení. S vaší webové stránky jít ještě pár minut může stát katastrofální pro vaše dopravní čísla, nemluvě o hluboce matoucí pro vaše návštěvníky. Pingdom je bezplatný nástroj, který by všichni webmasteři měli používat ke kontrole kódů odpovědí ze svého webového serveru. To je jistý způsob, jak udržet přehled o vašem backendu a sledovat výkon ze zákulisí.

Další skvělá služba, Google Webmasters umožňuje vývojářům nárok na vlastnictví svých stránek. To lze provést pomocí souboru Sitemap, metaznačky nebo jiných alternativ poskytovaných společností Google. Pokud používáte účet Google, je možné ukládat data RSS a dokonce sledovat klíčová slova pro jednotlivé webové stránky. Aplikace je 100% zdarma a umožňuje ukládat neomezené připojení k webu!

7. Editory kódu mohou být levné (nebo zdarma)

Ať se nám to přiznává, většina webových designérů má tendenci fušovat do nějaké formy vývoj webových aplikací. Je to jen pro ty, kteří jsou opravdu nadaní v Adobe Photoshopu nebo Illustratoru, kteří se nezajímají o HTML a CSS design.

Pro programátory frontend a backend může být obtížné najít pohodlné pracovní prostředí. Adobe nabízí Dreamweaver, který podporuje zvýraznění kódu v mnoha jazycích, ale bohužel bude stát dost peněz. Prověřili jsme prvních 10 editorů bezplatných zdrojových kódů a nabízíme přímé odkazy ke stažení na každé stránce.

Pokud jste právě začal do kódování vřele doporučuji strávit nějaký čas zkoumání těchto. Vaše vývojové prostředí je klíčové a bude mít vliv na způsob psaní kódu. Mnozí z těchto editorů jsou specifičtí pro Windows, a přestože můžete najít několik možností, které jsou přátelské k Macu, doporučuji Panic's Coda - způsob, jak levnější editory kódu (ve srovnání s Adobe Dreamweaver) pro seriózní vývoj webových aplikací.

8. Zvedněte některé startovací sady

Nyní, když máte solidní představu o dostupných službách a programech, zkuste stáhnout několik startovacích balíčků, abyste se dostali k vám. Jako web designéři je důležité zaměřit svou vědomou pozornost na kreativitu a podněcovat nové nápady pro platformu rozvržení.

Během posledních několika let návrháři pomalu vydali bezplatné balíčky ikon, šablon, prvků formuláře, komponent GUI a mnoho podobných prací. Prosím, podívejte se na náš seznam webových návrhářů startovací sady, aby zjistili, zda něco zachytí vaše oko.

Photoshop rozložení práce není vždy nejjednodušší dokončit. Často se ocitáme v pochybnostech a opětovném zapojení do oprav barevných schémat a umístění. Staré porekadlo “cvičení dělá mistra” Zdá se, že v tomto scénáři je velmi pravdivý, spolu s mnoha dalšími. A tyto základní startovací sady by vás měly dostat na pravou nohu!

9. Vždy držet krok s časem studia

Jak čas plyne, všichni máme tendenci ztrácet zájem o aktivity. Pokud jste opravdu vášnivý web design, měli byste si udržet motivaci a studium nových témat. Zvažte otevření vaší mysli vývojovému jazyku nebo procvičování nového softwaru.

Nástroje online dnes jsou pokročilejší než kdy jindy v pomoci začínající mladé webové designéry vyzvednout cenu. Knihovna Web Design byla původně spuštěna v rámci šablony Monster spolu s Jetimpex Inc, a pokračovala v katalogu velmi populárních výukových programů. Webové stránky jsou denně aktualizovány o nové odkazy a prezentační předměty pro inspiraci.

Místo také propojuje mnoho partnerských míst včetně šablony Ninajas. To má za následek každodenní obchody, které nikde jinde nenajdete - někdy dokonce i dema nebo zadarmo! Šablony webových stránek jsou skvělým místem, kde začít, když nejste obeznámeni s konstrukcí rozvržení webové stránky nebo potřebujete jen nové nápady.

Také bych velmi doporučil Tuts + Network vytvořil Envato. Pořádají tisíce tutoriálů od Photoshopu, Illustratoru, HTML5, ActionScriptu, vektorových tvarů a dokonce i fotografie. Některé z jejich kódů vyžadují ke stažení členství, ale všechny výukové programy mohou volně sledovat a nabídnout podrobné pokyny k usnadnění cyklu učení..

Spolu s písemnými články většina komentářů nabídne také skvělé rady. Celá síť je řízena webovými designéry a čtena web designéry, takže si můžete být jisti vysokou kvalitou zpětné vazby.

Závěr

Tyto metody by vám měly začít na bouřlivé cestě k osvícení web design. Nejlepší triky obchodu byly předávány roky prostřednictvím internetové komunity. A podobně jako množství webových designérů se zvýšila více otevřených standardů byly vytvořeny.

Zvažte některé z výše uvedených myšlenek a strávte nějaký čas procházením zajímavými články nebo tutoriály. Dokonce i seznámení se s čerstvým materiálem může běhat váš mozek a přemýšlet do vznešeného designu. Pokud máte podobné nápady, neváhejte se o ně podělit v sekci komentáře níže.