Content
- Planificació
- Disseny gràfic
- Redacció
- Codificació
- Proves i depuració
- Comunicacions
- Comptabilitat i manteniment del temps
Aquest article va aparèixer per primera vegada al número 228 de la revista .net, la revista més venuda del món per a dissenyadors i desenvolupadors de webs.
El freelance en disseny i desenvolupament de pàgines web sol ser un equilibri. Heu de dividir acuradament el vostre temps entre fer feina, obtenir més feina i assegurar-vos que pagueu per aquest treball. Per a cadascuna d’aquestes tasques, existeix una àmplia gamma d’eines, però és difícil saber si feu servir les millors disponibles.
Vam demanar a diversos dissenyadors líders que ens proporcionessin els seus favorits, de manera que pugueu assegurar-vos que el vostre conjunt d’eines de supervivència sigui l’equivalent a un jetpack armat amb làser de gran potència en lloc d’un àbac digital.
En termes d’enfocament, són clares dues metodologies diferents. Algunes persones, com el dissenyador web autònom John Alex Jacob, estan a favor d’un conjunt d’eines reduït: “La manera de fer negocis ha canviat molt aquest darrer any”, explica .net. "He intentat que les coses siguin el més senzilles possibles per als meus clients i per a mi, millorar l'eficiència i evitar distraccions innecessàries mentre treballava". Per tant, defensa que es minimitzi el que hi ha instal·lat al vostre equip.
D’altres, però, aconsellen explorar la diversitat d’aplicacions independents d’una sola tasca i serveis en línia disponibles ara, per tal d’augmentar la productivitat. Independentment del vostre propi enfocament, esperem que trobeu inspiració i noves eines engrescadores en les seleccions proporcionades pels que hem parlat.
Planificació
Abans d’encendre l’ordinador i començar a llançar aplicacions amb entusiasme, recordeu que tot no gira al voltant d’un PC. "Faig molts esbossos amb paper i llapis i emmarcat en pissarres blanques", afirma Luca Candela, primer ministre d'eines de Sencha, el "geek d'eines" confessat. El dissenyador web Tony Pollard està d'acord: "Aconsegueix una pissarra i un grapat de retoladors. Crec que massa persones han oblidat que no sempre necessitem una solució tècnica. Realment necessitem planificar, traçar i armar amb programari? De vegades, això pot ser adequat per a un projecte, però si planifiqueu les coses correctament, anoteu notes i definiu clarament la direcció d’un projecte, es pot fer molta feina de manera eficaç mitjançant tècniques “antigues”. "
Si us confoneu per què un bloc de notes de paper no té un commutador encès, és possible que Google Docs i Balsamiq us convinguin millor. "Durant les sessions d'estratègia de projectes i de pluja d'idees, sovint començaré un document o full de càlcul compartit de Google per capturar informació en temps real i ajudar a centrar la conversa", diu Mark Forscher, director de Under After. I el director creatiu de Styles Webbin, Bryan Werbinski, considera que Balsamiq és ideal per prototipar ràpidament: “La interfície us permet arrossegar i deixar anar elements per crear una pàgina web simulada i la velocitat en què puc treballar és increïble. És l’enllaç que falta entre el bloc de dibuixos i l’ordinador ".
Disseny gràfic
Pel que fa al disseny gràfic, domina Creative Suite d’Adobe. El dissenyador i desenvolupador Thomas Davis (designedbythomas.co.uk) és un fan d’Illustrator: “El meu estil tendeix a dissenys minimalistes, que utilitzen formes senzilles, línies i una bona tipografia com a focus, tot això és molt fàcil a Illustrator”. Candela recomana Fireworks - "El flux de treball és molt superior al Photoshop pel tipus de coses que necessiteu per al disseny de la interfície d'usuari" - i també suggereix LittleSnapper per agafar i gestionar pantalles i pàgines web al Mac.
Inevitablement, potser, Photoshop continua sent la principal eina que utilitzen els autònoms per al disseny gràfic en projectes web. "Segueixo pensant en aprofundir en les meves habilitats per a Illustrator, però no he tingut temps i no estic segur de què hi ha de dir sobre Photoshop ... de debò, quines altres opcions hi ha?" pregunta el dissenyador Seb Green.
Pollard assenyala que Photoshop també és bastant car i fa bromes: "Però la meva dona no em va creure quan li vaig dir que GIMP era un paquet de programari gràfic gratuït". I el dissenyador web Anthony Killeen diu que mentre Photoshop continua sent la seva opció per als elements de disseny, ara treballa cada vegada més directament al navegador: “Tendeixo a crear un estat d’ànim o una direcció a Photoshop. Tot i que no és un disseny complet, n’hi ha prou. La planificació, la UX i l’enquadrament es fan amb paper i llapis, de manera que faig molt de disseny abans d’arribar fins al meu ordinador ”.
Redacció
Per alguna raó, l’escriptura és una d’aquestes tasques en què molts autònoms semblen inconscients de les eines especialitzades que permeten estalviar temps, tot i que també ens va sorprendre veure que el Microsoft Office era un gegantíssim monstre com l’elecció de cap de les que hem parlat. Presumiblement, el cost és el principal factor d'això, juntament amb que els dissenyadors web independents poques vegades necessiten la potència atorgada pels productes de Microsoft, per tant, Google Docs és una alternativa adequada, junt amb la punta estranya del barret en direcció a les pàgines d'Apple.
El dissenyador i desenvolupador Paul Mist recomana iA Writer, un editor de text preciós i simplificat per a Mac i iOS: “No sóc el millor escriptor del món, però iA Writer em permet centrar la poca habilitat que tinc eliminant opcions alienes i eines i permetent-me continuar amb la feina que tinc a la mà. Guerra i pau 2.0, aquí vinc! ” Per als usuaris de Windows, OmmWriter és generalment similar.
Per a projectes més avançats que impliquin desar notes, crear còpies a partir de fonts diferents i conservar revisions i una llista de canvis, Scrivener és una bona opció. Aquest versàtil editor solia ser Mac, però ara hi ha disponible una versió per a Windows. Independentment de la vostra opció d’edició de text, el desenvolupador autònom Martin Wood suggereix invertir en una eina d’expansió de fragments com TextExpander per a Mac o PhraseExpress per a Windows: "Útil per estalviar temps escrivint respostes freelance freqüents, com ara" la tarifa no és negociable ".
Codificació
Quan es tracta d’entorns de codificació, el nostre consell és descarregar demostracions d’una gran quantitat d’aplicacions, provar-les totes i decidir quina s’adapta millor al vostre estil. Alguns estan orientats a les eines de línia d’ordres i les dreceres de teclat orientades a la tècnica, mentre que d’altres són més adequades per als dissenyadors que vulguin dedicar-se a una mica d’HTML i CSS mentre deixen altres codificacions als desenvolupadors.
Al Mac, Espresso i Coda són populars entre els que hem parlat. "M'agrada un simple editor de text, però no quelcom que sigui totalment nu, per tant, espresso", raona Green, que també és entusiasta del seu ressaltat de sintaxi i de les eines CSS. Aquesta darrera cosa incorpora funcionalitats de la CSSEdit interrompuda que us permet explorar el CSS d’una pàgina i utilitzar un fitxer local per substituir un lloc actiu. Mist és més que un fan de Coda: “És amable, fàcil d’utilitzar i potent. M'agrada l'eina de fragments integrats; accelera el meu flux de treball massivament; i l’extensibilitat de tenir connectors i ‘modes’ per ressaltar la sintaxi significa que el vostre conjunt d’eines pot créixer junt amb les vostres capacitats. " Mist també recomana la transmissió del client FTP, a causa de les seves "increïbles funcions de sincronització i la forma en què pot muntar servidors remots com a discs locals", i fragments, una "gran manera de conservar, mantenir i reutilitzar el vostre valuós codi, que podeu sincronitzar a través de Dropbox ”.
Pel que fa a Windows, Pollard funciona amb Notepad ++: "L'utilitzo per a la major quantitat de codificació que puc, i és fantàstic per als autònoms perquè és gratuït". Matt Squirrell, CTO de Tpoll, prefereix una solució de pagament: “I code backend and frontend web tools and phpDesigner 7 is one of the few IDE for PHP and JavaScript that tick all my boxes - debugger, SVN support, code tips for user-defined functions, jump -declaració. També és assequible, tot i que la recent actualització de phpDesigner 8 té problemes, així que eviteu-ho per ara. " En un espai similar, Davis avala el Komodo gratuït: "Té una integració de biblioteca bastant decent amb Drupal i la interfície facilita el canvi entre diferents projectes".
Proves i depuració
Segons Green, "Mai no heu de treballar en un lloc en directe, perquè si alguna cosa no funciona, heu desordenat un lloc en viu". Això és bastant lògic, però relativament pocs autònoms orientats al disseny semblen versats en la configuració de servidors. "I tenir una dependència d'una connexió a Internet mai no és bo", afegeix Green. "És per això que faig servir i recomano la configuració d'un servidor de proves local en una màquina local: la solució MAMP amb un sol clic". MAMP està dissenyat per a Macs que executen Snow Leopard o Lion, però també hi ha disponible un equivalent de Windows, WampServer.
Quan es tracta de proves de llocs web, els autònoms no tenen cap gestor que els faci proves en diversos navegadors, però això és el que heu de fer. "Instal·leu tots els navegadors disponibles", diu el consultor digital independent Michael Oglesby, que afegeix que els usuaris de Mac també haurien d'invertir en Parallels Desktop per a Mac o VMware Fusion per provar-los en navegadors Windows. I, tal com assenyala Squirrell, els navegadors moderns proporcionen alguna cosa més que un entorn de prova: "Firebug ... Consola de Chrome ... Eines de desenvolupament d'eines ... Les consoles de desenvolupament de navegadors solen passar per alt quan es parla d'eines per al treball de desenvolupadors i probablement siguin les més útils. Passar unes hores aprenent a utilitzar la consola de Chrome us estalviarà molt de temps i les pestanyes de xarxa són inestimables per treballar amb Ajax. Sincerament, no recordo com vaig codificar res sense això ".
Però ni tan sols instal·lar tots els navegadors d’escriptori disponibles actualment. Les versions anteriors d’IE es comporten de manera molt diferent a les actuals, d’aquí el nombre de professionals independents que recomanen IETester i BrowserStack. Respecte a aquest últim, Green entusiasma: "És genial! Inicieu la sessió a una màquina virtual configurada per a determinades configuracions del sistema operatiu i del navegador i proveu-ne un lloc. També pot utilitzar un túnel per accedir a llocs que s’emmagatzemen a la vostra màquina local, cosa que és útil per provar projectes encara en desenvolupament ”.
El mòbil és cada vegada més important. El desenvolupador de Frontend, Paul Smith, us suggereix agafar còpies de Xcode i de l’SDK d’Android, per a simulacions d’iPhone i Android, respectivament. I si teniu diversos dispositius, consulteu Adobe Shadow per editar contingut en un Mac o PC i veure com s’actualitzen en directe als dispositius connectats.
Comunicacions
L’aïllament és una preocupació per als autònoms i també és fàcil agafar enormes factures telefòniques xerrant amb clients que una empresa cobriria si fos un empleat. Per a aquest últim número, comenceu a utilitzar Skype; per als primers, intenteu trobar xarxes socials que aportin valor al vostre dia, en lloc de menjar-vos el temps. Twitter sembla la xarxa escollida per a molts. "És fantàstic per interactuar amb amics, dissenyadors i clients, i una broma una mica amigable durant el dia em manté sa", afirma Killeen. "I Skype em cobreix xats de clients i sessions de pluja d'idees ocasionals amb altres dissenyadors i desenvolupadors".
Smith també suggereix que aquells que descarten Twitter com només un lloc per xatejar poden estar perdent oportunitats: "Des que vaig passar per compte propi, la major part del meu treball ha estat de Twitter o es pot remuntar-hi. Seguiu persones de la mateixa disciplina que vosaltres i, prou aviat, segur que veureu crides d’ajuda quan algú s’ocupa o l’agència per a la qual treballen necessita un parell de mans addicionals. En aquest moment, és només un cas de ser prou bo i disponible! "
Tanmateix, tot i la popularitat de Twitter, això no hauria d’aturar-vos per llançar la xarxa a altres serveis socials i de comunicacions que podrien ser més adequats per a tasques concretes. El dissenyador d’interfícies web Matthew Morek és un gran fan tant de Dribbble com de Zerply: “No hi ha millor lloc per inspirar-se i veure alguns dels millors treballs que a Dribbble. És una comunitat increïble que també us pot ajudar a aconseguir contractes interessants. I si algú vol el meu currículum o una rsum, els dirigeixo a Zerply. Podeu configurar un perfil decent en qüestió de minuts i us permetrà apreciar les vostres habilitats i coneixements ".
Comptabilitat i manteniment del temps
La nostra última categoria d’eines és una que molts dissenyadors i desenvolupadors volen ignorar, però, no obstant això, és fonamental per a l’èxit: a grans trets, “coses empresarials”. Per a tasques de facturació i orientades a comptes, algunes persones encara utilitzen aplicacions natives; A Jacob, per exemple, li agrada l'aplicació Mac Billings, que "té tot el que necessito en un sol paquet: seguiment de temps, un sistema de facturació senzill i una secció d'informes detallada on podeu veure des d'un resum de comptes fins a factures vençudes i detalls fiscals".
A més, com assenyala, és un pagament únic i no una despesa recurrent. No obstant això, la majoria dels autònoms prefereixen utilitzar serveis en línia, com ara el gestor de projectes involucrat ProjectBubble, una senzilla eina de facturació Blinksale, un programari de facturació FreeAgent per a petites empreses, i una eina de facturació i seguiment de temps sempre popular Harvest.
Forscher és un gran fan de Harvest: “La interfície és senzilla. I com que treballo en múltiples projectes alhora, m’encanta poder rastrejar fàcilment el temps per client i servei ”. Smith, també, considera que és una bona opció: “És ordenat i ordenat. En els quatre anys que faig servir, s’ha millorat constantment. És potent, però fàcil de treballar, i el faig servir per registrar quilometratges i despeses, així com per enviar i controlar les factures ".
A més de Harvest, Forscher també fa ús d’un comptable tradicional, però d’altres fan el salt a serveis híbrids com Crunch. "Ho faig servir per a la meva comptabilitat, facturació, impostos i formació d'empreses, i ... bé, tens la idea: faig servir un sol servei", diu Mist. "És un servei de subscripció mensual que us proporciona un conjunt d'eines en línia complet per mantenir els vostres comptes empresarials, factures i despeses. Tot està coordinat per l’equip de comptables de Crunch, al qual teniu accés complet. Realment val la pena cada cèntim ”.
