2009-06-26 12 views
9

Ho pensato di utilizzare un framewrok CSS come molti web designer lo usano. Dicono che è buono, ecc. Ma c'è un reale vantaggio nell'usare un framework CSS come 960 Grid System o Blueprint? Mi renderà la vita più facile? Queste strutture considerano il diabolico Internet Explorer?Vantaggio dell'uso di un framework CSS

Eventuali approfondimenti saranno utili.

+7

dupe: http://stackoverflow.com/questions/203069/what-is-the-best-css-framework-and-are-the-worth-the-effort, http://stackoverflow.com/questions/506523/are-css-frameworks - davvero utile da usare –

+0

Nessuno di questi duplicati appare nell'elenco dei suggerimenti per questa domanda. Invece, ci sono dozzine di domande che contengono la stringa "CS". –

+0

Inoltre, la ricerca di "framework CSS" genera decine di suggerimenti pertinenti. –

risposta

3

Dipende. Se stai imparando CSS o il progetto non richiede molto stile, penso che non dovresti usare un framework CSS. Inoltre, se vuoi creare uno stile unico o specifico, non ti aiuterà molto.

Tuttavia, se hai esperienza con i CSS e il progetto è di grandi dimensioni, un framework CSS può aiutarti a risparmiare tempo e problemi.

E sì, considerano IE.

11

Molti framework includono Reset-Rules, che è un singolo foglio di stile (Generally Meyers' or a derivation of it) che bilancia il rendering degli elementi su più browser. Ora, se decidi di utilizzare o meno un Framework CSS, DEVI usare uno Reset.

Ho usato solo lo 960 e devo dire che mi piace. La cosa interessante è che il tuo layout è strutturato con classNames che contengono valori numerici, il che significa che potresti determinare a livello di programmazione un nuovo layout, se vuoi: semplice matematica. In molti casi, inoltre, rende molto più veloce lo sviluppo di un layout complicato. Nettuts ha fatto un po 'di tempo indietro allo video of 960 chiamato "A Detailed Look at the 960 CSS Framework".

HAI BISOGNO di un quadro? No. Aiutano? In molti casi. Per lo meno, vorrei incoraggiarti a scaricare 960 e giocare con esso, e d'ora in poi iniziare a utilizzare almeno uno Reset.

Esempio di 960 nomi di markup e di classe:

<div class="container_12"> 
    <div class="grid_7 prefix_1"> 
     <div class="grid_2 alpha"> 
      ... 
     </div> 
     <div class="grid_3"> 
      ... 
     </div> 
     <div class="grid_2 omega"> 
      ... 
     </div> 
    </div> 
    <div class="grid_3 suffix_1"> 
     ... 
    </div> 
</div> 
4

E 'una buona idea di non confondere il concetto di un quadro con un tipo o di istanza di un quadro specifico. Alcuni sostengono che, poiché un framework (ad esempio 960 per esempio) non si adatta a un determinato caso d'uso, è necessario evitare del tutto i framework. Pazzo!

Un framework è uno strumento che i buoni sviluppatori utilizzano per ottenere un lavoro. Uno sviluppatore esperto potrebbe persino costruire il proprio framework per il proprio consumo. L'astrazione è un concetto potente che ogni sviluppatore dovrebbe padroneggiare.

È interessante prendere un momento per considerare un buon definition of a framework: "Un'astrazione in cui il software che fornisce funzionalità generiche può essere modificato selettivamente dal codice utente". Si potrebbe forse sostenere che il CSS è in effetti un framework che estende l'HTML.

Ho giocato con 960 e mi raccomando di darlo, ma di questi tempi, tendo a creare il mio set di regole (un framework) usando qualcosa come sass. Penso che ci sia un porto di 960 e un piano in sass.

Recentemente ho lavorato a un sito Web aziendale di grandi dimensioni e una delle prime cose che ho fatto è stato l'astrazione dei valori esadecimali dal CSS in una tavolozza di colori, quindi c'era meno ridondanza nei file CSS. Circa un mese più tardi il cliente ci ha chiesto di rebrandare il sito per un mercato diverso, il che significava cambiare alcuni sprite e aggiornare la tavolozza dei colori e il lavoro era fatto. Ci sono voluti solo pochi minuti!

Ma per rispondere almeno una parte della tua domanda: Sì! Ci sono vantaggi nell'utilizzo di un framework. Andrei anche fino a dire che evitarli è un po 'ingenuo.

PS: scusa se la mia risposta non è specifico, ma si ha menzionato alcuna intuizioni sarebbe utile :)

2

framework CSS può davvero aiutare a risparmiare tempo layout di pagina con solo un insieme di classi predefinite. Penso che siano fantastici e possano davvero ridurre il tempo dedicato alla conversione di un disegno in html/css. Consiglierei di dare un'occhiata ad alcuni che uso regolarmente.

heymuscle

960gs

1140 grid

speranza che questo aiuti.

3

Sono d'accordo con quanto è stato detto finora. Quelle strutture accelerano le cose. Sì, è importante sapere veramente cosa succede dietro le quinte, ma per rispondere alla tua domanda, quali sono i vantaggi dell'utilizzo di un framework CSS. Ecco la mia opinione su questo:

Utilizzando un framewok non è necessario essere un esperto di CSS per implementare qualsiasi progetto. Questo è stato particolarmente utile per me quando ho bisogno di qualcun altro per implementare un progetto e un esperto non è disponibile.

0

Una volta che ci si abitua, i framework CSS possono velocizzare seriamente la creazione di siti Web crossbrowser.

Il supporto IE varia da quadro a quadro. Alcuni supportano solo IE8 e versioni successive. Altri supportano il vecchio IE fino a IE6.

Ho rilasciato il mio framework CSS "Cascade Framework" un paio di mesi fa.