10 modi per realizzare ottimi menù con framework JavaScript
- 26 maggio 2009
- Freebie, Web Design
- Questo articolo è stato scritto per il PV.M Garage da piervix
- Commenti (6)»
Strutturare un menù non è sempre cosa facile ed immediata. A volte si ha a che fare con applicazioni web che richiedono un livello di nidificazione complesso, altre invece hanno bisogno di qualche “effetto” che le renda facilmente navigabile, insomma costruire un buon menù può diventare un lavoraccio!
In questo post presento alcuni script e tutorial che potrebbero aiutare chi è alla ricerca di soluzioni efficaci per la costruzione di un navigation box facilmente accessibile, immediato e, perché no, con qualche simpatica animazione.
C’è da precisare che tutti gli script presentati sono ricavati lavorando con le due più famose librerie JavaScript: jQuery e MooTools. Per cui è necessario scaricare i framework e attivarli.
Attivare i framework jQuery e Mootools
E’ bene sapere come attivare i framework utilizzati, in realtà la cosa si riduce a scaricare le versioni ufficiali delle librerie rilasciate con licenza Open Source, caricarle sul server e attivarle richiamandole tra i tag head delle nostre web-page.
Risorse per utilizzare jQuery
Dopo aver scaricato la versione che preferite non resta che caricare il file .js sul vostro server e inserire il codice riportato in basso per attivare il framework.
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js "></script>
<script type="text/javascript">
qui inserisci i tuoi script
</script>
</head>
Risorse per utilizzare MooTools
Come nel caso precedente non resta che fare l’upload del file .js sul vostro server e inserire il codice riportato in basso per attivare MooTools.
<head>
<script type="text/javascript" src="mootools-1.2.2-core-jm.js"></script>
<script type="text/javascript">
qui puoi inserire tuoi script
</script>
</head>
Plugin, script e tutorial per realizzare ottimi menù
Ho selezionato, tra le tante che girano, 10 utili risorse trovate in rete. Sono tutte facilmente utilizzabili, il mio consiglio è di seguire attentamente i tutorial e leggere le rispettive documentazioni per farne buon uso.
BySlideMenu – Nice and powerful accordion menu
Sliding Top Menu With jQuery
Slide out and drawer effect with accordion plugin
Demo | Download Accordion Plugin | Tutorial
Sliding Jquery Menu
Cut & Paste Animated Outline Menu
Demo | Download Script .js | Tutorial
Kwicks for jQuery
jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready
Demo1 | Demo2 | Download Plugin | Home Page
E-Commerce Web Design: Problematiche, Esempi e Pratiche Migliori
Gennaio 2010, Utili Segnalibri per Collezionare il Meglio del Web
35+ Nuovi Siti Web Con Un Efficace Uso Delle Texture
Raccolta Di Handwritten Font Per I Tuoi Prossimi Progetti Di Grafica
Una Collezione di 45 Font Industriali
55 Font Gratuiti per Lavori di Grafica Unici e Originali
Creare Un Layout Con Elementi 3D Utilizzando Solo CSS3
Una Toolbar Semplice e Accattivante per il tuo Sito Web con CSS3 e jQuery
MakingSEO coded, Template CSS Gratuito con Consigli sulla Conversione PSD-to-HTML
Sono tutti degli ottimi scripts che ho avuto modo di provare ed utilizzare (quasi tutti) in passato.
Devo dire che Mootools e JQuery sono i miei framework preferiti, sono potenti e si trovano davvero tante risorse sul web. Un altro framework che tengo d’occhio è Prototype.
Come al solito ottimo post Piervix.Ciao!
@marbio: si, Protitype è assolutamente da tenere d’occhio, anche se lo sviluppo di jQuery è MooTools al momento mi sembra più organico e completo, amche se le potenzialità di Prototype sembrano abbastanza ampie.
My 2 cents su jQuery. Bella lista, c’era qualcosa che non conoscevo :D
Complimenti gran bella lista ..penso proprio che ne userò un paio in alcuni progetti futuri ;)
Ciao!
se solo sapessi decifrare tutti quei codici avrei un sito spettacolare!
ma ci riuscirò, si che ci riuscirò!!!!