hanicker + html   8

Learn a New Skill This Weekend [Weekendhacker]
A weekend may not seem like a lot of time, but you might be surprised by what you can learn in just 48 hours. Here are a bunch of new skills you can pick up on the weekend, or at least master the basics. More »
Weekendhacker  Baking  code  coding  Cooking  Design  DIY  Food  Hobbies  HTML  Learn_online  Learn_to_code  Learning  Music  Programming  Teach_Yourself  Top  Web_Design  web_development  Weekend  from google
october 2011 by hanicker
Bootstrap, grazie a twitter
Bootstrap è un interessantissimo progetto opensource (lo trovate su github, con licenza Apache v2.0) creato da Twitter.

Di cosa si tratta? Bootstrap è appunto un "punto di partenza" per la creazione di front-end per applicazioni web. Basato su Less mette a disposizione degli sviluppatori un pacchetto di html/css già "fatti" per la creazione di tabelle, layout, moduli, messaggi in finestre modali, griglie, ecc...

Volete capire cosa fa di preciso? Guardatelo in azione sul sito linkato ad inizio post.

CC BY-NC-SA 2006 - 2011 · Bootstrap, grazie a twitter
HTML_e_CSS  JavaScript  bootstrap  html  twitter  from google
august 2011 by hanicker
Redefine Desktop, un lettore RSS da desktop con layout in stile magazine
Se siete alla ricerca di un buon lettore di feed-RSS da desktop ma, sino ad ora, non avete ancora trovato la risorsa che fa al caso vostro allora potreste provare a dare un’occhiata a Redefine Desktop.
Si tratta, appunto, di un applicativo basato su Adobe Air, scaricabile ed utilizzabile in modo completamente gratuito e perfettamente compatibile con OS Windows, Mac e Linux, che va a configurarsi come un elegante strumento mediante cui visionare tutti i feed aggiunti a Google Reader direttamente dal proprio dekstop o, ancora, come strumento grazie al quale gestire i flussi di notizie in maniera del tutto indipendente dalla risorsa messa a disposizione da Big G.
(...)Continua a leggere Redefine Desktop, un lettore RSS da desktop con layout in stile magazine, su Geekissimo
Redefine Desktop, un lettore RSS da desktop con layout in stile magazine, pubblicato su Geekissimo il 02/08/2011
© Martina Oliva (Bugeisha) per Geekissimo, 2011. | Permalink | Commenta! | Aggiungi su del.icio.us Hai trovato interessante questo articolo? Leggi altri articoli correlati nelle categorie adobe air, Feed, Freeware, Google Reader, Linux, Mac, Windows. Post tags: applicazione per adobe air, file di testo, Google Reader, HTML, lettore rss, Linux, Mac, magazine, software adobe air, Windows
applicazione_per_adobe_air  Feed  Windows  Mac  software_adobe_air  adobe_air  lettore_rss  magazine  file_di_testo  Google_Reader  Freeware  Linux  HTML  from google
august 2011 by hanicker
5 file da aggiungere ai vostri siti web
E niente, leggevo questo articolo di Six Revisions e mi sono accorto che non ho nessuno di questi 5 file sul mio blog.

P3P.xml – for user privacy
Geo.kml (and Geo.rdf) – for geolocation
Humans.txt – for attribution
vCard.vcf – digital business card
PICS.rdf – declares a website to be safe (or not safe) for young web users

E' ora di porre rimedio: dettagli al post linkato

CC BY-NC-SA 2006 - 2011 · 5 file da aggiungere ai vostri siti web
Web_e_Web_2.0  css  html  privacy  from google
june 2011 by hanicker
How to Make a Web Site: The Complete Beginner's Guide [Video]
Last week we taught you how to make a web site from start to finish, including finding a reliable web host to host your site. Here's the complete guide so you have access to all the lessons in one convenient location. More »
Night_School  Clips  code  coding  CSS  Developing  Feature  FTP  HTML  Lifehacker_night_school  Lifehacker_Video  Programming  Teach_Yourself  Video  Web_Hosts  Web_Site  Web_site_development  from google
april 2011 by hanicker
CarouFredSel: Creare Slider Animati Orizzontali e Verticali
CarouFredSel è un interessante Plugin jQuery che permette in modo semplice e intuitivo di creare slider orizzontali e verticali di determinati contenuti HTML.

Questo slider (o carosello) è configurabile molto facilmente e si adatta con altri plugin esterni come effetti Lightbox

Il Plugin è personalizzabile al 100% anche grazie agli stili CSS e JavaScript, è possibile vedere le sue potenzialità dalla pagina demo.

Vediamo insieme come installare e utilizzare questo slider.

Installazione jQuery
Prima di tutto andiamo a richiamare tra <head> e </head> la libreria jQuery e il cuore del Plugin.

<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript" src="jquery.carouFredSel-2.4.3-packed.js"></script>

Una volta inseriti questi due richiami dovremo aprire un JavaScript dove indicare il nome dell’ ID del DIV che vorremo animare.

<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#item1").carouFredSel();
});
</script>

Come vedete il div che faremo animare dovrà avere ID = item1.

Ora andiamo a vedere la parte HTML base da inserire per diverse tipologie di contenuto.

Per le immagini
<div id="item1">
<img src="img1.jpg" />
<img src="img2.jpg" />
<img src="img3.jpg" />
<img src="img4.jpg" />
<img src="img5.jpg" />
<img src="img6.jpg" />
<img src="img7.jpg" />
<img src="img8.jpg" />
</div>

Per una paginazione
<ul id="item1">
<li> c </li>
<li> a </li>
<li> r </li>
<li> o </li>
<li> u </li>
<li> F </li>
<li> r </li>
<li> e </li>
<li> d </li>
<li> S </li>
<li> e </li>
<li> l </li>
</ul>

Per un contenuto HTML
<div id="item1">
<div>
<h3>Infinity</h3>
<p>A concept that in many fields refers to a quantity without bound or end.</p>
</div>
<div>
<h3>Circular journey</h3>
<p>An excursion in which the final destination is the same as the starting point.</p>
</div>
<div>
<h3>jQuery</h3>
<p>jQuery  is a cross-browser JavaScript library designed to simplify the client-side scripting.</p>
</div>
<div>
<h3>Carousel</h3>
<p>A carousel is an amusement ride consisting of a rotating circular platform with seats.</p>
</div>
</div>

Caratteristiche
Ecco alcune caratteristiche fondamentali di questo Plugin jQuery.

Trasforma qualsiasi tipo di elemento HTML in uno slider orizzontale o verticale.
Scorre uno o più oggetti contemporaneamente.
Scorre automaticamente o con l’interazione dell’utente.
Ridimensiona automaticamente larghezza e altezza.
Ottimizzato per navigazione da tastiera.
Disponibili eventi personalizzati, metodi e molte opzioni.
Compatibile con i più diffusi (jQuery) lightbox-plugins.
GET e (re) SET opzioni di configurazione dopo l’esecuzione.

Esempi Extra
Inoltre vi segnalo questi esempi e metodi di implementazione dello slider.

Slider Base
Slider con diversi contenuti
Slider con interazione utente
Uso di funzioni Callback
Uso di eventi personalizzabili
Slider con diverse dimensioni di contenuto
Slider personalizzato da eventi
Slider + Lightbox
Uso di 15 Slider simultanei

Abbiamo la possilità di leggere la documentazione per la configurazione del plugin sul sito ufficiale oppure seguire il Forum.

Inoltre vi segnalo la possbilità di creare il codice Slider con un Wizard automatico.

Questo Plugin è molto simile ad un altro che avevo gia segnalato, jQuery Slider.
Altro  Design  Grafica  Immagini  Sviluppo  CSS  HTML  JavaScript  jQuery  Plugin  from google
october 2010 by hanicker
CoolTemplate, creare templates per siti web
Capita molte volte di dover creare un sito web e di ricorrere sempre a dei template già pronti all’uso che troviamo sul web. L’alternativa sarebbe quella di crearci noi il template e ciò impiegherebbe molto tempo e a volte diventa stressante. Vediamo come fare per creare un template “tutto nostro” in pochi e semplici passi, e senza installare alcun software.
Si tratta di CoolTemplate, uno strumento online gratuito che ci permette di creare un template personalizzato per qualsiasi tipo di sito web. Grazie a CoolTemplate potremo avere pagine con sfondi personalizzati, pulsanti con la trasparenza, ombre e sfumature. Ci sono più di 60 diverse combinazioni di colori tra cui scegliere, e possiamo anche caricare diverse immagini.
(...)Continua a leggere CoolTemplate, creare templates per siti web, su Geekissimo
CoolTemplate, creare templates per siti web, pubblicato su Geekissimo il 10/07/2010
© Francesco Grauso per Geekissimo, 2010. | Permalink | Commenta! | Aggiungi su del.icio.us Hai trovato interessante questo articolo? Leggi altri articoli correlati nelle categorie Internet, Temi, template. Post tags: HTML, joomla, temi wordpress, templates, Wordpress
Wordpress  joomla  template  temi_wordpress  Temi  Internet  HTML  templates  from google
july 2010 by hanicker
Pageeasy, creare pagine web temporanee in modo veloce e gratuito
Sono davvero in tanti gli utenti che, ad oggi, hanno scelto di pubblicare e divulgare i propri contenuti d’interesse direttamente online ricorrendo all’impiego di un sito web personalizzato e di tutti i vari ed eventuali strumenti ad esso connessi.

Tuttavia, in diverse circostanze, piuttosto che avere a propria disposizione un intero spazio online, potrebbe risultare molto più pratico ricorrere all’impiego di una singola pagina web, in particolare nel caso in cui risulti necessario condividere con altri utenti dei contenuti temporanei.

Se siete alla ricerca di una soluzione di questo tipo potreste allora prendere in considerazione l’idea di utilizzare un validissimo servizio web quale Pageeasy.

(...)Continua a leggere Pageeasy, creare pagine web temporanee in modo veloce e gratuito, su Geekissimo

© Martina Oliva (Bugeisha) per Geekissimo, 2010. |
Permalink |
Commenta! |
Aggiungi su del.icio.us

Hai trovato interessante questo articolo? Leggi altri articoli correlati nelle categorie Applicazioni Online, HTML, Internet.

Post tags: codice html, crare pagine web, Pageeasy, pagina web personalizzata, servizio web, temporaneamente
Applicazioni_Online  HTML  Internet  codice_html  crare_pagine_web  Pageeasy  pagina_web_personalizzata  servizio_web  temporaneamente  from google
may 2010 by hanicker

Copy this bookmark:



description:


tags: