Di recente sono stati pubblicati alcuni articoli sui nuovi pulsanti senza immagini di Google:
- http://stopdesign.com/archive/2009/02/04/recreating-the-button.html
- http://stopdesign.com/eg/buttons/3.0/code.html
- http://stopdesign.com/eg/buttons/3.1/code.html
- http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html
Mi piace molto come funzionano questi nuovi pulsanti in Gmail. Come posso utilizzare questi pulsanti o simili sul mio sito? Esistono progetti open source con un aspetto simile?
Se volessi eseguire il rollio del mio pacchetto di pulsanti come questo utilizzando JQuery / XHTML / CSS, quali elementi potrei usare? I miei pensieri iniziali sono:
Standard
<input type="button">
con css per migliorare l'aspetto (l'articolo di design ha parlato principalmente di css / imges coinvolto).Jquery javascript per far apparire una finestra di dialogo personalizzata basata sul pulsante dell'evento "onclick" che avrebbe
<a>
tag al loro interno e una barra di ricerca per il filtro? Un layout di tabella per quel popup sarebbe sano?
Sono pessimo nel reverse engineering delle cose sul web, quali sono alcuni degli strumenti che potrei usare per aiutare a decodificare questi pulsanti? Utilizzando la barra degli strumenti per sviluppatori Web di Firefox non riesco a vedere il css o javascript (anche se è minimizzato) che viene utilizzato nelle finestre di dialogo popup dei pulsanti. Quale strumento del browser o altro metodo potrei usare per sbirciarli e avere qualche idea?
Non sto cercando di rubare nessuno degli IP di Google, ho solo un'idea di come potrei creare funzionalità di pulsanti simili.
<button type="submit">
invece un , poiché può avere elementi figlio e avere lo stile che preferisci.