Author : Piesseweb

HomeArticoli di Piesseweb (Page 8)

jQuery Interactive 3D

jquery (1)jQuery interactive 3D è un plugin che permette di creare oggetti 3D interattivi utilizzando una serie di immagini come fotogrammi: l’immagine può essere manipolata con il Drag and drop.

jQuery Interactive 3D ultima modifica: 2013-11-25T17:56:39+00:00 da Piesseweb

FunnyText

funny-textFunnyText.js è un plugin jQuery che permette di creare animazioni con le lettere all’interno di un testo: è possibile configurare i colori, la velocità di movimento, la dimensione del carattere.

FunnyText ultima modifica: 2013-11-25T14:10:46+00:00 da Piesseweb

5 JavaScript Frameworks per Developers

1. Pure : CSS Framework di Yahoo

Pure-css-frameworkPure è un framework di Yahoo. La sua caratteristica principale è il bassissimo peso del file: l’insieme di tutti i moduli arriva, compresso, solo a 4,2 KB. Costruito sulla base di normalize.css, non usa nessun Javascript ma solo HTML e CSS. Adatto al  responsive design contiene stili per griglie, font, form, button, menu.

5 JavaScript Frameworks per Developers ultima modifica: 2013-11-21T07:37:03+00:00 da Piesseweb

Media Queries

media-queri
Media Queries è la risposta di CSS3 al relativo problema dell’adattabilità degli stili grafici a tutti i device e alle diverse risoluzioni.
Media Queries permette di utilizzare un solo foglio di stile per il layout di molteplici dispositivi, andando a sovrascrivere le classi lato css al verificarsi di determinate condizioni preimpostate.

 
/* iPhone e altri smartphones (portrait) */
@media screen and (max-device-width: 320px) {
}
/* iPhone e altri smartphones (landscape) */
@media screen and (max-device-width: 480px) {
}
/* iPhone e altri smartphones (portrait) */
@media screen and (max-device-width: 320px) {
}
/* iPhone e altri smartphones (landscape) */
@media screen and (max-device-width: 480px) {
}
/* iPad e altri tablets (portrait) */
@media screen and (max-device-width: 768px) {
}
/* iPad e altri tablets (landscape) */
@media screen and (max-device-width: 1024px) {
}
/* iPhone 5 (portrait) */
@media screen and (max-device-width: 568px) and (orientation: portrait) {
}
/* iPhone 5 (landscape) */
@media screen and (max-device-width: 568px) and (orientation: landscape) {
}
/* Samsung Galaxy (portrait) */
@media screen and (max-width: 385px) {
}
/* Samsung Galaxy (landscape) */
@media screen and (max-width: 690px) {
}
/* iPhone e altri smartphones (portrait) */
@media screen and (max-device-width: 320px) {
}
/* iPhone e altri smartphones (landscape) */
@media screen and (max-device-width: 480px) {
}
/* iPad e altri tablets (portrait) */
@media screen and (max-device-width: 768px) {
}
/* iPad e altri tablets (landscape) */
@media screen and (max-device-width: 1024px) {
}
/* iPhone 5 (portrait) */
@media screen and (max-device-width: 568px) and (orientation: portrait) {
}
/* iPhone 5 (landscape) */
@media screen and (max-device-width: 568px) and (orientation: landscape) {
}
/* iPad (portrait) */
@media screen and (max-width: 760px) {
}
/* Smartphones (landscape) */
@media screen and (max-width: 480px) {
}
/* Smartphones (portrait) */
@media screen and (max-width: 320px) {
}

OWL Carousel – Supporto Touch e responsive

owl

Permette di creare slideshow e carousel in modo facile e veloce, tenendo conto di alcuni aspetti essenziali nel web odierno.

Tra le feature principali:

  • Completamente responsive
  • Touch compatible
  • CSS3
  • Possibilità di implementare facilmente molteplici istanze senza problemi
  • Compatibile IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, Dolphin, iPhone, iPad, Google Nexus.