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…
-
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…
-
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…
-
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
-
Imparare i CSS rapidamente
Tre pagine web per imparare ad utilizzare i selettori, il grid ed il flex system
-
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…
-
I certificati iniziano a farsi sentire (farewell old SSL, welcome TLS1.2)
“HttpRequestException” insieme ad un “User or password error” … mi ha risposto l’autenticazione del client GitHub per SourceTree (da Windows). E la cosa era imbarazzante perchè avevo appena cambiato password. Però poi mi è venuto in mente che negli ultimi mesi il protocollo SSL di vecchia generazione verrà mandato finalmente in pensione e tutti i servizi web lo dismetteranno. Quindi per SourceTree in Windows al fine di non avere quel messaggio inutile di cui sopra occorre: aggiornare il credential manager di Git per Windows utilizzare il Git di sistema così aggiornato, in quando quello fornito da SourceTree ancora non funziona (anche se aggiornato) Notare che su Chrome invece i siti…
-
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…