Programatorii, designerii si specialistii SEO experimentati au gasit mai multe metode de a-si usura munca pentru a lucra mai rapid, mai bine si intr-un mod mai placut astfel incat proiectul la care lucreaza sa fie mai eficient si sa aduca mai multe castiguri financiare.
Urmatoarele trucuri si unelte sunt folosite in mai multe domenii de la design web, la programare, la cercetare, marketing sau SEO, insa cu siguranta pot imbunatati calitatea muncii cand vine vorba de crearea unui site.
Editoarele de imagine online
In unele cazuri, este mult mai bine sa folosesti un editor de imagine online, in locul unuia instalat, chiar daca nivelul de editare nu este la fel de puternic. La proiectele simple se poate folosi LunaPic, Pixlr sau Adobe Spark, ultima fiind foarte folosita mai ales pentru imagine dedicate posturilor din Facebook si alte canale sociale media. Cele mai importante beneficii ale acestor editoare sunt ca vei castiga timp, nu mai ai nevoie sa astepti sa se incarce programul pe calculatorul tau, castigi bani, sunt total gratuite si pot fi folosite si de persoane mai putin tehnice, dar care sunt creative. Printre operatiunile pe care ele le pot realiza amintim: crop, scriea de text peste imagine, redimensionare, transparenta fundalului, diverse efecte si asa mai departe. Unele operatiuni poti sa le consideri similare cu cele din Adobe Photoshop.
Galeriile de scripturi
Daca esti in pana de idei si nu stii cum sa faci un buton care sa indemne la actiune (CTA) sau sa atraga vizitatorii sa comande, sa trimita mesaj sau sa cumpere un produs, atunci te poti inspira din galeriile de scripturi de pe internet. Acolo, gasesti scripturi si pentru meniuri, galerii pentru imagini, diverse functionalitati si asa mai departe. Printre cele mai populare se numara:
- Hot Scripts – care ofera scripturi pentru Ajax, C, C++, XML, HTML5, PHP, Java, ASP, Python, Ruby on Rails, Flash, JavaScript si alte limbaje, majoritatea scripturilor sunt gratuite, dar poti angaja un programator daca vrei ceva personalizat. De asemenea, gasesti pluginuri pentru diverse platforme de administrare a continutului cum ar fi WordPress, phpBB, Magento, Joomla, OsCommerce si altele.
- Codepen – este unul dintrele cele mai mari galerii de scripturi CSS. Ca si exemple, aici gasesti CSS Calculator, efecte de animatie pentru imagini, butoane, slide-uri si multe altele. Poti sa vezi in direct rezultatul scriptului, dar si scriptul in sine pe care il poti modifica. Poti salva un script in libraria ta proprie daca ai cont. Totul este gratuit. Limbajele folosite pentru scripturi sunt HTML, CSS si Js si multe au un preprocesor HTML si CSS.
- Designshack – are exemple de liste si meniuri frumos lucrate in HTML si CSS cu diferite functionalitati si design-uri. Unele contin si cod JS.
Verificarea site-ului
Ar trebui sa verifici site-ul daca este ok pe mai multe sisteme de operare, cu diferite marimi a monitorului sau a display-ului, in functie de JavaScript, Flash si alte elemente. In acest caz, recomand Browser Shots care te lasa sa faci screenshot-uri pe dispozitivele cu proprietarile enumerate anterior. Ai nevoie de un cont si putin timp pentru a procesa aceste imagini pe care ulterior le verifici.
O alta verificare pe care ar trebui sa o faci este cea a CSS-ului folosit mai ales daca ai umplut site-ul de scripturi, ceea ce nu este prea indicat. Atat pe partea de HTML cat si pe CSS exista un validator la W3C Validation Services care verifica si fisierele XHTML. Ori pui link-ul unui site ori incarci fisierul care contine codul sau chiar poti pune direct codul cu functia de copiere si lipire. Dupa procesarea raportului vei primi informatii legate de erori, atentionari si chiar sfaturi si solutii.
Ca si o verificare aditionala, ar trebui, in legatura listelor folosite pe site, sa ai grija la eroarea in care un text ocupa mai mult spatiu decat un rand. Se pare ca problema se afla in codul CSS folosit in multe scripturi. Linia problema este
white-space: nowrap;
Asigurate ca spatiile sunt sterse si nu ar trebui sa fie alte probleme.