Nov

01

Messaggi tramite javascript: “Humanized Messages”

XHTML, code, codice, js/ajax, programmazione

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Basta popup, basta alert javascript, basta brutti div posizionati in maniera assoluta: ora potete gestire i messaggi ai vostri utenti tramite “messaggi umanizzati” (in inglese lo script è “Humanized Messages”) e graficamente stilosi. Di che cosa sto parlando? Più facile che lo capiate da soli guardando questo esempio: http://binarybonsai.com/misc/humanmsg/ (anche il “message log” che compare in fondo alla pagina di demo è decisamente interessante).

Aug

01

YUI version 2.3.0

Good interface, Links, XHTML, js/ajax

Some really cool new features:

1. Rich Text Editor: here a demo with a custom “flickr” button.

2. ImageLoader Utility that let you play with dynamic loading of images: Loading Images Below the Fold and Images are loaded only after triggers are fired or time limits are reached

Mar

13

innerHTML on TABLE and TR (IE)

js/ajax

innerHTML:

The property is read/write for all objects except the following, for which it is read-only: COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

fuck ie

Feb

22

instant javascript calculator

Links, js/ajax

Feb

12

Autocomplete with Ajax (Inquisitor style)

Bad interface, Good interface, Graphics, Links, XHTML, js/ajax, mac

Incredibly “mac” stylish: Here the demo.

Jun

30

Ajax directory Manager

Good interface, Links, js/ajax

This is a very nice ajax php application to browse directories of your remote website or blog. Take a look at software description or get a tour inside the demo

features:

  • drag-n-drop files and folders
  • dynamic loading file structure
  • upload progress bar
  • thumbnail view, including pdf
  • multiple users & accounts

May

16

flickr and yahoo redesigned

Bad interface, Good interface, Graphics, Links, js/ajax

I didn’t like yahoo portal and this redesign is not getting things better. It’s only cool how Ajax has been used. On otherside the redesign of flickr menu and footer is a BAD step behind in iteration design and usability: two clicks are worse than one click, hidden second level menu is worse that all visible menu levels, the new interface is worse than the old one. Do you agree?

yahoo and flickr

Apr

05

More ajax loading icons

Good interface, Graphics, js/ajax

little Black little 01
little Red little 02
3d rotation Black 3d rotation

Apr

04

Ajax loading animated gif

Graphics, js/ajax

Many ajax Progress indicators, ajax activity indicators, ajax loading animated gif, ajax loading animated images.

mozilla blue Inspired by the Firefox 1.5 busy icon
mozilla yellow Inspired by the Firefox 1.5 busy icon (yellow version)
remember orange Inspired by RememberTheMilk (tuned to orange)
little red Tiny red (original creation)
black Black busy (original creation)
gray Gray busy (original creation)
rot green Green rotate (original creation)
rot Rotation (big - edited from google images)
rot Rotating arrows

UPDATE: This is the licence for my gifs.
Creative Commons License

Mar

27

Testing links with ajax

English, js/ajax

This is a quickly example to show how to test links with ajax requests.
Make sure to notice the “xmlhttp.open("HEAD", target, true);” to make the script fly!

Mar

21

Google finance

Good interface, Links, js/ajax

google finance is online. Google Finance offers a broad range of information about stocks, mutual funds, public and private companies. In addition, Google Finance offers interactive charts, news and fundamental data. Very nice flashy + javascript interface.

Feb

23

10 motivi per formattare con i tab

Good interface, Links, js/ajax

Spesso mi capita di vedere codice formattato tramite l’uso degli spazi anzichè con i tab (il tasto a sinistra della Q). Ecco 10 ragioni che dovrebbero convincervi della bontà dell’indentazione del codice con i tab.

  1. La larghezza del tab in moltissimi editor di testo può essere configurata a piacimento. Questo vuol dire che la profondità dell’indentazione può essere regolata a piacere (in ufficio uso il tab largo non più di 2-3 caratteri - a casa dove ho un monitor wide mi posso permettere un tab che occupa più pixel) (ultraedit, winscite, notepad ++)
  2. Selezionando un blocco di testo e premendo il tab si indenta tutto il blocco di testo (ultraedit, winscite, notepad ++).
  3. Il tab può essere convertito facilmente in spazi (senza controindicazioni). Gli spazi non sempre possono essere convertiti in tab.
  4. Usando i tab, non c’è bisogno di convenzioni di programmazione come avviene per gli spazi (in cui i programmatori di un progetto devono mettersi d’accordo sul numero di spazi per l’indentazione)
  5. 1 Tab = 1 Byte. 4 Spaces = 4 Bytes.
  6. La formattazione effettuata con gli spazi spesso obbliga a microcorrezioni di aggiunta o eliminazione di uno spazio. Questi problemi non esistono usando i tab
  7. Il tab è logicamente più corretto. E’ stato creato proprio per formattare, mentre lo spazio è stato creato per creare una singola spaziatura.
  8. Il tab è uno standard per l’indentazione anche nei maggiori wordprocessor (word, openoffice, works).
  9. Se rendete visibili i caratteri speciali in un editor di testo, l’utilizzo dei tab è molto più pulito e facilmente controllabile degli spazi (che appaiono come puntini e fanno andare in massa il cervello).
  10. Il tab è usato solo per indentare. Gli spazi anche per altro. Configurando il vostro editor a visualizzare solo i tab, potrete controllare la correttezza dell’indentazione senza “sporcare” il codice (cosa che se fate con gli spazi non succede. Avrete una massa di puntini in mezzo al codice che possono essere confusi con altro).

Prodotti correlati

:)
Older contents