25 Code Snippets per Web Designers (part8)

Il nostro primo post del 2008 prende il via con una parte 8 della nostra serie di frammenti di codice. Diamo un'occhiata ad alcuni pezzi pratico di Javascript, CSS e HTML e che è possibile utilizzare nei vostri progetti del sito ...

swfIR - swfIR (swf Image Replacement) è qui per risolvere alcune delle limitazioni di progettazione dell'immagine HTML standard e le sue ampiamente accettata associati valori CSS, pur sostenendo basata su standard concetti di design. Utilizzando le arti oscure di JavaScript e Flash, swfIR ti dà la possibilità di applicare un assortimento di effetti visivi a qualunque o tutte le immagini sul tuo sito web

Drigg - Drigg è un potente modulo di Drupal scritto da Tony Mobily, che ti consente di promuovere le storie automaticamente in base ai voti degli utenti '. A differenza di altri Drupal e non soluzioni Drupal, si può fare questo con semplicità incredibile

Creare un nuovo stile Google Suggest Filtro con il completamento automatico di controllo - Permette all'utente di selezionare una colonna filtro da un elenco a discesa. Poi come chiave in caratteri nella casella di testo adiacente userei extender automatico del AjaxControlToolkit per suggerire alcuni valori da usare per filtrare

Moo Flow - MooFlow è un Javascript basata Galleria sembra iTunes Apple o Finders CoverFlowâ "¢

Spellify - Un campo di correttore automatico di testo ortografico

Come creare pulsanti sexy con i CSS - Questo tutorial vi insegnerà come creare piuttosto che cercano bottoni testuali (con supplente stato premuto) usando i CSS

Advanced CSS Menu - La maggior parte di voi probabilmente sanno codice CSS un menu orizzontale o verticale lista. Ora Let's € ™ s portarlo al livello successivo â € "codice di un avanzato (UN-tipico) utilizzando il menu della lista dei beni posizione CSS

XML / SWF Charts - è uno strumento semplice, ma potente per creare grafici web attraenti e grafici da dati dinamici XML

JFree Chart - jfreechart è una libreria Java al 100% grafico che rende facile per gli sviluppatori di visualizzare i grafici di qualità professionale nelle loro applicazioni

Open Flash Chart - Open Flash Chart, è open source. E 'libero di utilizzare e di ottenere il codice sorgente per giocherellare con!

Free CSS menu di navigazione - questi undici menu di navigazione CSS vengono creati utilizzando la tecnica Sliding Doors, e funziona anche in everyoneâ € ™ s favorite browser Internet Explorer. È possibile scaricare l'intero insieme e l'utilizzo in qualsiasi modo ti vedi in forma

CSS Ombra - Tecnica per la costruzione flessibile, ombre CSS applicato agli elementi blocco arbitrario. La maggior parte delle tecniche esistenti per la creazione di ombre elemento per l'uso delle immagini, questo non lo fa. IT usa semplici semplici CSS

jquery Hover Sub Tag Cloud - Tag nuvole quando, usato correttamente, possono fornire ai visitatori una illustrazione immediata dei principali argomenti del Sitea € ™ s di contenuti. E anche se noi donâ € ™ t che hanno molta scelta nella progettazione, possiamo ancora trovare il nostro modo di elaborare nuovi approcci di progettazione e soluzioni

WYM di stile CSS Framework - L'obiettivo di questo progetto è quello di fornire una serie di ben collaudato modulare file CSS, che possono essere utilizzati per la progettazione rapida di siti web

CSS Text Wrapper - Il CSS Text Wrapper ti permette di fare facilmente disporre il testo HTML in altre forme di un semplice rettangolo. È possibile effettuare disporre il testo intorno a curve, a zig-zag, o quello che volete.

Completa Auto - auto-textboxes più completa può avere un effetto contrario sugli utenti finali. Invece di aiutarli a fare le cose velocemente, ottengono irritato da difetti di progettazione da parte del programmatore

Calendario Componente - Un componente per facilitare l'esperienza dell'utente nella selezione di un intervallo di date

Styling l'elemento pulsante con porte scorrevoli - La tecnica di seguito viene illustrata una tecnica di cross-browser per gli elementi a bottone con porte scorrevoli

Forma AutoSuggest con l'Ajax - La classe AutoSuggest aggiunge un menu a discesa di valori suggeriti per un campo di testo. L'utente può cliccare direttamente su un suggerimento di entrare in campo, o navigare l'elenco usando i tasti freccia, selezionando un valore usando il tasto Invio

Matt Berseth - Tip YUI Styled 'di dialogo del giorno' con il PopupControl, DynamicPopulate e DragPanel Extender Controls

Frequenza Decoder - Accessibile Unobtrusive Slider

Calendario - Calendar è una classe Javascript che aggiunge accessibile e discreto data-raccoglitori al form elementi

Starbox Rating Stelle - Starbox ti permette di creare facilmente tutti i tipi di finestre di gradimento utilizzando una sola immagine PNG. La biblioteca è costruire sulla parte superiore del quadro Prototype javascript