Concepts
-
Collection of thoughts about mobile app development
There are different aspects that anyone can encounter during the development of a mobile app. I tried to collect a list of criteria, useful to build a possible boilerplate for the implementation of a generic mobile application. Plus I added some criteria and suggestions that could help separating the different layers of the application. Design System A design system playground is mandatory in order to share and live test any components together with the product team or a single designer, otherwise testing the app in debug mode will be a cumbersome task (think about just to test the behaviour of a simple button that appears at the end of a…
-
Revisioni
Ristrutturando quello che dovrebbe essere un portfolio le prime idee che mi erano venute per realizzare una semplice galleria di immagini erano basate potrebbe essere una rivisitazione dello stile Pinterest / masonry: Alternativamente una colonna di immagini oppure una colonna kebab-style O ancora, una colonna in cui ogni immagine è ridimensionata in base alla larghezza massima (carousel verticale) Ogni approccio sulla carta, o meglio sul prototipo può funzionare, ma quando poi provi a materializzare una di queste idee, le cose cambiano. Come quando vuoi appendere al muro delle foto e vuoi decidere quali e in quale ordine. Nascono casuali correlazioni geometriche, minuscoli particolari che messi assieme creano un qualcosa di…
-
Come creare un portfolio gratis
I portali di fotografia sono utili, ti forniscono una media visibilità, in alcuni casi è possibile avere un confronto ed un parere da parte di altri fotografi ed in ogni caso sono utili a fare un po’ di networking. Ci sono però alcune considerazioni da fare: se gratuiti, questi portali hanno in genere un massimo numero di upload settimanale sono pieni di advertising caricata un file, quella è, se vuoi caricarne una nuova versione, avrai caricato una “nuova” immagine. Non esiste il concetto di replacement e di conseguenza ogni valutazione e/o commento è legato a quel determinato file il dominio è precostituito (i.e http://portale.pinomaruti.com) Ma quali sono le alternative per…
-
Json2jsx (IT)
Dopo innumerevoli linee di codice e tempo perso a ripetere gli stessi passi (crea cartella, crea file .jsx, crea file .css ) per una determinata componente, mi sono detto “perchè non ottimizzare queste operazioni da badilante con uno script?”. Da qui nasce json2jsx, un traduttore di dati in componenti (json viemodel -> react component). La mia assunzione è basata sul fatto che in generale un qualsiasi view model in json viene rimappato quasi interamente in una o più componenti nella UI. Siccome poi volevo utilizzare la stessa funzionalità in altri progetti oltre che dalla command line mi sono detto di nuovo (oramai parlo da solo): “Perchè non trasformarlo in modulo…
-
Json2jsx (EN)
After infinite lines of code and after losing time repeating the same stesp (create folder, create jsx file, create css file…) for every React component, I wondered “why not optmizing these miner’s tasks with a single script?. And so json2jsx was born, a translator of data into components (json viemodel -> react component) The assumption is based on the fact that generally every view model in json can be almost entirely remapped into a single or multiple UI components. After the first usage I wanted to use the same functionalities in other projects, apart from the command line mode. So I asked myself “Why don’t you bundle everything inside a…
-
Varie ed eventuali di Luglio 2018
Librerie e framework per JS Grafo delle compilazioni dei linguaggi : dal linguaggio A al linguaggio B FilePond Una libreria per effettuare upload di file Axios e RxJs le migliori librerie per gestire ajax e datastream (in React?) Map e Object in JS una introduzione a Redux e come utilizzarlo un tutorial per React CodeMirror un editor di codice per browser con alcune funzionalità interessanti (code completion, temi , etc etc) Repository pubblico per file json Sicumera Informatica Come aprire una Ford con un codice antico Manuale della sicurezza di un browser Cross Site Scripting e attacchi XSS e Bootstrap Grafica e immagini Triangolazione in JS Librerie (frontend e backend) per…
-
Wikipedia Backup (it,en)
A causa delle recenti proposte di Legge Europee, Wikipedia sta scioperando in questi giorni. Qualsiasi ricerca viene rediretta a questa pagina. Per fortuna le api funzionano normalmente… Wikipedia Backup
-
CSS Specifity Wars
Ovvero, quale regola di stile vince? Una semplice immagine svela l’arcano. Notare come .foo .foo #foo > .foo #foo > #foo L’articolo originale Aggiungo: un interessante articolo sulle performance dei selettori CSS: optimizing-css-id-selectors-and-other-myths altro articolo molto utile css-performance-revisited-selectors-bloat-expensive-styles un tool (online e relativo pacchetto da scaricare) uncss per fare pulizia e ottimizzare fogli di stile un altro tool che ho trovato mooooolto utile analyze-css e relativa demo testmycss
-
Salutame a’ sorrt
Quando avete una lista di numeri a occhio è facile ordinarli e sapere quale sia il piu’ grande oppure il piu’ piccolo nella sequenza. Lista 3 43 65 75 422 Tutto ciò è banale, 422 e 3 spiccano tra i 5 elementi. Ma se ogni singola occorrenza contenesse numeri piccoli e di lunghezza discreta? Lista 0.25984589485472 0.24582681284584 0.24852486248545 0.26475684556884 0.26486552785562 Quanto ci mettete ad ordinarli? Se fossero 100? Cosa potete utilizzare? Magari Excel ed attivare un ordinamento. Beh io sono piu’ pigro ed Excel non lo voglio utilizzare. Here comes a new idea: Sorrt (codice su Bitbucket , esempio su JsFiddle ) Il form permette: l’inserimento solo di numeri premendo Sort…
-
Resize Image on client side (Shrink Photo)
Scenario: your (web) application has to shrink an image before sending it to the server, in order to limit bandwidth and server storage Many suggestion and js library could be found, the best in my perspective is Image Load (it adds feature like Exif inspection, Jcrop support and scale, rotation). Everything was working like a charm, on the paper, on my mind… but then Edge was not sending the resized image Safari on iPad and iPhone was sending rotated images Firefox was not sending the image at all Every point of the above list was caused by something very annoying in the front-end development word. Sort of half-compliance to standard…
