In questi giorni ho pensato a dei post sul web design e grafica da fare.

Apro con questo post sugli input che riguarda i tag HTML input, textarea e select e correlati, “visivamente” caselle di testo, bottoni etc.

Non so che sistema operativo usiate o browser ma ognuno ha le sue dichiarazioni grafiche di default.

Purtroppo mi è capitato di vedere alcuni siti o CMS o temi grafici che hanno personalizzato l’input senza tenere conto delle loro dichiarazioni di default.

Su Windows (almeno fino alla versione XP, Vista penso di averlo usato sì e no un’ora in totale e Seven mai usato) questo non è un problema e neanche su Mac da quanto ne so (neanche questo l’ho usato molto, al massimo iOS di iPod Touch).

Invece lo stesso non può essere detto dei Browser dei S.O. che usano un server X11, tra i quali si può citare GNU Linux.

Il problema è che ci sono moltissime combinazioni per esempio Gecko/GTK (es Firefox) o Webkit/GTK o Webkit/QT e non esiste un tema di default su cui contare o su un tema di default a maggioranza altrimenti (cosa comunque sbagliata).

Per esempio io ho provato un tema GTK chiamato Nodka Dark che personalizza anche gli input, rendendoli marroni/neri con il colore del testo grigio. … [Leggi il resto]

Ho finalmente fatto una nuova grafica per il mio sito ed eccola pubblicata.

Non ci sono moltissimi cambiamenti a livello di layout (sembre un due colonne con percentuali etc) però con queste PNG trasparenti appare veramente carino.

Sia il codice XHTML 1.1 che CSS 2.1 risultano a posto sui validatori del w3c.

Su MSIE 8 funziona senza problemi!

Seamonkey 2.0.6 su Ubuntu ha un piccolo problema sui Widget: c’è un quadratino bianco alla fine dei widget che sinceramente non so a cosa sia dovuto.

Invece i browser che non supportano attualmente questa grafica sono (gli screenshot sono stati fatti grazie a browsershots.org):

• Galeon 2.0.4 / Ubuntu 8.04: che dire… Bisognerà rimediare in qualche modo.
• MSIE 7.0 / Windows XP: è sempre Internet Explorer… Proverò con il JS di correzione.
• Avant 11.7 / Windows XP: Avant Browser è basato su IE e si vede come gli errori siano gli stessi di IE 7. … [Leggi il resto]

Può essere necessario a volte dover fare uno screenshot senza dover dare l’ok al computer.

Sembra una cavolata ma in realtà tipo l’utility di gnome gnome-screenshot non te lo lascia fare.

Basta usare imagemagick così: import -window root mio_file.ext con al posto di ext per esempio png o jpg perché il programma vi riconosce da solo in base all’esntensione il formato.

Se si vuole aggiungere un ritardo, basta usare per esempio il comando sleep: sleep 5; import -window root immagine.png

Finalmente ce l’ho fatta con Debian.

Le finestre fullscreen non mi danno più problemi!

Bastava mettere l’EXA!

Dopo aver lavorato, ecco qui per tutti il mio xorg.conf:

# xorg.conf (X.Org X Window System server configuration file)
#
# This file was generated by dexconf, the Debian X Configuration tool, using
# values from the debconf database.
#
# Edit this file with caution, and see the xorg.conf manual page.
# (Type "man xorg.conf" at the shell prompt.)
#
# This file is automatically updated on xserver-xorg package upgrades *only*
# if it has not been modified since the last upgrade of the xserver-xorg
# package.
#
# If you have edited this file but would like it to be automatically updated
# again, run the following command:
#   sudo dpkg-reconfigure -phigh xserver-xorg

Section "InputDevice"
	Identifier	"Generic Keyboard"
	Driver		"kbd"
	Option		"XkbRules"	"xorg"
	Option		"XkbModel"	"pc105"
	Option		"XkbLayout"	"it"
EndSection

Section "InputDevice"
	Identifier	"Configured Mouse"
	Driver		"mouse"
EndSection

Section "Device"
	Identifier	"ATI Technologies Inc RV370 5B60 [Radeon X300 (PCIE)]"
	VendorName      "ATI"
	Driver		"radeon"
	Option "AccelMethod" "EXA"
	Option "XAANoOffscreenPixmaps" "true"
	Option "VideoOverlay" "on"
	Option "OpenGLOverlay" "off"
	Option "UseInternalAGPGART" "no"
EndSection

Section "Monitor"
	Identifier	"Configured Monitor"
EndSection

Section "Screen"
	Identifier	"Default Screen"
	Monitor		"Configured Monitor"
EndSection

Tranquilli, non mi sono dato al ballo.

Tango è un progetto su freedesktop.org.

Finora mi sono sempre limitato a pensare che fosse un set di icone, invece non è così.

È un bellissimo sito che illustra dei “principi” di grafica, come scegliere i colori etc.

Link: tango.freedesktop.org