9 pomysłów na tworzenie wspaniałych stron internetowych z mniejszą ilością

Wszyscy wiemy, jak pracochłonna może być praca w sieci. Nie jest to zadanie dla osób o słabym sercu i na ogół wymaga to co najmniej roku nauki, aby naprawdę je zrozumieć. Wraz z postępem naszej ery widzieliśmy wspaniałe pomysły i innowacje, które wprowadziły społeczność online w kierunku otwartego oprogramowania i udostępniania.

Budowa strony internetowej naprawdę przekształciła się w proces wielowarstwowy. Musisz wziąć pod uwagę grafikę strony, kodowanie stylów front-end i układ, hosting serwerów i być może programowanie zaplecza. Deweloperzy bawią się tymi systemami od lat i w końcu dotarliśmy do interesującego nas punktu, ale będzie to niezwykle wyczerpujące, jeśli sami poradzicie sobie z tymi wszystkimi pracami całkowicie.

Poniżej udostępniłem kilka pomocnych zasobów do efektywnego planowania wspaniałych projektów stron internetowych. Są one w wielu formach podczas całego procesu twórczego. Chociaż nie jest to wyczerpująca lista, mam nadzieję, że dotknę zasobów pomocnych zarówno ekspertom, jak i początkującym.

1. Pozostaw to ekspertom

Od projektantów ikon po programistów z całego świata, wszyscy mamy różne zestawy umiejętności o różnej wielkości. Często nie wyobrażamy sobie, że jesteśmy super bohaterami, którzy chcą budować umiejętności wykraczające poza mistrzostwo. Jednak stać się twórczym artystą i programistą to prawdziwy dar.

Dla tych, którzy koncentrują się na konkretnej niszy, pomoc zewnętrzna powinna zostać ciepło przyjęta. Może przyspieszyć proces budowania witryny dziesięciokrotnie i oferuje wyjątkowe doświadczenie w pracy zespołowej. Niektóre z najlepszych usług PSD do HTML obejmują psd2html i xhtmlchop.com, Google „PSD do usług HTML”, aby uzyskać więcej, lub sprawdź listę 100+ usług tutaj.

Fizyczny proces siadania w celu kodowania dokumentu Photoshop do HTML / CSS może być denerwujący. Zwłaszcza, jeśli kodujesz od wielu lat, gdy powtórzenie staje się nudne i prawie przestarzałe. Wiele z tych usług zapewnia dostawę przez 24 godziny, a nawet oferuje zniżki na projekty podstron.

Jeśli jesteś zainteresowany kodowaniem, ale nie masz umiejętności projektowania, polecam przeglądanie niektórych cyfrowych sieci artystów. Należą do nich Dribbble i DesignMoo, gdzie graficy mogą publikować i udostępniać swoje najnowsze prace. Na ogół znajdziesz także stronę z portfolio dla każdego artysty, w tym informacje kontaktowe, takie jak e-mail, Twitter lub czat IM.

2. Rozwiązania outsourcingowe

Istnieją świetne przykłady freelancerów oferujących swoje usługi wspierające studia projektowe. Jednak przy obecnym obecnym poziomie komunikacji istnieje wiele przypadków, w których freelancerzy będą pracować ręka w rękę, aby zakończyć pracę nad projektem. Nawet prawdopodobnie z dwóch różnych lokalizacji na całym świecie!

Wraz z wydaniem tak wielu niezależnych społeczności projektanci i programiści nigdy nie byli łatwiejsi do spotkania i współpracy. Świetna społeczność Programmer Meet Designer pozwala zarówno twórcom stron internetowych, jak i projektantom na przesyłanie wiadomości i dzielenie się pomysłami na projekty. Jest to stosunkowo nieznana sieć i nadal działa jako mały zespół specjalistów.

Alternatywnie możesz szukać pracy jako wolny strzelec i znaleźć pracę trudną. To tutaj wiele tablic ogłoszeń z całego Internetu pokazuje ich wykorzystanie. Takie firmy jak Fresh Web Jobs i Krop to tylko kilka przykładów wielu możliwości freelance. Każda jest aktualizowana codziennie i oferuje pełne opisy wraz z danymi kontaktowymi.

3. Wykorzystaj Open Source

Jednym z najlepszych wynalazków dzisiejszej społeczności twórców stron internetowych musi być oprogramowanie open source. Codziennie pracuje się nad niezliczonymi wysiłkami, aby uzupełnić i ulepszyć istniejące biblioteki. jQuery i MooTools to dwie z setek bibliotek JavaScript, które wyróżniają się na tle prostych samouczków i reputacji. Jednak JavaScript nie jest jedynym otwartym protokołem, nad którym pracowano. Dosłownie setki tysięcy programistów codziennie udostępnia i udostępnia pakiety kodu na GitHub. Języki obejmują PHP, CSS, SQL, ASP, Objective-C, Java i wiele innych!

WordPress, platforma blogowa opracowana przez Matta Mullenwega i rozwijająca się historycznie w ciągu ostatnich kilku lat, jest prawdopodobnie przykładem sukcesu projektów open source. Wydaje się imponujące, patrząc na tak wiele mniejszych pakietów przesiewanych w sieci, ale WordPress zasila miliony stron internetowych i obsługuje tysiące programistów pracujących nad ich zapleczem. Cały pakiet można pobrać bezpłatnie i bardzo prosty w instalacji. Oficjalna strona firmy wordpress.org oferuje linki i samouczki dla programistów zainteresowanych budowaniem motywów WP i wtyczek. Sponsorowaliśmy także samouczek wprowadzający wtyczki WP dla początkujących programistów. Podobnie jest z oficjalną galerią z imponującą ilością darmowych wtyczek dla wszystkich użytkowników WordPress.

Dla tych, którzy szukają skryptów e-commerce o otwartym kodzie źródłowym, sprawdź ten post.

4. Projektowanie własnych ikon - nie jest wymagane

Idąc w kierunku grafiki i animacji projektu wciąż widzimy otwartą i dzielącą się społeczność. Projektanci stron internetowych nie tylko dzielą się swoją grafiką ze światem, ale pomagają innym w promowaniu ich pomysłów.

Grafika to jedne z najbardziej skomplikowanych aspektów strony internetowej. Dotyczy to zwłaszcza sytuacji, w której pierwszorzędni graficy są trudni do zdobycia. Wiele darmowych zestawów ikon, takich jak FamFamFam, Wefunction, Fugue i wiele innych, ujawnia swoje pliki do pobrania jako bezpłatne do wykorzystania w linkach odpłatnych lub uznania ich pracy. To wydaje się prostym kompromisem dla nieograniczonych zastosowań!

Kolejna fantastyczna usługa Icon Finder zachowuje się jak wyszukiwarka najpopularniejszych zestawów ikon. Często, gdy przeglądasz wyniki wyszukiwania Google, istnieją setki blogów poświęconych projektowaniu stron internetowych, na których wyświetlane są najlepsze darmowe ikony. Zostały one również udostępnione w takich silnikach, jak Icon Finder, aby witryny internetowe były jeszcze szybsze.

5. Lepsza oferta hostingu i udostępniania plików

Wszyscy możemy teraz wykorzystać trochę dodatkowych pieniędzy. Nawet jako projektanci stron internetowych ważne jest, aby znaleźć firmy, które oferują oferty i wspierają niezależne pokolenie.

Hosting jest tylko jednym z wielu wydatków, które należy rozważyć. Często można znaleźć kupony na powiązanych stronach, które pozwalają zaoszczędzić na zakupie nazw domen i przestrzeni na serwerze.

Udostępnianie plików stało się ważną częścią stylu życia projektanta stron internetowych. Dostępne są płatne i bezpłatne usługi, a jeśli znasz kogoś w biznesie, nie jest trudno uzyskać konto członkowskie. Dla reszty rozważ przeglądanie naszych alternatyw udostępniania plików, które zapewnia całkowicie bezpłatną pomoc dla wszystkich użytkowników.

6. Bezpłatne sprawdzanie wydajności

Aplikacje internetowe to najnowszy trend, który przenika przez cyfrowe szwy. Od aplikacji mobilnych do aplikacji w przeglądarce wydaje się, że w dzisiejszych czasach wszystko można wykonać na komputerze. Dla webmasterów ważne jest, aby wiedzieć o wielu bezpłatnych możliwościach testowania mechanicznego i konserwacji strony.

Jeśli jesteś jak większość z nas, czas przestoju jest poważny. Zmniejszenie liczby odwiedzin witryny nawet o kilka minut może stać się katastrofalne dla liczby odwiedzin, nie wspominając już o dezorientacji użytkowników. Pingdom to bezpłatne narzędzie, którego wszyscy webmasterzy powinni używać do sprawdzania kodów odpowiedzi z ich serwera WWW. Jest to niezawodny sposób na utrzymanie kontroli nad backendem i monitorowanie wydajności zza kulis.

Kolejna świetna usługa, Google Webmasters pozwala deweloperom na posiadanie swojej witryny. Można to zrobić za pomocą mapy witryny, metatagu lub innych alternatyw dostarczonych przez Google. Jeśli korzystasz z konta Google, możesz przechowywać dane RSS, a nawet śledzić słowa kluczowe dla poszczególnych witryn. Aplikacja jest w 100% bezpłatna i umożliwia przechowywanie nieograniczonych połączeń z witryną!

7. Edytory kodu mogą być tanie (lub bezpłatne)

Niezależnie od tego, czy chcemy to przyznać, większość projektantów stron internetowych ma tendencję do zamaczania w jakiejś formie tworzenie stron internetowych. To tylko dla tych, którzy są naprawdę utalentowani w Adobe Photoshopie lub Illustratorze, którzy nie zapuszczają się w projektowanie HTML i CSS.

Dla frontendów i backendów programistów znalezienie wygodnego środowiska pracy może być trudne. Adobe oferuje program Dreamweaver, który obsługuje podświetlanie kodu w wielu językach, ale niestety kosztuje sporo pieniędzy. Sprawdziliśmy 10 najlepszych darmowych edytorów kodu źródłowego i zaoferowaliśmy bezpośrednie linki do pobrania każdej strony.

Jeśli dopiero zaczynasz pisać kodowanie, zdecydowanie polecam poświęcić trochę czasu na ich badanie. Twoje środowisko programistyczne jest kluczowe i będzie miało wpływ na sposób pisania kodu. Wiele z tych edytorów jest specyficznych dla Windows i chociaż możesz znaleźć kilka opcji przyjaznych dla Maca, polecam Cody Panic - sposób na tańsze edytory kodu (w porównaniu do Adobe Dreamweaver) dla poważnego tworzenia stron internetowych.

8. Podnieś niektóre zestawy startowe

Teraz, gdy masz już solidne wyobrażenie o dostępnych usługach i programach, spróbuj pobrać kilka zestawów startowych, aby zacząć. Jako projektanci stron internetowych należy skupić naszą świadomą uwagę na kreatywności i pobudzać nowe pomysły na platformy układowe.

W ciągu ostatnich kilku lat projektanci powoli wydali darmowe pakiety ikon, szablonów, elementów formularza, komponentów GUI i wielu podobnych prac. Prosimy o zapoznanie się z naszą listą zestawów startowych projektantów stron internetowych, aby sprawdzić, czy coś przyciąga wzrok.

Praca nad układem Photoshopa nie zawsze jest najłatwiejsza do wykonania. Często uważamy, że wątpimy i ponownie angażujemy się w poprawianie schematów kolorów i rozmieszczenia. Stare powiedzenie “praktyka czyni mistrza” wydaje się bardzo prawdziwe w tym scenariuszu, wraz z wieloma innymi. A te podstawowe zestawy startowe powinny Cię odskoczyć na właściwą stopę!

9. Zawsze nadążaj za czasem nauki

W miarę upływu czasu wszyscy tracimy zainteresowanie działaniami. Jeśli jesteś prawdziwym pasjonatem projektowania stron internetowych, powinieneś być zmotywowany i studiować nowe tematy. Zastanów się nad otwarciem umysłu na język programowania lub ćwiczeniem nowego oprogramowania.

Narzędzia online są dziś bardziej zaawansowane niż kiedykolwiek wcześniej, pomagając początkującym młodym projektantom stron internetowych odebrać nagrodę. Biblioteka Web Design została pierwotnie uruchomiona w ramach Template Monster wraz z Jetimpex Inc, i kontynuowała katalog bardzo popularnych samouczków. Strona jest aktualizowana codziennie o nowe linki i elementy do inspiracji.

Witryna łączy również wiele miejsc partnerskich, w tym szablon Ninajas. Powoduje to codzienne oferty, których nie możesz znaleźć nigdzie indziej - czasami nawet dema lub gratisy! Szablony stron internetowych są doskonałym miejscem na rozpoczęcie pracy, gdy nie jesteś zaznajomiony z budowaniem układu strony internetowej lub po prostu potrzebujesz nowych pomysłów.

Gorąco polecam również sieć Tuts + stworzoną przez Envato. Zawierają tysiące samouczków od Photoshopa, Illustratora, HTML5, ActionScript, kształtów wektorowych, a nawet fotografii. Część ich kodu wymaga członkostwa do pobrania, ale wszystkie tutoriale można śledzić za darmo i oferują instrukcje krok po kroku ułatwiające cykl nauki.

Wraz z artykułami pisanymi większość komentarzy będzie również świetną radą. Cała sieć jest prowadzona przez projektantów stron internetowych i czytana przez projektantów stron internetowych, więc możesz być pewien wysokiej jakości informacji zwrotnych.

Wniosek

Te metody powinny skłonić cię do rozpoczęcia piorunującej ścieżki ku oświeceniu projektowania stron internetowych. Najlepsze triki w handlu były przekazywane przez lata przez społeczność internetową. Podobnie jak liczba projektantów stron internetowych wzrosła, stworzono więcej otwartych standardów.

Rozważ niektóre z przedstawionych powyżej pomysłów i poświęć trochę czasu na przeglądanie interesujących artykułów lub samouczków. Nawet zapoznanie się ze świeżym materiałem może pobudzić twój mózg i sprawić, że zaczniesz myśleć o wyższym poziomie myślenia projektowego. Jeśli masz podobne pomysły, podziel się nimi w sekcji komentarzy poniżej.