• Concepts,  Entropie,  Tech

    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…

  • Concepts,  Entropie,  Tech

    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…

    Commenti disabilitati su Json2jsx (EN)
  • Entropie,  Life,  Tech

    La puntualità tedesca

    Oggi a Berlino mi stupisco piacevolmente della precisione tedesca.  Per fare un esempio: Richiedo tessera per i mezzi pubblici online, invio i miei dati bancari. Dopo una settimana mi perviene per posta ordinaria una lettera di conferma, che mi annuncia la consegna della carta intorno al 20 del mese. il 24 ancora la carta non si vede, mi preoccupo. Il 25 mi arriva la carta a casa e ancora nessun addebito bancario. Il primo del mese successivo la carta e´attiva ed esattamente lo stesso giorno mi perviene l’addebito. Lo stesso giorno il tram che uso abitualmente per il tragitto casa-lavoro percorre una strada diversa, per due mesi seguiva una strada…

    Commenti disabilitati su La puntualità tedesca
  • Entropie,  Life

    E venne un nuovo autunno

    L’autunno è arrivato portandosi via una lunga ed eccezionale estate senza pioggia in quel del Brandeburgo. Basta vespe per un po’ … certo balzare da un 23 gradi ad un 6 alla mattina è al quanto aggressive. Scrivo dalla mia stanza in Prenzlauer Berg, nell’appartamento a fianco qualcuno studia il violino mentre nell’hinterhof oggi non ci sono bambini che giocano perché ha piovuto. Oggi è la prima festa nazionale che festeggio, il primo giorno di vacanza dopo il mio arrivo a metà luglio, giornata calma e silenziosa per riposare il corpo e la mente e per rigenerarsi. Google Photo mi rammenta che due anni fa ero ad Atene, a gironzolare…

    Commenti disabilitati su E venne un nuovo autunno
  • Concepts,  Entropie,  Tech

    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  

    Commenti disabilitati su CSS Specifity Wars
  • Entropie,  Tech

    Razor is fun…ny

    Microsoft Asp.Net Razor is a sort of “PHP” markup language for Microsoft Web Pages(Views, Partial Views etc etc).  For sure better than Asp Classic or Aspx BUT As the special language char is @ does not require explicit closing of the code-block you can find very tricky situation (escaping CSS with a double @@ is the easiest one) For example inside a loop, with a custom template when you need the correct relative url path given by the server (using the “~” operator) you have to write something like this: @(Html.DevExtreme().SelectBox() .DataSource(LanguageItems) .DisplayExpr(“Description”) .ItemTemplate(@<text> <div class=”custom-item iconNav”> <img class=”lang-image” src=’~/Content/icons/@(“”)<%= ImageSrc %>’) /> <div class=”lang-description”><%= Description %></div> </div></text>) ) Where in…

    Commenti disabilitati su Razor is fun…ny
  • Entropie,  Tech

    Here comes React (React-Sorrt)

    Orbene, spinto dall’onda avanguardistica ho provato ad effettuare il porting di Sorrt in React… ed è stato tutto quanto indolore. Anzi, i pro sono molti. Avevo il dubbio che una “build” di React potesse essere un po’ pesante, almeno in termini di spazio fisico occupato dai file ed invece il pacchetto finale occupa 600KB totali (occhio perchè a runtime React ottimizza il caricamento degli script a seconda delle necessità). L’ambiente di debug è abbastanza pratico, il “compilatore” segnala errori in tempo reale ed il banale non dover fare shift-refresh ad ogni modifica fa risparmiare TANTO tempo. Nel complesso al momento posso confermare che tutti questi truschini, ovvero web framework o…

    Commenti disabilitati su Here comes React (React-Sorrt)
  • Concepts,  Entropie,  Tech

    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…

  • Concepts,  Entropie,  Fotografia,  Tech

    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…

    Commenti disabilitati su Resize Image on client side (Shrink Photo)
  • Concepts,  Entropie,  Fotografia,  Tech

    Negative space e stampa fotografica

    Illusioni ottiche, loghi e composizione fotografica sono solo alcuni esempi di spazi negativi  comuni. In particolare in graphic design i creativi sono quelli che ne fanno più uso per realizzare brand unici. Amazon, FedEx, Carrefour per citare qualche esempio. L’idea di veicolare un messaggio dentro un altro mi ha sempre fatto pensare a concetti come il watermark, la firma d’acqua,  la steganografia, dove appunto messaggio è “nascosto”, o meglio non è percepibile immediatamente, dentro un altro usato come veicolo. I giapponesi hanno persino un kanji ad hoc per rappresentare questo concetto: ma Finito il preambolo necessario giungo a descrivere l’idea, o meglio la genialata che mi è venuta in mente mettendo…

Utilizzando il sito, accetti l'utilizzo dei cookie da parte nostra. maggiori informazioni

Questo sito utilizza i cookie per fornire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o cliccando su "Accetta" permetti il loro utilizzo.

Chiudi