Programmer@work

633k:

I’ve moved one of our projects over to edge rails after hearing about the new support for multiple routes files. I’ve been wanting this for a long time. It’s pretty easy to setup too:

First, make your custom routes file in config/

config/routes_custom.rb

Next, add an initializer to load that routes file on boot:

config/initializers/load_custom_routes.rb

If you clone from a master repo for custom projects, this is ideal as it won’t muck up the core routes file annoying you with conflicts and such.

Redirect WWW to Not-WWW - Utile a volte
Apache mod security - come abbattere lo spam dei commenti in modo veloce (apache)
Rails xss attack protection - plugin utile (rails > 2.3)

Per chi non vuole perdere tempo tempo

Compressione Gzip

Semplice da spiegare, apache si preoccupa di comprimere tutto, tranne le immagini gia` compresse (png, jpg, etc etc). Questo puo` portare al miglioramentod del caricamento della pagina anche del 70%

Si avete capito bene anche l’html viene compresso. Volete un esempio?

One Two Three Four Five

Non compresso: 79 bytes Compresso: 66 bytes

Minimizzare le richieste http

Prendiamo in considerazione un sito standard. 3 css, 4 javascript, 22 immagini(layout).

Bene e` possibile diminurie da 29 richieste a 3 in questo caso.

1css, 1 javascript, 1 immagine.

un solo css e javascript?

Attualmente la scelta migliore e` jammit, lo trovate su github.

Questo plugin comprime tramite closure (by google) oppure yui-compressor (by yahoo) i vostri fogli stile creandone uno solo La stessa cosa vale per i javascript.

una sola immagine?

E` una tecnica adottata dai migliori web designer. Prevede creare un'unica immagine per poi estrapolare dai css solo i ritagli interessati tramite le proprieta` CSS background-image e background-position

Ecco un esempio:

caricare CSS all'inizio della pagina

todo

caricare js in fondo alla pagina

todo

Usare le espressioni CSS

todo

Permettere i redirect

Usare il get per le richieste ajax

Ottimizzazione delle immagini

Altre risorse in inglese

Esempio di checkboxes

<fieldset>    
    <div><input type="checkbox" id="checkall"> Check all</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
</fieldset>
<fieldset>    
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
</fieldset>

E questo e` il codice jQuery:

$(function () { 
    $('#checkall').click(function () {
        $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
    });
});

Tutto in una riga!