25 Kodestumper for webdesignere (Part7)
Oktober 26, 2007 af Oli · 11 Kommentarer 
Hvert web designer finder det praktisk at have en samling af kodestumper som JavaScript effekter, stykker af html og widgets, som de indarbejder i deres design. Lad os tage et kig på de seneste eksempler på disse ...
Live Validering - LiveValidation er et lille open source JavaScript bibliotek der er bygget til at give brugerne real-time validering oplysninger, som de udfylder formularer
Javascript Progress Bar - Dynamic Diskret JavaScript Progress / Procent Bar
Spørg CSS Guy - Oprettelse af en tabel med dynamisk fremhævet kolonner gerne Crazy Egg's prissætning tabel
Styling Fil indgange med CSS og DOM - File-indgange (<input type="file" />) er den bane af smukke form design. Nr. rendering engine giver kornede kontrol over deres præsentation designere ønske. Denne enkle, i tre dele progressive ekstraudstyr giver markup, CSS og JavaScript til at løse de langvarige irritation
Fancy Form - FancyForm er en kraftfuld afkrydsningsfelt udskiftning script bruges til at give den ultimative fleksibilitet til at ændre udseende og funktion af HTML form elementer
Lavalamp for jQuery elskere - Hover menu bygget med A semantisk korrekt HTML markup, A CSS huden opmærkningen og unobstrusive javascript
Fade Out Bund - Dette er en cool effekt, hvor bunden af siden ser ud til at fade ud. Teknikken gør brug af en fast position div (nederst: 0%) med en gennemsigtig PNG image og en høj z-index værdi
Clean CSS - CleanCSS er en kraftfuld CSS optimere og formateringsplugin. Dybest set, det tager din CSS-kode og gør det renere og mere koncise
CSS Specificitet - Bortset fra Flyder, CSS Specificitet er en af de mest vanskelige begreber at forstå i Cascading Stilark. De forskellige vægt selektorer er normalt hvorfor dine CSS-regler gælder ikke af nogle af elementerne
Phat Fusion - Billed menu ved hjælp af JavaScript, klik for at holde hvert menupunkt åbne og lukke den igen
XML og SWF Charts - XML / SWF Hitlister er et simpelt, men effektivt redskab til at skabe attraktive web diagrammer og grafer fra dynamiske XML data
Dato Input Kalender - Dato Input Kalender er designet specielt til at gøre indsejlingsdato værdier i form så nemt som det kan
Jibberbook - Gratis download Ajax gæstebog
Prototype fiskeøje - Idéen bag en fiskeøje kontrol er en stribe af ikoner, der er lodret eller vandret lagt ud, som reagerer på brugerens mus når den nærmer sig den ikon
jQuery Password Strength Meter - Det jQuery Password Strength Plugin kan du vise en visuel støtte til styrken af en brugers password. Det er knyttet til en password-feltet, og som brugeren typer i deres adgangskode, plugin beregner en score baseret på de mange forskellige karakterer
jQuery UI - jQuery UI er et sæt af tema kunne widgets og interaktioner, der er bygget på toppen af jQuery JavaScript Library, som du kan bruge til at bygge højt interaktive web-applikationer
Nice Titler Revideret - Mouseover Værktøjstip
AutoSuggest - En AJAX auto-fuldføre tekstfelt
Dato Input Selection - Det datotid Toolbocks er en ren JavaScript bibliotek ved hjælp af DHTML og avancerede dato parsing til at generere den dato er baseret på grammatik bestået
Transparent Message - Transparent besked er en ny måde at vise oplysninger på en webside.
I stedet for at bruge grimme alarm () javascript funktion, viser det budskabet i en overlay lag af din HTML-side
PJ Hyett - Den Lightbox effekt uden Lightbox
jsGalScroll - Den jQuery jsGalScroll Plugin kan du tage en gruppering af billeder og gøre dem til en rullende galleri med sidetal
Spørg CSS Guy - Opret en tabel som Orbitz flyselskab flyvninger planlægning og prissætning matrix
CSS Dashboard Effect - Lige ønsker at advare dine brugere til en virkelig vigtigt budskab? Lige omhu for at have en vis effekt, der lignede dashboard?
Eswat - Det ESWAT web-projekt rammer er et sæt, der indeholder en mappestruktur og nogle pre-skrevet komponenter, som jeg bruger når jeg starter en ny web-projekt
Meget cool liste. Det synes vi har kommet til en tid, hvor opgaverne for webdesigner og web-udvikler (de værktøjer, du nævnte) bliver udført af en enkelt person.
Synes lige du har inkluderet en hel del af AJAX i denne sektion. Det er utroligt, hvad folk kan gøre grafisk, hvis de sætter deres sind til bare at manipulere med simple html tags ved at udnytte den kraftige javascript sprog!
Det er en af de bedre auto-tyder scripts jeg har set - tak. Ligesom Patrick sagde, det bliver lettere for designere til at gennemføre disse ting, med eller uden kendskab til scripting involverede sprog (altid hjælper til i det mindste kunne kreativt klippe / paste).
Nice liste. Det er for dårligt halvdelen af de eksempler, synes ikke at arbejde på Safari. Jeg var nødt til at fyre op Firefox for at se mange af de eksempler fremhævede ovenfor. Ikke den største, hvis du forsøger at designe / udvikle på tværs af browser lyksalighed.
Hele side har tekst smack op mod venstre kant af vinduet (Firefox på Mac OS X), som jeg finder irriterende og svær at læse. Hvorfor sker det? Kan jeg ordne det, eller er det op til dig?