Gli ultimi post di Edit
Il logo di Twitter in puro CSS3
Giovedì 7 Ottobre 2010 - 10:21
di napolux
La flessibilità dei CSS3 si intuisce anche da piccoli esempi: magari poco utili o col solo fine di dimostrarne le potenzialità, ma comunque adatti a portare lo sviluppatore ad applicare tecniche nuove e innovative.
How to Create a Twitter Logo in Pure CSS3 è un tutorial che mostra come creare un logo Twitter (la famosa “t” azzurra) utilizzando i soli CSS3 e un pizzico di HTML.
Continua a leggere Il logo di Twitter in puro CSS3
Categoria: CSS, Bookmark | Permalink | Commenti (5)
Trasformare Joomla in un blog con ChronoComments
Martedì 24 Febbraio 2009 - 09:36
di Claudio Garau
Joomla è uno dei CMS più utilizzati per la creazione di siti Web, in Rete ci sono ormai milioni di pagine Internet gestite grazie a questa piattaforma, eppure questo Content Manager non si è ancora ritagliato il suo giusto spazio nel Web 2.0, dove dominano altre applicazioni più adatte all’amministrazione di blog come per esempio WordPress.
Non sarebbe esagerato dire che se questo CMS supportasse nativamente alcune indispensabili funzionalità per il blogging, in Rete ci sarebbero molti più siti Internet “Powered By Joomla”; come è noto infatti i blogger, nella maggior parte dei casi, sono (giustamente) molto più interessati a scrivere post che ad occuparsi dell’aspetto tecnico relativo alla gestione di un sito, quindi preferiscono rivolgersi a CMS più immediati (WordPress) o a soluzioni pre-confezionate come quella messa a disposizione da Google.
Continua a leggere Trasformare Joomla in un blog con ChronoComments
Categoria: CMS | Permalink | Commenti (4)
Creare una lista articoli recenti in Drupal 6 e Views 2
Mercoledì 15 Ottobre 2008 - 14:48
di massimo.giagnoni
Il modulo Views non credo abbia bisogno di presentazioni essendo uno dei moduli basilari di Drupal. La versione 2.0, sviluppata specificamente per Drupal 6 e giunta allo stadio di Release Candidate 5, presenta molte novità a livello di funzioni e di interfaccia. Penso quindi sia utile un esempio pratico di utilizzo.
Quanto segue è una versione semplificata dell’esempio presente sulla documentazione ufficiale di Views per creare una lista degli articoli recenti.
Continua a leggere Creare una lista articoli recenti in Drupal 6 e Views 2
Categoria: CMS | Permalink | Commenti (6)
Menu con i CSS: ispirazioni da Apple
Martedì 9 Settembre 2008 - 08:45
di Alessandro Fulciniti
Apple si è sempre distinta per essere fonte di ispirazione nel web design e recentemente sono stati pubblicati diversi tutorial e risorse per creare menu con lo stile della Mela che vorrei segnalarvi. Cominciamo con Apple Style Accordion Menu su DynamicDrive, che presenta un menu accordion con JQuery e CSS.
Per quanto riguarda il menu principale di Apple, ecco Apple style menu tutorial using CSS sprites e Create an apple style menu and improve it via jQuery: entrambi i tutorial includono anche la realizzazione grafica con Photoshop, e il secondo ha un effetto decisamente accativante.
Concludo con Create apple.com-like breadcrumb using simple CSS per realizzare una breadcrumb in puro stile Apple.
Categoria: Web Design | Permalink | Commenti (2)
Bookmark: tutorial Photoshop
Mercoledì 3 Settembre 2008 - 08:11
di Alessandro Fulciniti
Eccoci ad un nuovo appuntamento dei bookmark dedicati a Photoshop. Cominciamo con due mega liste che contengono di tutto un po’: Monster size selection of awesome Photoshop tutorial e The world’s biggest post about Photoshop.
Passiamo ai tutorial e alle risorse con un effetto sempre più utilizzato nella grafica, ovvero l’effetto glow: ecco 25 brilliants glow effects e se magari volete agevolarvi un po’ con i pennelli, potrebbe fare al caso 200+ Photoshop Brushes for Light, Sparkles, Glows and Glitter.
Continua a leggere Bookmark: tutorial Photoshop
Categoria: Grafica | Permalink | Commenti (1)
CSS: risorse sui layout
Martedì 19 Agosto 2008 - 13:00
di Alessandro Fulciniti
Appuntamento dei bookmark dedicato ai layout con i CSS. Cominciamo con All about floats, un bel tutorial che spiega i meccanismi principali che governano i float.
Altro tutorial pratico e utile è Top reasons your CSS columns are messed up che illustra i principali motivi di problemi di resa con i float.
Una mega-lista da aggiungere ai preferiti è CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices che contiene tutorial, layout pronti, tips e molto altro. Della lista merita una menzione speciale il corposo From PSD to HTML, Building a Set of Website Designs Step by Step. Non si tratta di un tutorial espressamente dedicato al layout, ma porta alla realizzazione di quattro pagine complete da usare come template a partire da un PSD. Davvero ben fatto.
Continua a leggere CSS: risorse sui layout
Categoria: CSS | Permalink | Commenti (1)
Bookmark di Marzo
Mercoledì 2 Aprile 2008 - 08:25
di Alessandro Fulciniti
Come di consueto, eccoci all’appuntamento mensile con alcune segnalazioni
meritevoli che non hanno ancora trovato posto sul blog. Segue la lista:
- Logo design trends 2008 che illustra le tendenze
grafiche dei logotipi nel 2008 - SEO Basics, introduction to Search Engine Optimization una corposa
introduzione all’ottimizzazione per i motori di ricerca - Perfect Pagination Style Using CSS, una bella raccolta di navigazioni di paginazione da Antonio Lupetti
- Designing for the Mobile Web un’interessante introduzione su Sitepoint
- High-quality free icon sets una raccolta a 90 set di icone free
- 45 Photoshop tutorial for better navigation, una notevole selezione
di tutorial su menu in Photoshop - 45+ Fresh Out of the oven jQuery Plugins, ben 45 plugin per jQuery
- Sitepoint HTML reference, un ottimo complemento alla reference CSS sempre su Sitepoint
- Izzymenu un generatore on-line di menu con grafica e CSS.
Categoria: Web Design | Permalink | Commenti (6)
CSS: tips, tutorial e risorse
Venerdì 14 Marzo 2008 - 09:47
di Alessandro Fulciniti
Alcune segnalazioni interessanti sui CSS che ho raccolto di recente.
Cominciamo con Planning your stylesheet - the definitive guide: il titolo è un po’ pretenzioso forse, ma contiene dei suggerimenti preziosi. Un articolo simile è Combating Classitis with Cascades and Sequential Selectors,
con alcuni tips per usare le classi con buon senso.
Passiamo ai tutorial: decisamente bello il Legend of style revised, un articolo che propone differenti
presentazioni dell’elemento legend dei form. Ottenere risultati cross-browser per questo elemento non è semplice, ma mi pare che l’autore del pezzo abbia fatto un ottimo lavoro. Altro tutorial molto specifico: Creating and styling resizable buttons per ottenere bottoni semi-grafici autoadattanti in larghezza.
Continua a leggere CSS: tips, tutorial e risorse
Categoria: CSS | Permalink | Commenti (5)
Sperimentazioni con il background
Martedì 4 Marzo 2008 - 09:10
di Alessandro Fulciniti
Le PNG semitrasparenti sono da sempre uno strumento potente per ottenere
effetti grafici accattivanti e altrimenti impossibili. Ecco due tutorial
molto ben fatti sul loro uso creativo.
In Doing strange things to CSS Backgrounds su Sitepoint viene mostrato come agendo sulla background-position sia possibile ottenere differenti velocità di scorrimento orizzontali degli sfondi (qui l’esempio).
Nel recente How to recreate Silverbacks Parallax
su Vitamin viene spiegato come ottenere un effetto tridimensionale come quello di Silverback grazie a tre sfondi PNG e poche regole CSS. Per notare l’effetto, anche in questo caso vi basta stringere o allargare la finestra del browser.
Categoria: CSS | Permalink | Commenti (6)
Bookmark di Febbraio
Lunedì 3 Marzo 2008 - 09:16
di Alessandro Fulciniti
Apro questo post con una novità che vorrei condividere con i lettori.
Dal 13 febbraio mi sono trasferito per lavoro in Olanda, avrò un contratto
di tre anni. Ebbene si, sono uno dei cervelli in fuga :) Mi sono già sistemato con la casa, ma c’è un piccolo problema: sono senza internet per ora! Ci andranno ancora due-tre settimane per avere l’ADSL: quando arriverà riprenderò l’attività sul blog con la normale frequenza.
Questo weekend sono però tornato a casa in Italia, e ho pensato di recuperare
un po’ di bookmark e non mancare con l’appuntamento mensile:
- The principles of beautiful HTML email: su Sitepoint, una bella lettura sulle email in formato HTML
- The one page graphic design portfolio guide con tips e risorse per creare un portfolio a pagina singola
- Font-based layouts becoming fashionable?, una riflessione sui layout elastici
- 18 Smoking hot bussiness card designs: un’ispirazione con 18 biglietti da visita stupendi
- Creating a three-level rollover vertical menu with CSS, un tutorial per creare un menu verticale espandibile a tre livelli solo con i CSS
- 70 of the best logo design resources, ben 70 risorse e articoli sulla creazione di logotipi
- 9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension, come migliorare
lo sviluppo con questa pratica estensione di Firefox
Categoria: Bookmark | Permalink | Commenti (2)