9 ідей для побудови великих сайтів з меншою кількістю

Ми всі знаємо, наскільки трудомісткою може бути робота в Інтернеті. Це не завдання для людей з слабким серцем і, як правило, вимагає року або більше навчань, щоб дійсно зрозуміти. Оскільки наша ера прогресувала, ми бачили блискучі ідеї та інновації, які поширюють інтернет-спільноту на відкрите джерело та спільне використання.

Будівництво веб-сайту дійсно перетворилося на багатошаровий процес. Необхідно враховувати графіку веб-сторінок, кодування стилів і макетів інтерфейсу, хостинг серверів і, можливо, зворотне програмування для завантаження. Розробники грають з цими системами протягом багатьох років і, нарешті, ми досягли цікавої точки, але це буде дуже виснажливим, якщо ви збираєтеся обробляти всі ці роботи повністю самими собою.

Нижче я поділився деякими корисними ресурсами для ефективного планування великих веб-сайтів. Вони приходять у багатьох формах протягом усього творчого процесу. Хоча це не вичерпний список, я сподіваюся доторкнутися до ресурсів, корисних як для фахівців, так і для початківців.

1. Залиште його експертам

Від дизайнерів піктограм до програмістів по всьому світу ми отримали різні навички різної величини. Ми часто не уявляємо себе як супергероїв, які прагнуть побудувати навички за межами майстерності. Однак стати творчим художником і програмістом - це справжній подарунок.

Для тих, хто зосереджується на конкретній ніші, зовнішня допомога повинна бути тепло прийнята. Це може прискорити процес створення веб-сайту в десять разів і пропонує унікальний досвід роботи в команді. Деякі з кращих служб PSD і HTML включають psd2html і xhtmlchop.com, Google "PSD до HTML служб", щоб отримати більше, або перевірити список 100 + послуг тут.

Фізичний процес сідання коду документа Photoshop в HTML / CSS може дратувати. Особливо, якщо ви багато років кодували, оскільки повторення стає нудним і майже застарілим. Багато з цих послуг обіцяють 24-годинну доставку і навіть пропонують знижки для дизайну під-сторінки.

Якщо ви зацікавлені в кодуванні, але відстаєте від дизайнерських навичок, я рекомендую переглядати деякі мережі цифрових виконавців. До них відносяться Dribbble і DesignMoo, де графічні дизайнери можуть розміщувати і ділитися своїми останніми роботами. Як правило, ви також знайдете сторінку відображення портфеля для кожного виконавця, включаючи контактну інформацію, таку як електронна пошта, Twitter або чат чату.

2. Аутсорсингові рішення

Є великі приклади фрілансерів, які пропонують свої послуги для підтримки студій проекту. Але нинішній рівень комунікації є багато випадків, коли фрілансери працюватимуть в руці, щоб завершити роботу над проектом. Навіть з двох різних місць по всьому світу!

З виходом настільки численних позаштатних громад ніколи не було простіше для дизайнерів і розробників зустрітися і працювати разом. Велика спільнота Programmer Meet Designer дозволяє веб-розробникам і дизайнерам повідомляти і ділитися ідеями для проектів. Це відносно невідома мережа і все ще працює як невелике кільце професіоналів.

Крім того, ви можете шукати роботу в якості фрілансера і знайти роботу важко. Саме тут багато робочих плат з Інтернету показують своє використання. Такі компанії, як Fresh Web Jobs і Krop, є лише кількома прикладами безлічі позаштатних можливостей. Кожен з них оновлюється щодня і пропонує повний опис разом з контактною інформацією.

3. Використовуйте Open Source

Одним з найкращих винаходів сьогоднішньої спільноти веб-розробників має бути програмне забезпечення з відкритим кодом. Кожен день докладає численних зусиль для доповнення та вдосконалення існуючих бібліотек. jQuery і MooTools є двома з сотень бібліотек JavaScript, які відрізняються від інших на основі простих посібників і репутації. Проте JavaScript не є єдиним відкритим протоколом. Буквально сотні тисяч розробників кожен день обмінюються пакетами коду на GitHub. Мови включають PHP, CSS, SQL, ASP, Objective-C, Java та багато інших!

WordPress, платформа для блогів, розроблена Меттом Малленвегом і зросла історично протягом останніх кількох років, можливо, є втіленням проектів успіху з відкритим вихідним кодом. Здається вражаючим, дивлячись на багато невеликих пакунків, які просіюються через Інтернет, але WordPress надає повноваження мільйонам веб-сайтів і розміщує тисячі розробників, які працюють над їхнім сервером. Весь пакет можна завантажити безкоштовно і дуже простий в установці. Офіційний сайт wordpress.org пропонує посилання та навчальні посібники для розробників, зацікавлених у створенні тем та плагінів WP. Ми також спонсорували вступний посібник з плагінів WP для початкових програмістів. Так само є офіційна галерея, яка може похвалитися вражаючою кількістю безкоштовних плагінів для всіх користувачів WordPress.

Для тих з вас, хто шукає сценарії електронної комерції з відкритим вихідним кодом, перевірте цей пост.

4. Створення власних піктограм - Не потрібно

Переходячи до графічної та анімаційної сторін дизайну, ми все ще бачимо відкриту спільноту. Веб-дизайнери не тільки поділяють свої твори у світі, але й допомагають іншим просувати свої ідеї.

Графіка - це найскладніші аспекти веб-сайту. Це особливо вірно, оскільки першокласні графічні дизайнери важко підійти. Багато безкоштовних наборів іконок, таких як FamFamFam, Wefunction, Fugue та багато іншого, розкривають їхні завантаження як вільні для використання при посиланні або відрахування їх роботи. Це схоже на простий компроміс для необмеженого використання!

Ще одна фантастична служба Icon Finder поводиться як пошукова система для найпопулярніших наборів іконок. Часто, якщо ви переглядаєте результати пошуку Google, існують сотні блогів веб-дизайну, які демонструють найкращі безкоштовні іконки. Вони також були поділені на такі двигуни, як Icon Finder, щоб зробити веб-сайти ще швидше.

5. Краща угода в хостингу та обміну файлами

Ми всі можемо використовувати деякі додаткові гроші в ці дні. Навіть як веб-дизайнери важливо шукати ті компанії, які пропонують угоди і підтримують позаштатне покоління.

Веб-хостинг - це лише один з багатьох витрат, які потрібно враховувати. Часто ви можете знайти купони на відповідних веб-сайтах, які заощаджують гроші на придбання доменних імен та серверного простору.

Обмін файлами став важливою частиною способу життя веб-дизайнера. Є платні та безкоштовні послуги, і якщо ви знаєте когось у бізнесі, не важко отримати рахунок на членство. Для решти розглянемо перегляд альтернатив для обміну файлами, який надає повністю безкоштовну підтримку всім користувачам.

6. Безкоштовна перевірка продуктивності

Застосування веб-сайтів - це остання тенденція, що перехоплює цифрові шви. З мобільних до додатків у браузері з'являється майже все, що можна завершити на комп'ютері в ці дні. Для веб-майстрів важливо знати про безліч безкоштовних можливостей для механічного тестування та обслуговування сайту.

Якщо ви подібні до більшості з нас, то час роботи веб-сайту викликає велике занепокоєння. Наявність вашого сайту знижується навіть на кілька хвилин і може стати катастрофічним для ваших номерів трафіку, не кажучи вже про глибоке заплутування відвідувачів. Pingdom - це безкоштовний інструмент, за допомогою якого всі веб-майстри повинні перевіряти відповідні коди від свого веб-сервера. Це надійний спосіб утримувати вкладки на вашому сервері та контролювати продуктивність за кадром.

Ще один відмінний сервіс, Google Webmasters дозволяє розробникам претендувати на право власності на свій сайт. Це можна зробити за допомогою файла sitemap, meta tag або інших альтернатив, наданих Google. Якщо ви використовуєте обліковий запис Google, можна зберігати дані RSS і навіть відстежувати ключові слова для окремих веб-сайтів. Додаток є 100% безкоштовним і дозволяє зберігати необмежену кількість веб-сайтів!

7. Редактор коду може бути дешевим (або безкоштовним)

Чи хотіли б ми визнати, що більшість веб-дизайнерів, як правило, плутаються в тій чи іншій формі веб-розробка. Це тільки для тих, хто дійсно обдарований в Adobe Photoshop або Illustrator, які не ризикують дизайном HTML і CSS.

Для програмістів фронтэнд і бекенда може бути важко знайти комфортне робоче середовище. Adobe пропонує Dreamweaver, який підтримує підсвічування коду на багатьох мовах, але, на жаль, коштуватиме трохи грошей. Ми переглянули 10 найкращих редакторів вихідного коду та запропонували прямі посилання на кожну сторінку.

Якщо ви тільки починаєте кодування, я настійно рекомендую витрачати час на дослідження. Ваша середовище розробки має вирішальне значення і вплине на те, як ви пишете код. Багато хто з цих редакторів є специфічними для Windows, і, хоча ви можете знайти декілька варіантів Mac, я рекомендую Coda від Panic - спосіб, який дозволяє дешевші коди редакторів (у порівнянні з Adobe Dreamweaver) для серйозної веб-розробки.

8. Підберіть деякі стартові комплекти

Тепер, коли у вас є тверда ідея про послуги та програми доступні спробуйте завантажити кілька стартових наборів, щоб ви збираєтеся. Як веб-дизайнери важливо зосередити нашу свідому увагу на творчості та стимулювати нові ідеї для макетних платформ.

Протягом останніх років дизайнери повільно випускали безкоштовні пакети іконок, шаблонів, елементів форми, компонентів графічного інтерфейсу та багатьох подібних робіт. Будь ласка, ознайомтеся з нашим списком стартових наборів веб-дизайнерів, щоб побачити, якщо що-небудь схопить ваше око.

Робота з макетом Photoshop не завжди найпростіша. Часто ми сумніваємося і повторно залучаємося до виправлення колірних схем і розміщення. Стара приказка “практика робить досконалим” Здається, в цьому сценарії, як і в багатьох інших, дуже вірно. І ці основні стартові комплекти повинні вивести вас на праву ногу!

9. Завжди слідкуйте за часом навчання

З плином часу всі ми, як правило, втрачаємо інтерес до діяльності. Якщо ви по-справжньому захоплені веб-дизайном, ви повинні мотивувати себе і вивчати нові теми. Розгляньте можливість відкриття свого розуму до мови розробки або практичного використання нового програмного забезпечення.

Інструменти онлайн сьогодні більш просунуті, ніж будь-коли раніше, допомагаючи молодим веб-дизайнерам отримувати приз. Бібліотека веб-дизайну була спочатку запущена в Template Monster разом з Jetimpex Inc, і продовжила роботу в каталозі дуже популярних посібників. Сайт оновлюється щодня з новими посиланнями та вітринами для натхнення.

Сайт також взаємопов'язаний між багатьма місцями партнерів, включаючи шаблон Ninajas. Це призводить до щоденних угод, які ви не можете знайти ніде більше - іноді навіть демо-версії або безкоштовні! Шаблони веб-сайтів - це чудове місце для початку роботи, коли ви не знайомі з створенням макета веб-сторінки або просто потрібні нові ідеї.

Я також дуже рекомендую Tuts + Network, створений Envato. Вони розміщують тисячі навчальних посібників, починаючи від Photoshop, Illustrator, HTML5, ActionScript, векторних фігур і навіть фотографії. Деякі коди вимагають завантаження членства, але всі навчальні посібники можуть вільно стежити та пропонувати покрокові інструкції для полегшення циклу навчання.

Поряд з написаними статтями більшість коментарів також пропонують чудові поради. Вся мережа керується веб-дизайнерами і читається веб-дизайнерами, тому можна бути впевненим у високоякісному зворотному зв'язку.

Висновок

Ці методи повинні допомогти вам розпочати свій шлях на просвітленні веб-дизайну. Кращі трюки торгівлі були передані протягом багатьох років через Інтернет-спільнота. Так само, як збільшилася кількість веб-дизайнерів, були створені більш відкриті стандарти.

Розглянемо деякі з представлених вище ідей і витрачаємо час на перегляд цікавих статей або посібників. Навіть ознайомлення зі свіжим матеріалом може підштовхнути ваш мозок і змусити вас замислитися у підвищеному мисленні дизайну. Якщо у вас є подібні ідеї, не забудьте поділитися ними в розділі коментарів нижче.