Content
- 01. Pot ser que no necessiteu JavaScript
- 02. Correu electrònic HTML
- 03. Filats
- 04. Color obert
- 05. Club FramerJS
- 06. Hugo
- 07. Fukol
- 08. Descarregador de llocs web
- 09. Patrons d’herois
- 10. Tipus de lletra Google Noto
Actualment, molts de nosaltres treballem en llocs que impliquen un complex embolic de dependències; si ets tu, aquest mes hi ha algunes eines que et poden ajudar, ja sigui en forma de gestor de dependències per mantenir-ho tot organitzat o de recursos que t’ajudin a evitar-los del tot.
També hi ha un petit sistema de quadrícula basat en Flexbox amb només 93 bytes, un descarregador de llocs web, patrons SVG i una nova família de tipus de lletra de Google.
01. Pot ser que no necessiteu JavaScript
Per què us creeu una dependència addicional quan no la necessiteu? Aquest lloc us mostra com podeu crear coses que podríeu tenir la temptació de crear amb JavaScript mitjançant HTML, CSS o Sass. Els exemples inclouen un control lliscant d’imatges, un commutador de visualitzacions, un selector de colors, formularis, càrrega de fitxers i molt més.
02. Correu electrònic HTML
Si alguna vegada heu intentat crear correus electrònics HTML, sabreu el difícil que és que tot es mostri correctament a cada client. Porteu el mòbil a la imatge, que és on s’obriran la meitat dels vostres correus electrònics aquests dies, i és una feina horrible. Aquestes plantilles de correu electrònic s'han provat en tots els principals clients de correu electrònic per estalviar-vos la molèstia de fer-ho vosaltres mateixos. Si voleu provar una alternativa gratuïta, proveu les plantilles de la comunitat Tornasol.
03. Filats
Yarn és un gestor de dependències ràpid, fiable i segur. Emmagatzema a la memòria cau els paquets de manera que només es descarreguen una vegada; verifica cadascun d'ells abans d'executar cap codi; i instal·la dependències d'una manera determinista, de manera que si en una instal·lació funciona en un sistema, funcionarà en un altre.
04. Color obert
Color obert és un esquema de colors provat per a dos tipus de daltonisme i que es considera adequat per utilitzar-se a les interfícies d’usuari. Hi ha dotze colors i un de gris, i es proporciona com a CSS, SCSS, LESS, Stylus, biblioteca d’Adobe, mostres de Photoshop / Illustrator i paleta Sketch.
05. Club FramerJS
Feu una ullada al que han estat fent tothom amb FramerJS al FramerJS Club, un aparador de prototips. Molts d’ells enllacen amb publicacions de blocs dels creadors explicant què van fer i per què.
06. Hugo
Hugo és un motor de llocs web estàtic modern i ràpid. Però, per què utilitzaríeu això en lloc de Jekyll? Un dels avantatges és que només hi ha un binari únic, de manera que no haureu de mantenir una pila completa de Ruby. També es diu que és molt més ràpid que Jekyll en generar el vostre lloc, de manera que només pot ser un motiu per canviar. Aquí teniu una publicació al bloc sobre l’experiència d’un usuari.
07. Fukol
Aquest impressionant sistema de quadrícula basat en Flexbox només es redueix a 93 bytes. Es degrada a un disseny de columna única als llocs on Flexbox no és compatible i, en lloc d’utilitzar punts d’interrupció, utilitza una tècnica de consulta d’elements perquè els elements creixin per omplir l’espai disponible. Podeu jugar-hi a CodePen aquí.
08. Descarregador de llocs web
Aquest eliminador de llocs basat en navegadors agafa tots els recursos i tot el codi font del lloc de destinació i recrea l'estructura de carpetes del disc dur. Tots els enllaços es converteixen de manera que apunten als fitxers locals rellevants en lloc de les versions en línia.
09. Patrons d’herois
A mesura que augmenta la popularitat de SVG, comencem a veure emergir uns quants recursos més. Aquests patrons de fons SVG personalitzables i repetibles ens semblen útils i són completament gratuïts.
10. Tipus de lletra Google Noto
Quan un dispositiu no té el tipus de lletra per mostrar determinats caràcters, apareixen com a quadres esquinçats coneguts com a tofu. Noto significa "no més tofu" i és una família de tipus de lletra dissenyada per donar suport a tots els idiomes i, amb sort, acabar amb el tofu.