Webs de referència durant tot el curs
HTML
- Manuals i cursos interactius:
- Editors on line per fer proves en temps real: htmledit senzill amb només html, CSSdesk html i CSS i JSFiddle o el Liveweave els dos molt més complert amb html, css i javascript, CodePen encara més sofisticat amb tota una capa social/colaborativa de codi compartit.
- Codis de colors a colorschemedesigner o colourco.de o aquest més senzill, i COLOURlovers un blog-xarxa social al voltant del color.
- Generadors de petites peces de codi css: mikeplate (caixes de text), layoutgala (distribució global), CSS3Generator (una mica de cada) ButtonMaker (butons)
- Caràcters especials: copypastecharacter o nice-entity.
- Dissenys sencers: oswd
- Continguts:
- Tipografies (fonts):
fontsquirrel,
google web fontst,
showfont,
urbanfonts, flippingtypical (visualitzador de tipografies)
- Sons:
soundsnap, findsounds.
- Imatges:
flickrCC i
ccSearch (fotos lliures), cgtextures(textures), Bgpatterns (fons de pantalla periòdics),
thenounproject, designkindle i openclipart (Icones),
- Per crear pàgines web senceres online:
- El sites del google, té les seves particularitats, però un cop el tingueu per la mà us resultarà molt pràctic, i sense publicitat. Per fer les primeres proves, gairebé millor si no feu servir les plantilles, comenceu amb pàgines en blanc.
- Wix, molt senzill, ràpid i vistós però els plans gratuïts amb força publicitat.
- Publishpage editor online molt límitat, però senzill.
- Programes per editar.
- La primera opció després del bloc de notas seria el notepad++ tot i encara ser un editor de test pla, supera en molt el bloc de notas. Per exemple, us serà molt pràctic el resaltat de codi (heu de triar amb quin llenguatge esteu editant; html clar)
- Ja més sofisticat brackets tot un entorn per crear pàgines web ja més complexes.
- El google web designer una proposta semblant a l'anterior de google.
Cap comentari:
Publica un comentari a l'entrada