TagTagWeb: Script a portata di mano

Mostrare file nascosti su Mac

Aprire il terminale:
#per far visualizzare i file nascosti
defaults write com.apple.finder AppleShowAllFiles TRUE
#per riavviare finder
killall Finder
#per nascondere
defaults write com.apple.finder AppleShowAllFiles FALSE

Web Wireframe Kit

Psd, contententi gli elementi presenti all’interno di una pagina web, dai testi al calendario, piuttosto che tabelle bottoni, audio player video player e molto altro, sicuramente utili per risparmiare tempo al web designer.

Sito web: http://www.emazekraker.biz/projects/webWireframeKit/

imgAreaSelect – selezione di un area dell’immagine

imgAreaSelect è un plugin di jQuery che permette all’utente di selezionare un’area rettangolare di un immagine. In questo modo il web developer può implementare le funzioni di taglio di un immagine.

Caratteristiche del plugin:

  • Altamente configurabile
  • CSS personalizzabile
  • possibilità di mantenere le proporzioni di un immagine
  • Supporto della tastiera per lo spostamento della selezione
  • Supporto del callback di una funzione
  • Dispone di Api per l’integrazione con altri componenti
  • Dimensioni leggere meno di 8Kb

Il plugin funziona con la maggior parte dei browser compresi Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.

Richiede: jQuery Framework
Demo: http://odyniec.net/projects/imgareaselect/
License: MIT, GPL License

Full Page Image Gallery con jQuery

Tutorial su come creare una galleria fotografica full screen, con scroll delle miniature e delle immagini visualizzate.

Vengono utilizzate alcune regole di CSS3 per esaltarne il look e jQuery per la funzionalità.

Demo: http://tympanus.net/Tutorials/FullPageImageGallery/

Tutorial: http://tympanus.net/codrops/2010/09/08/full-page-image-gallery/

28 Social Media Icon Badges

Le icone includono: Bing, Blogger, Delicious, Designer Float, deviantART, Digg, Facebook, Feedburner, Flickr, FriendFeed, Google Buzz, Linked In, Live Journal, Mixx, MySpace, Newsvine, Ning, Reddit, RSS, Squidoo, Stumble Upon, Technorati, Tumblr, Twitter, Vimeo, WordPress, Yahoo, and YouTube.

Licenze: Utilizzabili solo per uso personale
Sito web: http://www.peachpops.com/

Come creare bottoni BonBon con CSS3

BonBon Buttons sono dei carinissimi bottoni realizzati con CSS3/HTML5, quindi solamente supportati dalle versioni correndi ti Firefox, Safari e Chrome

Richiede: CSS3 / HTML5 Support
Demo: http://lab.simurai.com/css/buttons/
License: License Free

Spritely – animazioni con jquery

jQuery.spritely è un plugin jquery creato da  Artlogic per la creazione di personaggi dinamici o animazioni del background utilizzando semplicemente javascript e HTML, E’ un semplice e leggero plugin con una serie di metodi è possibile creare animazioni di oggetti come i corvi presenti nella pagina di presentazione o uno scroll dinamico del background.

Sito web e demo: http://www.spritely.net/

Colortip – a jQuery Tooltip Plugin

In questo tutorial viene semplicemente spiegato come utilizzare jQuery per realizzare un plugin per la creazione di tooltip .

Questo script permette di convertire l’attributo tittle degli elementi presenti all’interno della pagina in una serie di tooltip colorati.

Sito web: http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/

Demo: http://demo.tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/colortips.html

Blockster


Blockster è un effetto di transizione Javascript progettato per feature content o slideshow.
Il suo concetto di base è quello di creare un effetto di transizione tra un elemento all’altro, non solo tra immagini ma anche tra blocchi di codice.
E ‘altamente personalizzabile è possibile decidere quanti sono i blocchi che intervengono alla transazione, l’ordine di apparizione che può essere anche casuale o decidere se i blocchi devono solamente apparire o dissolversi.

Sito web: http://www.mitya.co.uk/scripts/Blockster-transition-effect-122

Effetto retina con jQuery

Questo tutorial spiega come creare un effetto retina utlizzando solamente html, css e jQuery; creare cioè una sorte di lente di ingrandimento. L’effetto è sorprendente!

Sito web:http://tutorialzine.com
Demo:  http://demo.tutorialzine.com