Innholdsfortegnelse:
- Slik forbedrer du CSS3 velgerstøtte med Selectivizr
- Slik utformer du uvanlige CSS3-listepresentasjoner med Liffect
- Slik redigerer du CSS3-kode med Komodo Edit
- Slik tester du CSS3-fontstabler med FFFFALLBACK
Video: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie 2024
CSS3 g eneratorer, som er verktøy du kan bruke til å lage, samhandle med eller teste koden. Disse verktøyene inkluderer et bredt spekter av spesifikke typer, inkludert veivisere, designere, integrerte utviklingsmiljøer (IDEer) og en rekke andre elementer.
Slik forbedrer du CSS3 velgerstøtte med Selectivizr
CSS3 velgerstøtten i eldre nettlesere er nesten ikke-eksisterende. Selvfølgelig må du ha stor selector støtte for å få mest mulig spesialeffekter fungerer riktig. Svaret på problemet er å bruke Selectivizr for å overvinne disse problemene. Dette verktøyet er spesielt utviklet for å hjelpe deg med problemer som oppstår i Internet Explorer versjon 6 til og med 8 - og det fungerer med en rekke biblioteker, inkludert
-
jQuery
-
dojo
-
prototype
-
Yahoo!
-
DOMAssistant
-
MooTools
-
NWMatcher
Selv med dette verktøyet får du ikke fullstendig valgstøtte. Heldigvis gir Selectivizr-siden en liste over selektorer og forteller deg hvilke selektortyper den støtter for et gitt bibliotek. Med denne kunnskapen kan du vanligvis overvinne eventuelle valgproblemer når du arbeider med eldre nettlesere.
Slik utformer du uvanlige CSS3-listepresentasjoner med Liffect
Utviklere bruker lister for en rekke oppgaver når du lager en side. For eksempel spiller lister en viktig rolle i å skape mange menyer. Et annet formål med lister er å vise innhold. Du kan vise alt innholdet på en gang, eller gjøre innholdet spesielt ved å presentere ett element om gangen. Hensikten med Liffect er å gjøre det mulig å lage spesielle effekter for lister.
Dette verktøyet genererer egendefinert kode for å animere innholdslisten. Alt du gjør er å definere hvilken type animasjon du vil ha, tiden animasjonen krever for å fullføre, forsinkelsen mellom elementer, og om du vil at elementer skal velges tilfeldig. Nederst på siden er valg for hvilken type nettlesere du vil støtte.
Når du har valgt dine valg, klikker du Generer. Verktøyet utløser HTML, CSS3 og JavaScript-koden som kreves for å lage den animerte sekvensen. Selvfølgelig må du fremdeles gi innholdet ved å endre HTML-koden (eller gi noen automatisk metode for å generere den). Ellers alt du trenger å gjøre er å kopiere og lime inn den resulterende koden til din søknad.
Slik redigerer du CSS3-kode med Komodo Edit
Ja, du kan opprette en hvilken som helst nettleserbasert applikasjon du vil ha ved hjelp av en enkel tekstredigerer. Enhver redaktør som skriver ut tekst uten formatering, fungerer bra. Faktisk vil enhver metode du har til å produsere ren tekstutskrift, fungere.
Men de fleste utviklere velger et miljø som er vennligere og enklere å bruke - ofte i form av en IDE. Bruke en IDE gir deg nyttig informasjon, for eksempel egenskapene som er tilgjengelige når du arbeider med CSS eller inngangene som kreves for en JavaScript-samtale.
Komodo Edit gir god støtte til CSS3, HTML5, JavaScript og en rekke andre språk, inkludert Perl, PHP, Python, Ruby og Tcl. Redaktøren jobber på Windows, Macintosh og Linux-systemer.
Den betalte versjonen av dette produktet støtter flere språk og et vell av flere funksjoner, men den gratis versjonen er perfekt brukbar for JavaScript-koding. Den største mangelen i den gratis versjonen er en debugger, men du kan enkelt bruke debuggeren som følger med nettleseren din for å gjøre forskjellen.
Slik tester du CSS3-fontstabler med FFFFALLBACK
I noen tilfeller vil du opprette en egendefinert skriftstapel slik at siden din vises nøyaktig slik du vil at den skal vises til sluttbrukeren. En annen løsning på dette problemet er å bruke FFFFALLBACK - et verktøy som gjør det mulig å prøve forskjellige skriftkombinasjoner på målsiden.
Siden inneholder instruksjoner for bruk av dette verktøyet. Du drar bare bokmerket til verktøylinjen i nettleseren din, der det blir en klikkbar knapp. Gå til nettstedet du vil endre, og klikk deretter FFFFALLBACK-knappen.
Verktøyet analyserer CSS på siden og lager en klon på siden. Du får også se et verktøy på den klonte siden som du kan bruke til å teste forskjellige skrifter. For å endre skrifttypen, skriv inn skrifttypenavnet og trykk Enter i feltet som følger med.
Fallback-skrifttypen du velger, vises i en alternativ farge, under og til høyre for den opprinnelige skrifttypen. For å se bare tilbakebetegnelsen, klikk på Fallback. På samme måte, for å se bare den opprinnelige fonten, klikker du på webfonten.
Dette bestemte verktøyet fungerer bare med webkit nettlesere som Firefox, Chrome og Safari. Den fungerer ikke med andre nettlesere, inkludert Internet Explorer og Opera.