hanicker + html_e_css 8
Wikipedia Code Challenge
october 2011 by hanicker
Amate Wikipedia alla follia? Da oggi potete partecipare al Wikipedia Code Challenge.
Di cosa si tratta? Wikipedia ha organizzato un contest per sviluppatori con tre progetti ben distinti: uno slideshow fotografico HTML5, uno strumento di upload fotografico da cellulari e smartphone e per concludere uno strumento che permetta agli utenti di vedere in tempo reale le modifiche effettuate dagli autori sulle pagine.
Il premio? La gloria imperitura, da quel che ho capito.
Segui @naponews su twitter!
CC BY-NC-SA 2006 - 2011 · Wikipedia Code Challenge
HTML_e_CSS
JavaScript
html5
wikipedia
from google
Di cosa si tratta? Wikipedia ha organizzato un contest per sviluppatori con tre progetti ben distinti: uno slideshow fotografico HTML5, uno strumento di upload fotografico da cellulari e smartphone e per concludere uno strumento che permetta agli utenti di vedere in tempo reale le modifiche effettuate dagli autori sulle pagine.
Il premio? La gloria imperitura, da quel che ho capito.
Segui @naponews su twitter!
CC BY-NC-SA 2006 - 2011 · Wikipedia Code Challenge
october 2011 by hanicker
La rivincita di position:fixed
september 2011 by hanicker
Parliamoci chiaro, il valore fixed per l'attributo position dei CSS è una figata.
.classe {
position:fixed;
}
Portarsi in giro per la pagina menù o widget è comodo e funzionale. Non che il position:fixed sia una novità e non che sia poi questa gran magia da realizzare, ma IE6 non lo supportava nativamente (ecco uno dei trick per emularlo se siete ancora così pazzi da supportare IE6) e in molti non lo usavano.
Oggi come oggi invece è utilizzatissimo, specialmente da quei siti web che vogliono mostrare una colonna di contenuti sempre visibile...
Con jQuery (o javascript in generale) possiamo addirittura decidere quando un elemento deve essere fisso o scrollare insieme al resto della pagina... jQuery Waypoint è un esempio di quello che è possibile fare oggi, con tanto di callback al passaggio del box in determinati punti della pagina.
Sticky scroller è un altro plugin jQuery utilissimo, così come Contained Sticky Scroll: il secondo in particolare scrolla il contenuto del box desiderato senza uscire dai "bordi" del box che lo contiene.
Segui @naponews su twitter!
CC BY-NC-SA 2006 - 2011 · La rivincita di position:fixed
HTML_e_CSS
JavaScript
css
position:fixed
from google
.classe {
position:fixed;
}
Portarsi in giro per la pagina menù o widget è comodo e funzionale. Non che il position:fixed sia una novità e non che sia poi questa gran magia da realizzare, ma IE6 non lo supportava nativamente (ecco uno dei trick per emularlo se siete ancora così pazzi da supportare IE6) e in molti non lo usavano.
Oggi come oggi invece è utilizzatissimo, specialmente da quei siti web che vogliono mostrare una colonna di contenuti sempre visibile...
Con jQuery (o javascript in generale) possiamo addirittura decidere quando un elemento deve essere fisso o scrollare insieme al resto della pagina... jQuery Waypoint è un esempio di quello che è possibile fare oggi, con tanto di callback al passaggio del box in determinati punti della pagina.
Sticky scroller è un altro plugin jQuery utilissimo, così come Contained Sticky Scroll: il secondo in particolare scrolla il contenuto del box desiderato senza uscire dai "bordi" del box che lo contiene.
Segui @naponews su twitter!
CC BY-NC-SA 2006 - 2011 · La rivincita di position:fixed
september 2011 by hanicker
FromTheFront a Cesena
september 2011 by hanicker
From The Front è una serie di eventi dedicati allo sviluppo front-end, sempre più preponderante nel web di oggi.
La prossima edizione si terrà a Cesena il prossimo 29 Settembre: in una giornata ci saranno 6 talk, 3 workshop e 1 party dedicati allo sviluppo front-end. HTML5, CSS3 e JavaScript saranno il cuore dell'evento.
Di rilievo internazionale i relatori che parteciperanno, tra cui anche Fullo, che molti lettori sicuramente conoscono già.
Il prezzo? 10€, più che abbordabile, se siete interessati!
Segui @naponews su twitter!
CC BY-NC-SA 2006 - 2011 · FromTheFront a Cesena
HTML_e_CSS
JavaScript
News
back_to_the_front
conferenze
eventi
from_the_front
from google
La prossima edizione si terrà a Cesena il prossimo 29 Settembre: in una giornata ci saranno 6 talk, 3 workshop e 1 party dedicati allo sviluppo front-end. HTML5, CSS3 e JavaScript saranno il cuore dell'evento.
Di rilievo internazionale i relatori che parteciperanno, tra cui anche Fullo, che molti lettori sicuramente conoscono già.
Il prezzo? 10€, più che abbordabile, se siete interessati!
Segui @naponews su twitter!
CC BY-NC-SA 2006 - 2011 · FromTheFront a Cesena
september 2011 by hanicker
Bootstrap, grazie a twitter
august 2011 by hanicker
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
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
august 2011 by hanicker
Speed Tracer Google
june 2011 by hanicker
Speed Tracer è un'estensione per Google Chrome che permette di identificare e risolvere eventuali problemi di performance delle vostre applicazioni web.
Speed Tracer visualizza le metriche relative alle pagine web visualizzate andando a "pescare" i dati a livello di motore di rendering del browser e li analizza nello stesso istante in cui l'applicazione viene eseguita.
Utilizzando Speed Tracer si è in grado di ottenere un quadro migliore delle performance delle vostre applicazioni, individuando punti di latenza o eventuali problemi.
Come si installa?
Per prima cosa dovete utilizzare Chrome in versione DEV.
Installate Speed Tracer scaricandola da qui
Bisogna poi avviare Chrome con l'opzione
--enable-extension-timeline-api
Trovate invece qui una piccola guida su come iniziare ad usare l'estensione.
CC BY-NC-SA 2006 - 2011 · Speed Tracer Google
Google
HTML_e_CSS
JavaScript
from google
Speed Tracer visualizza le metriche relative alle pagine web visualizzate andando a "pescare" i dati a livello di motore di rendering del browser e li analizza nello stesso istante in cui l'applicazione viene eseguita.
Utilizzando Speed Tracer si è in grado di ottenere un quadro migliore delle performance delle vostre applicazioni, individuando punti di latenza o eventuali problemi.
Come si installa?
Per prima cosa dovete utilizzare Chrome in versione DEV.
Installate Speed Tracer scaricandola da qui
Bisogna poi avviare Chrome con l'opzione
--enable-extension-timeline-api
Trovate invece qui una piccola guida su come iniziare ad usare l'estensione.
CC BY-NC-SA 2006 - 2011 · Speed Tracer Google
june 2011 by hanicker
Responsive design
january 2011 by hanicker
Su smashing magazine è uscito un bellissimo articolo che parla di responsive web design.
Leggetevelo: grazie alle media query css (e non solo) è possibile creare un unico design che vada bene sia per pc che per dispositivi mobili, tablet e altri cazzabubboli
HTML_e_CSS
css
responsive_webdesign
from google
Leggetevelo: grazie alle media query css (e non solo) è possibile creare un unico design che vada bene sia per pc che per dispositivi mobili, tablet e altri cazzabubboli
january 2011 by hanicker
CSS KillSwitch
march 2010 by hanicker
Cliente moroso? Cliente deficiente? Accesso all'FTP negato e password cambiate? Spegnetegli il sito con CSS KillSwitch.
Facile da implementare (facile anche da far fuori per un esperto, occhio) è un asso nella manica in più per i webdesigner con problemi ad ottenere pagamenti da parte dei propri clienti.
Io ve lo segnalo, speriamo non vi serva mai! Voi usate meccanismi del genere per proteggere il vostro lavoro? Se sì, quali?
HTML_e_CSS
css
from google
Facile da implementare (facile anche da far fuori per un esperto, occhio) è un asso nella manica in più per i webdesigner con problemi ad ottenere pagamenti da parte dei propri clienti.
Io ve lo segnalo, speriamo non vi serva mai! Voi usate meccanismi del genere per proteggere il vostro lavoro? Se sì, quali?
march 2010 by hanicker
Macchine virtuali per testare i vostri siti
february 2010 by hanicker
Ho scoperto (immagino in ritardo) su Friendfeed che Microsoft permette il download gratuito di macchine virtuali dotate di "data di scadenza" per testare i siti con le vecchie versioni di Internet Explorer.
Eccole qui: potete scaricarle e usarle con Microsoft Virtual PC anch'esso gratuito.
Se non volete mettere in piedi macchine virtuali o simili potete usare IEtester o MultipleIE, due software che simulano il rendering delle vecchie versioni di Internet Explorer. Nel frattempo Google promette di mettere al bando Internet Explorer 6. Speriamo sia la botta decisiva per levarcelo dalle pa...
HTML_e_CSS
Web_e_Web_2.0
ie6
internet-explorer
virtual_pc
from google
Eccole qui: potete scaricarle e usarle con Microsoft Virtual PC anch'esso gratuito.
Se non volete mettere in piedi macchine virtuali o simili potete usare IEtester o MultipleIE, due software che simulano il rendering delle vecchie versioni di Internet Explorer. Nel frattempo Google promette di mettere al bando Internet Explorer 6. Speriamo sia la botta decisiva per levarcelo dalle pa...
february 2010 by hanicker
Copy this bookmark: