Entropie
-
Street Photography in Berlin
Per festeggiare il mio genetliaco (ben otto lustri) gli amici miei mi hanno regalato un workshop di lusso, con un maestro della fotografia locale: Martin U Waltz. Un weekend ricco di esperienze, dai ritmi molto serrati e che per tirare le somme ritengo mi sia servito molto, sia come linee guida generali ma anche per cambiare alcune prospettive che avevo sulla “fotografia di strada”. Sia ben chiaro, sarebbe bello seguire un corso e diventare subito bravi o migliorare il proprio stile, ma nella realtà dei fatti le uniche cose importanti sono limitare gli errori, focalizzare l’attenzione su un tema o soggetto, diventare sempre più veloci. Uno dei principi di Waltz…
-
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…
-
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…
-
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
-
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…
-
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…
-
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…
