Esbudellant estàndards

Personalització de NERD Commenter

2011-12-06

NERD Commenter és un plug-in per Vim que ofereix una sèrie de comandes per facilitar el comentar/descomentar codi.

Tot i que de sèrie reconeix desenes de sintàxis habituals (i.e. Ruby, Vim, Perl, etc) no cobreix tots els casos. Per exemple, no cobreix el cas de Turtle.

Per aprofitar NERD Commenter a l'editar Turtle cal usar g:NERDCustomDelimiters el qual contindrà un diccionari o hash amb els delimitadors personalitzats.

Afegir la declaració al .vimrc és suficient, per exemple seguit de la definició de la sintaxi:

" .vimrc
au BufNewFile, BufRead *.n3,*.ttl  setfiletype n3
let g:NERDCustomDelimiters = {
  \ 'n3': { 'left': '# ' }
\ }

Referències de caràcter en HTML5

2011-11-27

Hi ha tres tipus de referències de caràcter en HTML, Named character references (p.ex. '), Decimal numeric character references (p.ex. ') i Hexadecimal numeric character references (p.ex. '). Es pot expressar qualsevol de les possibilitats amb la següent expressió regular:

&( names | #x?[0-9a-zA-Z]+; )

On names és alguna de les possibilitats del llistat de noms reservats. Interessant destacar que en aquest llistat es permeten casos com &AMP o &amp sense punt i coma (;) final.

Les referències numèriques no permeten U+0000, U+000D, cap caràcter Unicode no definit ni cap caràcter de control excepte espais.

Una ampersand és ambigu i per tant prohibit si no coincideix amb cap dels anteriors casos i coincideix amb l'expressió regular:

&[0-9a-zA-Z]+;

Això deixa un seguit de casos com a ampersand legals tot i no ser referències de caràcter. Per exemple:

Alpha & Omega
Lorem ipsum dolor &<span>sit</span> amet.
(foo && bar)
http://example.org/?x=1&y=2

Limitacions d'estils en enllaços visitats

2011-11-07

Les versions de navegador més recents han capat les possibilitats d'estilat d'un enllaç visitat. Firefox 4, Safari 5 i Chrome 15. Opera 11.5 encara hi dóna suport total.

Limitacions

Els enllaços visitats, a:visited, es limiten a les propietats relacionades amb el color, és a dir:

color
background-color
border-color, border-top-color, border-right-color, border-bottom-color, border-left-color
outline-color

Qualsevol altre propietat aplica si està definida com a enllaç no visitat a:link.

A més a més no es pot usar rgba(), hsla(), ni transparència.

En matèria de selectors, apliquen sense tenir en compte la pseudo-classe :visited.

I perquè?

A principis del 2010 van trobar que explotant getComputedStyle() combinat amb la pseudo-classe :visited es podia obtenir tot l'historial de navegació i d'aquí, a força bruta, desanonimitzar la persona. Un atac a la privacitat.

De les idees proposades Firefox, Safari i Chrome han tirat per limitar les possibilitats de la pseudo-classe :visited alhora que falsejen les respostes de funcions tipus getComputedStyle() o querySelector().

Què fer?

La meva solució ara per ara és deixar d'usar el concepte d'enllaç visitat. Cada vegada em semblava més prescindible, això només accelera el procés.

Passenger, Apache i Ubuntu

2011-11-02

Tot i que la documentació de passenger és molt clara, el problema que m'he trobat és que la versió de RubyGems a Ubuntu no m'ha funcionat bé.

Actualització de RubyGems

Tot i no ser el recomanat, per tirar endavant he instal·lat RubyGems 1.8 directament de tarball o sigui:

$ wget http://production.cf.rubygems.org/rubygems/rubygems-1.8.10.tgz
$ tar xvfz rubygems-1.8.10.tgz
$ cd rubygems-1.8.10
$ mv /usr/bin/gem /usr/bin/gem-ubuntu
$ ruby setup.rb
$ ln -s /usr/bin/gem1.8 /usr/bin/gem

Nota: cal usar sudo en funció de l'entorn.

Instal·lació de Passenger en Apache

A partir d'aquí és instal·lar la gemma i executar l'instal·lador tal com explica la documentació de Passenger:

$ gem install passenger
$ passenger-install-apache2-module

La resta l'explica l'instal·lador pas a pas.

Comandes Vim usuals

2011-10-28

Cerca

/foo cerca foo de dalt a baix.
?foo cerca foo de baix a dalt.
/\<foo\> cerca foo (similar a \bfoo\b en Perl).
/^\n{3} cerca tres línies buides.
:bufdo /foo/ cerca foo a tots els buffers oberts.
n mou el cursor a la següent coincidència.

Reemplaçament

:[rang]s[ubstitute]/{patró}/{reemplaçament}/{cgiI}

Modificadors:

c confirma cada reemplaçament.
g reemplaça totes les coincidències.
i ignora la majúscules i minúscules.
I invers d'i.

Per cada línia a [rang] reemplaça la coincidència del {patró} pel {reemplaçament} el qual és una cadena que pot dur referències de grups capturats al {patró}. Els grups capturats es referencien mitjançant l'índex precedit per \; per exemple \1.

:%s/foo/bar/g reemplaça totes les coincidències de “foo” per “bar”.
:s/foo/bar/g reemplaça totes les coincidències de “foo” per “bar” de la línia sota el cursor.
:2,40s/foo/bar/g reemplaça totes les coincidències de “foo” per “bar” entre les línies 2 i 40.
:g/foo/d elimina totes les línies que contenen “foo”.
:v/foo/d elimina totes les línies que no contenen “foo”.
CTRL-a incrementa el valor numèric sota el cursor.
CTRL-x decrementa el valor numèric sota el cursor.

Per reemplaçar en múltiples es pot fer el següent:

Obrir-los tots: :args my/files/*/*
Aplicar la cerca i reemplaçament a tots els buffers oberts: :argdo %s/foo/bar/gec | update

Majúscules i minúscules

Vu passa la línia a minúscules.
VU passa la línia a majúscules.
vEu passa la paraula a minúscules.
vEU passa la paraula a majúscules.
g~~ inverteix majúscules i minúscules de la línia.
vE~ inverteix majúscules i minúscules de la paraula.

Colorejat de sintàxi

:syntax on activa el colorejat de sintàxi.
:set syntax=ruby força el colorejat del fitxer al tipus especificat.

Sagnat

>> sagna.
<< desagna.
CTRL-t sagna en mode insert.
CTRL-d desagna en mode insert.

Navegació de fitxers

:e . obre l'explorador de fitxers integrat.
:Sex obre l'explorador de fitxers integrat en una finestra apart.
:browse e obre l'explorador de fitxers gràfic (GUI).
:ls llista els buffer oberts.
:bd 1 elimina el buffer número 1.
:b 1 edita el buffer número 1.
:cd .. es posiciona al directori pare.
gf obre el nom de fitxer sota el cursor.

Accés a Unix

:!pwd executa la comanda pwd i retorna a Vim.
:r!pwd executa la comanda pwd i inserta el resultat a Vim.
:sh retorna temporalment a Unix (per tornar a Vim: exit).

Pestanyes

:tabe filename obre el fitxer en una nova pestanya.
:tabnew obre una nova pestanya.
:tabclose tanca la pestanya.
:tabfirst mostra la primera pestanya.
:tablast mostra la darrera pestanya.
gt mostra la pestanya següent.
gT mostra la pestanya anterior.
:tabdo {comanda} executa la comanda a totes les pestanyes.
:tab ball reubica els buffers en pestanyes.
:tabs llista totes les pestanyes obertes.

Finestres

H deixa el cursor al principi de la finestra.
M deixa el cursor al mig de la finestra.
L deixa el cursor al final de la finestra.
:split filename separa la finestra en dos i obre el fitxer (horitzontal).
:vsplit filename separa la finestra en dos i obre el fitxer (vertical).
CTRL-w <fletxa amunt> Deixa el cursor a la finestra superior.
CTRL-w CTRL-w Deixa el cursor a la finestra següent.
CTRL-w _ Maximitza la finestra.
CTRL-w = Iguala les finestres.
10 CTRL-w + Afegeix 10 línies a la finestra.

Scroll

CTRL-y fa scroll amunt.
CTRL-e fa scroll avall.
CTRL-u fa scroll amunt mitja finestra.
CTRL-d fa scroll avall mitja finestra.
CTRL-b fa scroll amunt d'una finestra.
CTRL-f fa scroll avall d'una finestra.
zt fa scroll posicionant el cursor al principi de la finestra.
zz fa scroll posicionant el cursor al mig de la finestra.
zb fa scroll posicionant el cursor al final de la finestra.

Completat

CTRL-n completat de paraula en mode insert.
CTRL-p completat de paraula en mode insert.
CTRL-x completat de línia en mode insert.
CTRL-l completat de línia en mode insert.

L'Apòstrof

2009-05-01

L'apòstrof (') està codificat per Unicode com a U+0027, per ISO-8859-1 com a Ox27, com a NCR ' (en XML i HTML també s'accepta ').

Aquest caràcter normalment té un glyph vertical que el diferencia del glyph de la cometa simple de tancament (codificada per Unicode com a U+2019 i com a entitat HTML ’ o ’).

Aquí precisament comença un dels primers problemes: En ISO-8859-1 només existeix una posició per ambdós caràcters; el 0x27, heredat de l'ASCII.

Per tant, per aconseguir cometes simples assimètriques s'usen els caràcters d'accent obert (U+0060, 0x60, `, &grave;) i tancat (U+00B4, 0xB4, ´, ´). Al fer-ho poden apareixer problemes amb tipografies de sistemes X Window que codifiquin l'accent obert com a 0x27 (igual que l'apòstrof).

Amb codificacions més complertes com UTF-8 on cada caràcter té una posició, l'apòstrof manté el glyph vertical que tenia en ASCII i ISO-8859-1 mentre que la cometa simple de tancament passa a tenir un estil “arrissat”.

Això fa que aparegui un nou problema: en tipografies classiques (impressió de textos, llibres, etc.) l'apòstrof sempre ha tingut un aspecte "arrissat", amb la qual cosa hi ha gent que prefereix usar una cometa simple de tancament en comptes d'un apòstrof perquè la troba més adequada (a nivell purament d'aspecte).

Com a darrer problema, en eines de Microsoft tals com MS Word a l'escriure un apòstrof el converteix en un altre caràcter corresponent a una extensió de ISO-8859-1 —que comprèn l'interval 0x82-0x95— que aconsegueix ser incompatible amb ISO-8859-1 i amb Unicode.

Això fa que quan es copia un text des de MS Word a un formulari HTML el contingut guardat sigui erroni ja que té inconsistències de codificació. Per subsanar aquest problema cal, o prohibir l'ús d'aquest processador de textos a qui hagi d'usar aquest formulari o validar el contingut que envia el camp de formulari detectant aquestes inconsistències i substituint-les pels caràcters correctes.