Les millors eines gratuïtes per desenvolupadors web 2018

Les millors eines gratuïtes per desenvolupadors web 2018

 
 

 

 

Els de tota la vida

Web Code Tools: una dotzena de generadors de codi, tots en el mateix website
Instagram.css: reprodueix els filtres d’Instagram sobre qualsevol imatge del teu web utilitzant Vanilla CSS

Animació d’objectes i scrolling

AnimTrap: un marc escrit en CSS i JS per a animar objectes DOM
BasicScroll: una excel·lent eina per desenvolupar websites d’una sola pàgina, amb efectes Paralax

Grids (graelles)

Muuri: un sistema per construir layout responsive, també basat en elements grid, en CSS i en JS. Compte, perquè està en fase de desenvolupament

Bootstrap

Bootstrap Magic: un autèntic constructor de websites a partir de la popular llibreria Bootstrap. Molt bona pinta.
Bootstrap Build: Una mica el mateix que Bootstrap Magic, una potent eina per construir websites a partir de la llibreria Bootsra

Constructors de websites

Carrd: un potent constructor de websites uni-pàgina
Startup Framework Free: de l’empresa Designmodo, que de fet és la font d’aquest post. En una paraula, POTENT!!!
HTML5 UP: boníssima colecció de websites uni-pàgina, tots gratuïts sota llicència Creative Commons

Gràfics

SVGR: conversor de gràfics svg a components REACT
Tracy: conversor d’imatges monocromes a format svg
Snorpey images triangulation: doncs això, un sorprenent triangulador d’imatges

Utilitats

CSS Media Query: pràctic generador de media querys específics per a una enorme quantitat de dispositius, apart de MOLTES coses més
Hey Meta: generador de metadata boníssim!!
Upornah: pràctic website per comprovar si una web està offline o no
Aspect Ratio: és una senzilla calculadora de proporcions a partir de les dimensions de pantalla de qualsevol dispositiu (els més populars ja surten predeterminats). A partir d’aquí, genera un codi en format CSS o SCSS/LESS.
Purge CSS: una eina per eliminar el codi CSS que no s’ulititza, la qual cosa millora bastant la qualitat del nostre fluxe de treball
Prettier: un exigent formatador de codi. Si te’n surts, et queda un codi niquelat 😀
What Runs: extensió de Chrome per identificar les tecnologies que fan funcionar els websites