<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>diploD &#187; utility</title>
	<atom:link href="http://www.diplod.it/tag/utility/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diplod.it</link>
	<description>by Davide Del Monte</description>
	<lastBuildDate>Fri, 13 Feb 2015 14:26:10 +0000</lastBuildDate>
	<language>it-IT</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>Lavorare con le date in javascript: il tool che salva la vita!</title>
		<link>http://www.diplod.it/2010/09/29/lavorare-con-le-date-in-javascript-il-tool-che-salva-la-vita/</link>
		<comments>http://www.diplod.it/2010/09/29/lavorare-con-le-date-in-javascript-il-tool-che-salva-la-vita/#comments</comments>
		<pubDate>Wed, 29 Sep 2010 14:43:22 +0000</pubDate>
		<dc:creator><![CDATA[Davide]]></dc:creator>
				<category><![CDATA[Ajax e Javascript]]></category>
		<category><![CDATA[date]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[utility]]></category>
		<category><![CDATA[vb]]></category>

		<guid isPermaLink="false">http://www.diplod.it/?p=1140</guid>
		<description><![CDATA[jsDate. Per chi non vuole impazzire con le classiche funzioni javascript, che sono utili ma non sempre funzionali, esiste questo comodo js da includere nei propri lavori per agire in maniera efficace sulle date. La funzione più importante è sicuramente il DateDiff(), comodissimo per fare somme e differenze al volo.]]></description>
				<content:encoded><![CDATA[<p><a href="http://slingfive.com/pages/code/jsDate/jsDate.html"><strong>jsDate</strong></a>: emulatore delle funzioni native Visual Basic in javascript. Ovvero, come fare somme e differenze, trasformare in diversi formati, ricavare il giorno della settimana o il mese da stringhe che rappresentano date.</p>
<p>Per chi non vuole impazzire con le classiche funzioni javascript, che sono utili ma non sempre funzionali, esiste questo comodo js da includere nei propri lavori per agire in maniera efficace sulle date. La funzione più importante è sicuramente il DateDiff(), comodissimo per fare somme e differenze <em>al volo</em> sulle date.</p>
<p>Ecco un po&#8217; di giochetti che si possono fare grazie a questo script, lo schema esplicativo sottostante è stato preso direttamente dal <a href="http://slingfive.com/pages/code/jsDate/jsDate.html">sito dell&#8217;autore</a>.<br />
<span id="more-1140"></span></p>
<p><script language="javascript" type="text/javascript" src="http://www.diplod.it/wp-content/uploads/2010/09/jsDate.js"></script><br />
<script language="javascript" type="text/javascript" src="http://www.diplod.it/wp-content/uploads/2010/09/jsDate_demo.js"></script> </p>
<div id="params" style="float: left; width: 40%">
<h6>1) Imposta i parametri:</h6>
<p>	<label for="txtDate1"><span>date1</span> <input type="text" id="txtDate1" value="9/2/2005 1:23:45 am" /></label><br />
	<button onclick="oDate1.value = new Date();" title="set to Now">Crea una nuova data</button> </p>
<p>	<label for="txtDate2"><span>date2</span><br />
	<input type="text" id="txtDate2" value="12/5/2009 5:43:21 am" /></label><br />
	<button onclick="oDate2.value = new Date();" title="set to Now">Crea una nuova data</button> </p>
<p>	<label for="selInterval"><span>interval</span><br />
	<select id="selInterval"><br />
		<option value=""></option><br />
		<option value="yyyy" selected="selected">yyyy (year)</option><br />
		<option value="q">q &nbsp; &nbsp;(quarter)</option><br />
		<option value="m">m &nbsp; &nbsp;(month)</option><br />
		<option value="y">y &nbsp; &nbsp;(day of year)</option><br />
		<option value="d">d &nbsp; &nbsp;(day)</option><br />
		<option value="w">w &nbsp; &nbsp;(weekday)</option><br />
		<option value="ww">ww &nbsp;&nbsp;(week of year)</option><br />
		<option value="h">h &nbsp; &nbsp;(hour)</option><br />
		<option value="n">n &nbsp; &nbsp;(minute)</option><br />
		<option value="s">s &nbsp; &nbsp;(seconds)</option><br />
		<option value="ms" style="color:red;">ms &nbsp;&nbsp;(milliseconds)</option><br />
	</select></label> </p>
<p>	<label for="txtNumber"><span>number</span><br />
	<input type="text" id="txtNumber" value="1" /></label> </p>
<p>	<label for="selFirstDayOfWeek"><span>firstDayOfWeek</span><br />
	<select id="selFirstDayOfWeek"><br />
		<option value=""></option><br />
		<option value="0">0 : vbUseSystemDayOfWeek (==1)</option><br />
		<option value="1">1 : vbSunday</option><br />
		<option value="2">2 : vbMonday</option><br />
		<option value="3">3 : vbTuesday</option><br />
		<option value="4">4 : vbWednesday</option><br />
		<option value="5">5 : vbThursday</option><br />
		<option value="6">6 : vbFriday</option><br />
		<option value="7">7 : vbSaturday</option><br />
	</select></label> </p>
<p>	<label for="selNamedFormat"><span>namedFormat</span><br />
	<select id="selNamedFormat"><br />
		<option value=""></option><br />
		<option value="0" selected="selected">0 : vbGeneralDate</option><br />
		<option value="1">1 : vbLongDate</option><br />
		<option value="2">2 : vbShortDate</option><br />
		<option value="3">3 : vbLongTime</option><br />
		<option value="4">4 : vbShortTime</option><br />
	</select></label> </p>
<p>	<label for="txtFormat"><span>format</span><br />
	<input type="text" id="txtFormat" value="ddd mmm d, yyyy" 	title="possible values:

	c, d, dd, ddd, dddd, ddddd, dddddd, m, mm, mmm, mmmm, q, y, yy, yyyy

	h, hh, n, nn, s, ss, t t t t t, AM/PM, am/pm, A/P, a/p, AMPM, timezone, time24, time"/></label><br /> <br />
	<label for="chkAbbreviate"><span>abbreviate</span><br />
	<input type="checkbox" id="chkAbbreviate" value="true" /></label> </p>
</div>
<div id="functions" style="float: right; width: 40%">
<h6>2) Chiama una funzione:</h6>
<div style="display:table;">
	<button id="btnTestIsDate" assocCtlIDs="txtDate1"><b>IsDate</b> (date1)</button><br /> <br />
	<button id="btnTestCDate" assocCtlIDs="txtDate1"><b>CDate</b> (date1)</button><br /> <br />
	<button id="btnTestDateAdd" assocCtlIDs="selInterval,txtNumber,txtDate1"><b>DateAdd</b> (interval, number, date1)</button><br /> <br />
	<button id="btnTestDateDiff" assocCtlIDs="selInterval,txtDate1,txtDate2,selFirstDayOfWeek"><b>DateDiff</b> (interval, date1, date2, <i>firstDayOfWeek</i>)</button><br /> <br />
	<button id="btnTestDatePart" assocCtlIDs="selInterval,txtDate1,selFirstDayOfWeek"><b>DatePart</b> (interval, date1, <i>firstDayOfWeek</i>)</button><br /> <br />
	<button id="btnTestMonthName" assocCtlIDs="txtNumber,chkAbbreviate"><b>MonthName</b> (number, <i>abbreviate</i>)</button><br /> <br />
	<button id="btnTestWeekdayName" assocCtlIDs="txtNumber,chkAbbreviate,selFirstDayOfWeek"><b>WeekdayName</b> (number, <i>abbreviate</i>, <i>firstDayOfWeek</i>)</button><br /> <br />
	<button id="btnTestWeekday" assocCtlIDs="txtNumber,selFirstDayOfWeek"><b>Weekday</b> (number, <i>firstDayOfWeek</i>)</button><br /> <br />
	<button id="btnTestFormatDateTime" assocCtlIDs="txtDate1,selNamedFormat"><b>FormatDateTime</b> (date1, <i>namedFormat</i>)</button><br /> <br />
	<button id="btnTestFormat" assocCtlIDs="txtDate1,txtFormat,selFirstDayOfWeek"><b>Format</b> (date1, <i>format</i>, <i>firstDayOfWeek</i>)</button><br /> 
	</div>
</div>
<p><br clear="all" /> </p>
<h6 style="margin-top:-1em;">3) Ottieni questo risultato:</h6>
<div id="result" style="background: yellow;">&nbsp;</div>
]]></content:encoded>
			<wfw:commentRss>http://www.diplod.it/2010/09/29/lavorare-con-le-date-in-javascript-il-tool-che-salva-la-vita/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Parlando di javascript..</title>
		<link>http://www.diplod.it/2008/05/23/parlando-di-javascript/</link>
		<comments>http://www.diplod.it/2008/05/23/parlando-di-javascript/#comments</comments>
		<pubDate>Fri, 23 May 2008 07:10:52 +0000</pubDate>
		<dc:creator><![CDATA[Davide]]></dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[effetti]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[utility]]></category>

		<guid isPermaLink="false">http://www.diplod.it/2008/05/23/parlando-di-javascript/</guid>
		<description><![CDATA[[foto Flickr] E’ un po’ di tempo che non parlo di javascript, forse perché effettivamente ne scrivono tutti, e per qualche strana attitudine personale tendo a rigettare gli argomenti troppo inflazionati. Fatto sta che javascript è una tecnologia sempre più utilizzata per gestire effetti e transizioni particolari sulle pagine web. Un anno fa tutti sembravano [&#8230;]]]></description>
				<content:encoded><![CDATA[<p align="center"><img alt="javascript" src="http://www.diplod.it/wp-content/uploads/2008/05/javas.jpg" /><br />
<small>[<a title="foto flickr" href="http://www.flickr.com/photos/dglazkov/1130929768/" target="_blank">foto Flickr</a>]</small></p>
<p>E’ un po’ di tempo che non parlo di <strong>javascript</strong>, forse perché effettivamente ne scrivono tutti, e per qualche strana attitudine personale tendo a rigettare gli argomenti troppo inflazionati.<br />
Fatto sta che javascript è una tecnologia sempre più utilizzata per gestire effetti e transizioni particolari sulle pagine web. Un anno fa tutti sembravano concordi sul fatto che <strong><a title="adobe flex" href="http://www.adobe.com/it/products/flex/" target="_blank">Adobe Flex</a></strong> avrebbe soppiantato javascript, ajax e compagnia bella.<br />
<span style="text-decoration: line-through;"> Di questo Air c&#8217;è in giro qualcosa (<a title="adobe air" href="http://www.adobe.com/it/products/air/showcase/" target="_blank">esistono</a> <a title="airpress" href="http://www.airpress.org/" target="_blank">diverse</a> <a title="google analytics" href="http://www.copesflavio.com/blog/web-development/air/adobe-air-google-analytics/" target="_blank">applicazioni</a> <a title="flickr" href="http://www.maestroalberto.it/2008/04/19/snoto-photo-browser-desktop-per-flickr-basato-su-adobe-air/" target="_blank">interessanti</a>..), ma ancora non si è verificata la diffusione di massa; ancora resta una tecnologia valida sulla carta ma non sfruttata in pieno, forse perchè è un sistema proprietario.</span> Parlo da ignorante, non ho mai avuto modo di approfondire, e se qualcuno è in grado di smentirmi sono qui per ascoltarlo, mi piacerebbe sapere. Probabilmente l&#8217;espansione c&#8217;è, ma come tutte quelle che si rispettino è lenta e inesorabile. [<strong>Update</strong>: ma <a title="commenti al post" href="http://www.diplod.it/2008/05/23/parlando-di-javascript/#comment-12183" target="_blank">questo è tutto un altro discorso</a>..]</p>
<p>Javascript è invece sempre più omnipresente, da Flickr al blog meno noto di tutti, le soluzioni e le proposte si sprecano.<br />
Nell’utilizzare questi script bisogna stare molto attenti a garantire l’usabilità del sito anche per chi ha javascript disattivato e a non creare conflitti. L’integrazione dei diversi framework è ben lontana, spesso si finisce per costruire template con effetti accattivanti che poi vanno in difficoltà se abbinati a plugin che utilizzano framework differenti rispetto a quelli preventivati in fase di design. A tal proposito può risultare utile consultare questo <a title="scelta framework javascript" href="http://blog.html.it/archivi/2007/12/11/scegliere-un-framework-javascript.php" target="_blank">articolo di edit</a> che offre utili consigli per la scelta del framework più adatto; se poi si vuole avere un&#8217;idea più completa delle offerte possibili ci viene in aiuto questa <a title="panoramica framework javascript" href="http://javascript.html.it/articoli/stampa/2127/panoramica-dei-framework-javascript/" target="_blank">esaustiva guida</a>.</p>
<p><span id="more-561"></span></p>
<p>Qui invece vorrei fare il punto, raccogliendo tutte le cose che ho visto in giro negli ultimi mesi. Qualcuno probabilmente già ne avrà sentito parlare, per altri potrebbe essere un buon punto di partenza per farsi un’idea di ciò che il &#8220;mercato&#8221; offre.. Si tratta in genere di plugin o script a se stanti rilasciati dagli sviluppatori gratuitamente, quindi liberamente utilizzabili.</p>
<p><strong>Framework più noti</strong></p>
<ul>
<li><a title="mootools" href="http://mootools.net/" target="_blank">Mootools</a></li>
<li><a title="jquery" href="http://jquery.com/" target="_blank">JQuery</a> &#8211; <a title="jquery ui" href="http://ui.jquery.com/" target="_blank">JQuery UI</a> (user interface) – <a title="jquery interface" href="http://interface.eyecon.ro/" target="_blank">Interface</a> (framework per gli effetti)</li>
<li><a title="prototype" href="http://www.prototypejs.org/" target="_blank">Prototype</a> – <a title="scriptaculous" href="http://script.aculo.us/" target="_blank">Scriptaculous</a></li>
<li><a title="YUI" href="http://developer.yahoo.com/yui/" target="_blank">YUI</a></li>
</ul>
<p><strong>Gallerie multimediali</strong></p>
<ul>
<li><a title="shadowbox" href="http://mjijackson.com/shadowbox/" target="_blank">Shadowbox (funziona con tutti i framewokr e carica diversi tipi di media)<br />
</a></li>
<li><a title="thickbox" href="http://jquery.com/demo/thickbox/" target="_blank">Thickbox (jquery)<br />
</a></li>
<li><a title="slimbox" href="http://www.digitalia.be/software/slimbox" target="_blank">Slimbox (mootools)</a></li>
<li><a title="lightbox" href="http://www.huddletogether.com/projects/lightbox2/" target="_blank">Lightbox (scriptaculous)</a></li>
<li><a title="prettyPhoto" href="http://www.no-margin-for-errors.com/projects/prettyPhoto/">prettyPhoto</a></li>
</ul>
<ul>
<li>In <a title="lightbox clones" href="http://planetozh.com/projects/lightbox-clones/" target="_blank">questo sito</a> invece è possibile trovare la raccolta di tutti i cloni di lightbox disponibili: attualmente ne conta ben 38</li>
</ul>
<p><strong>Utility</strong></p>
<ul>
<li><a title="modalbox" href="http://www.wildbit.com/labs/modalbox/" target="_blank">Modalbox: per creare dialog-box</a></li>
<li><a title="jquery virtual tour" href="http://www.openstudio.fr/jquery-virtual-tour/salleformation.html" target="_blank">VirtualTour: tour virtuali di ambienti (jquery)</a></li>
<li><a title="markitup" href="http://markitup.jaysalvat.com/home/" target="_blank">Markitup: editor javascript (jquery)</a></li>
<li><a title="calendario javascript" href="http://stephencelis.com/projects/timeframe" target="_blank">Timeframe: calendario javascript</a></li>
<li><a title="websnapr" href="http://www.websnapr.com/previewbubble/" target="_blank">Websnapr: bubble tooltip</a></li>
<li><a title="spoiler revealer" href="http://css-tricks.com/fade-in-spoiler-revealer/" target="_blank">Spoiler Revealer: per far apparire un testo (jquery)</a></li>
<li><a title="accordion css" href="http://www.scriptiny.com/2008/04/lightweight-javascript-and-css-accordion/" target="_blank">Accordion solo CSS e javascript</a></li>
</ul>
<p><strong>Inutility</strong></p>
<ul>
<li><a title="cubescape" href="http://www.themaninblue.com/experiment/Cubescape/index.php" target="_blank">Cubescape</a>: per creare le tue composizioni cubiformi</li>
<li><a title="supermario javascript" href="http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html" target="_blank">Supermario in javascript</a></li>
<li><a title="supermario kart" href="http://www.nihilogic.dk/labs/mariokart/" target="_blank">Supermario Kart</a></li>
</ul>
<p><strong>Menu di navigazione</strong></p>
<p>Riporto solo i più interessanti, ce ne sono davvero una marea..</p>
<ul>
<li><a title="fisheye menu" href="http://www.chrisesler.com/mootools/mootools-fisheye.html" target="_blank">Fisheye menu con mootools</a></li>
<li><a title="css dock menu" href="http://www.ndesign-studio.com/blog/design/css-dock-menu/" target="_blank">Fisheye menu con jquery</a></li>
<li><a title="fisheye menu" href="http://marcgrabanski.com/code/fisheye-menu/" target="_blank">Fisheye menu senza l&#8217;utilizzo di frameworks</a></li>
<li><a title="fancy menu" href="http://devthought.com/cssjavascript-true-power-fancy-menu/" target="_blank">Fancy Menu</a></li>
<li><a title="jquery ipod menù" href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu" target="_blank">iPod menu</a></li>
<li><a title="tabbedpane" href="http://20bits.com/projects/dynamic-ajax-tabs/" target="_blank">TabbedPane: menu a tab (prototype)</a></li>
</ul>
<p>Ultima segnalazione per il <a title="tom javascript" href="http://www.tomstardust.com/archives/galleria-di-effetti-javascript/" target="_blank">post di Tom</a>, che ha fatto una carrellata di alcuni effetti presenti su siti web, accompagnandoli con valide considerazioni.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diplod.it/2008/05/23/parlando-di-javascript/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
