• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
jQuery - 6 | WebMaster & WebDesigner
 

jQuery - 6 | WebMaster & WebDesigner

on

  • 624 views

Sesta lezione del modulo jQuery del corso per WebMaster & WebDesigner

Sesta lezione del modulo jQuery del corso per WebMaster & WebDesigner

Statistics

Views

Total Views
624
Views on SlideShare
488
Embed Views
136

Actions

Likes
0
Downloads
12
Comments
0

3 Embeds 136

http://blog.ilbonzo.org 127
http://magni.me 8
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    jQuery - 6 | WebMaster & WebDesigner jQuery - 6 | WebMaster & WebDesigner Presentation Transcript

    • JQuery [6] Matteo Magni
    • Jquery UI
    • Jquery UIjQuery UI è una libreria open source di plug-in basata sulla libreria JavaScript JQuery.Ogni componente è costruito secondolarchitettura di JQuery ed è completamentepersonalizzabile. Fornisce interazioni edanimazioni, effetti avanzati e widgets.(wikipedia)
    • Quattro aree• Interactions : drag&drop, ridimensionamento, ordinamento e selezione;• Widgets Componenti già pronti come accordion, datepicker...• Effects Transizioni animate• Utilities Utilità di basso livello da usare per le interazioni, i widgets e gli effetti
    • Interazioni• Draggable Rende gli elementi draggable• Droppable Controlla dove gli elementi dragged possono essere droppati• Resizable Rende gli elementi ridimensionabili• Selectable Avanzate caratteristiche di selezione per liste di elementi• Sortable Liste di elementi facilmente ordinabili
    • Esempio$(function() {  $( "#resizable" ).resizable();});
    • Widgets• Accordion classico container Accordion• Autocomplete Auto-completamento basato su ciò che lutente digita• Button Pulsante avanzato• Datepicker Date-picker avanzato
    • Datepicker$(function() { $( "#datepicker" ).datepicker();});
    • Widgets [2]• Dialog Mostra dialog box sopra altri contenuti• Progressbar Progress bar, animate e non• Slider Slider completamente customizzabile con varie features• Tabs Tabbed user interface handling, con content sia inline che ondemand
    • Dialog
    • Effetti• Color Animation Animazione attraverso il passaggio da un colore ad un altro• Toggle Class, Add Class, Remove Class, Switch Class Animazione basata sul passaggio da uno style ad un altro• Effect Varietà di effetti (appear, slide-down, explode, fade-in, etc.)• Toggle Switch su un effetto On oppure Off• Hide, Show Simile alleffetto di cui sopra
    • Utilities• Position Imposta la posizione relativa di un elemento rispetto ad un altro (alignment)
    • Themeroller http://jqueryui.com/themeroller/ThemeRoller è un applicativo online che ciconsente di generare il tema di base dijQuery UI.Inoltre ci mette a disposizione alcuni temigià fatti.
    • Domande? Slide:http://www.slideshare.net/ilbonzo Code:https://github.com/ilbonzo/Cypher mail: matteo@magni.me