Undolog.com

På grund af de forskellige afsmeltning mellem forskellige browser, som helt sikkert se Microsoft Internet Explorer i hovedet, skal du altid bruge artifizi gælde for specielle effekter, der nu bør være en standard. Multi-drøftet afrundede kanter er et klassisk eksempel på den "katastrofe", produceret af en fuldstændig manglende evne til at opnå en standard alvorligt på side afsmeltning HTML / CSS. Der er mange netværksløsninger, der giver dig mulighed for at have "virkninger" (virkninger fritage dall'HTML stede som afrundede kanter, skygge virkninger, refleksioner, etc ...) med lapper på ark af stilarter, særlige tricks ved hjælp af div podede, biblioteker Javascript, brug af canvas etc ...
For rent uddannelsesmæssige Jeg vil forklare yderligere tekniske (cross-browser) til at gælde for de afrundede kanter af billeder:

Demoer og kilder

• Fuldføre projektet på Google Code
• demo
• jquery.roundborders.js
• Photoshop image format
• PNG image format

Fortsæt med at læse ... "

Related Post

• Internet Explorer 7 (IE7): PNG og CSS langt? (0)
• Web2.0: Gran Paradiso Firefox 3.0 og Apollo (2)
• Udbytte reduktion i billedet browsere (5)
• CSS3: nogen har set Internet Explorer? (3)
• Klasser og id i CSS (3)

Dette er den første udgivelse, den 0,8 (afstemmes med online-version), Skype Emotions Editor - Skypemote - version i Adobe AIR. For nu er medisime online-version, med den fordel, at en skrivebordet, og derefter installeret på Windows, Mac og Linux.
Før du huske at opdatere og / eller installeret for første gang runtime af Adobe AIR, hvis du ikke allerede har gjort det tidligere.

Downloade

Air Skypemote du kan downloade fra Google Code.

Related Post

• Skypemote.com: Fortæl med følelser (4)
• Distribuere Adobe AIR: AIR Badge af en SU Player (4)
• Adobe AIR 1.0, Adobe Flex 3.0 og den nye Adobe Open Source (0)
• Undolibrary MatrixArray: en udvidelse af klassen Array (0)
• Umapa Flash Component (Beta v0.6) (0)

Det ser ofte en række links fordelt vandret adskilt af et pipe "|", det grafiske symbol dell'asticella lodret. Desuden, hvis du har gode skriftlige HTML, du finder, at denne række links - tilsyneladende vandret - andre ikke spiller på, at listerne UL eller OL Resultatet er, at i stedet for at skrive:

Det ville være bedre at bruge:

Fortsæt læsning ... "

Related Post

• De vidundere CSS2.0 + (0)
• Indtast teksten med CSS: IE7, en dårlig aftale (4)
• Klasser og id i CSS (3)
• Xopus: XML i WYSIWYG editor (0)
• Wordpress: ændre AdminBigWidth for udviklere (1)

Åbner - i beta - Skypemote.com, et projekt er født af en idé mig og Nicola (flussodigitale.com), som foreslår en simpel editor til at skabe cool design fra "lim" i Skype. Redaktøren er blevet oprettet i Adobe Flash CS3 og vejr tillader det, jeg vil også frigive en version - skrivebord - Adobe AIR.
Hvis du bruger Skype til at chatte med denne editor vil sikkert forbavse din samtalepartnere. Hvis du finder denne service nyttigt og sjovt, så glem ikke at bidrage med forslag, forslag og - hvis du vil - med en donation!
Følg projektet, fordi der snart vil være andre "venligtsindede" nyheder.

Related Post

• Skypemote version af Adobe AIR (0)
• Yahoo! ASTRA: suite af komponenter til Flash-og Flex (0)
• Undolibrary MatrixArray: en udvidelse af klassen Array (0)
• Umapa Flash Component (Beta v0.6) (0)
• Simple Flash Generator 0,5 Projekt: En AIR ansøgning om Flash (0)

Fra Apple Web 2.0 billeder "udtryk" har oversvømmet Intrenet. Ofte misbrugt altid er af stor virkning. Varer Saperle nå ikke virksomhed er kompliceret og, med en pizzoco fancy, kan du gøre det mindre "indlysende" og "rabat" ... Hvis du ikke kan undvære.

Grundlæggende om Reflex

Først og fremmest skal vi sætte som en afspejling base. Teknikken til at fastsætte en refleksion grundlag, i det mindste en favorit og jeg bruger konstant, er enkel og hurtig implementering. Denne metode giver maksimal frihed med senere ændringer og vedligeholde gennemsigtighed i tilfælde af, at du ønsker at gemme billedet i PNG-24 med gennemsigtighed.

1. Som altid åben Phosotoshop og uploade det billede vi ønsker at reflektere over et særligt lag
2. Dubler lag (trække lag, der skal overføres til den ) Og nominiamolo "skygge" eller "refleks"
3. Fra "Rediger" i menuen vælge "Turn" / "Vend vertikal"
4. Træk det nye lag "refleks" i det oprindelige lag og spostiamolo bag den oprindelige lag
5. Vi vælge laget "refleks" og holde ALT-tasten nede, tilføjer en maske at klikke på "maske" i værktøjet vindue lag, de lag "refleks" skal forsvinde
6. Vi vælge den maske lag i "refleks" og klik på Fyldning
7. Indstil en skygge fra sort til hvid eller gennemsigtig:
8. Spor skyggen fra midten af den oprindelige lag i det midterste lag af "refleks"

Fortsæt læsning ... "

Related Post

• Photoshop tutorial: planet med Rising Sun (3)
• Photoshop Tutorial: Web 2.0 stil ikoner i 3 trin (14)
• Photoshop tutorial: virkning foldede ark (9)
• jQuery: runde kanter på billeder, der overlapper hinanden (0)
• De nye værktøjer i Adobe Photoshop CS3 Extended (0)

Normalt ikke gøre det, men også fordi det er på undolog grafik & design, er jeg forpligtet til at indberette de restyling af blog UPI på papir. Hertil kommer, at designe også, når jeg ser en "hånd" gode er stærkere end mig! Med det nye layout, derefter, illustrationer af UPI er endnu sjovere.

Related Post

• Maler: simple ansøgning om tegning i Flash CS3 Pro (2)
• MyToons Delt (0)
• Xopus: XML i WYSIWYG editor (0)
• Windows-værktøjer: den bedste freeware (1)
• Hvad er der i kassen? (0)

Teknik Tekst erstatning, jeg fremlægger i dag, er i visse henseender, virkelig interessant. I modsætning til det klassiske billede i stedet for via CSS, denne teknik bruger en flash for at tilsidesætte titlerne på vores site. På trods af at være en smule mere, fordi det kræver oprettelsen af en Flash-film og brugen af Javascript, giver en række fordele ikke er ligeglade:

• Holder 's adgang til webstedet ved hjælp af en True-diskret-Javascript, så webcrawlere og edderkopper fortsætte med at se den side, så enkel og korrekt HTML
• Ikke kræver oprettelsen af billeder n for n titler. Bare en film til at erstatte alle titlerne på vores site, med betydelige besparelser i form af Download
• Giver dig mulighed for at skabe enkle titler, men med Font normalt ikke anvendes på internettet
• Teksten kan leveres i HTML, takket være de karakteristika af Flash
• Teksten er valgbare
• Er en flash kan du tilføje interaktivitet og animation af enhver art

Du vil opdage også, at denne procedure CSS er ikke praktisk taget højde!

Fortsæt læsning ... "

Related Post

• Flash bekeden Objects (1)
• Web2.0: Gran Paradiso Firefox 3.0 og Apollo (2)
• Diskret SWFObject 2.0 (1)
• Simple diskret TabStrip (1)
• Umapa Flash Component (Beta v0.6) (0)

Denne gang (se Piclens til Flash med Papervision3D 2.0) offentlig-kode (PicLens.as), jeg var nødt til at revidere visse dele af koden, således at tilpasse de seneste versioner af Papervision3D 2.0 Great White og jeg foretaget nogle justeringer og tilføjelser. Jeg trådte i denne demo også en række Knob, Knobs, runtime til at ændre nogle parametre.

Simulation af bevægelse PicLens

Til tæt som muligt på den horisontale bevægelighed for PicLens originale, jeg brugte en lille vej ved at inddrage en "usynlig" DisplayObject3D som et mål for det rum:

I praksis værelse altid tungen på DisplayObject3D sted bag række immmagini. Når kameraet bevæger sig (med en bevægelse, accelereret / inerti) også DisplayObject3D følgende, men med en lille forsinkelse. Dette har givet mig mulighed for at gøre virkningen af forslaget glat og helt svarer til den, der opnås på PicLens originale:

Jeg har ikke brugt nogen Tween, men en mere enkel og effektiv funktion:

I den demo du kan ændre nogle parametre: fokus, zoom og mål. Det er den holdning DisplayObject3D i forhold til 99 billeder! Ved at ændre denne holdning, du vil bemærke ændringer i flytning af scenen.
Fokus og zoom er ejendom Papervision3D.

Interaktion

Bare klik på billederne ...

Related Post

• Piclens til Flash med Papervision3D 2.0 (2)
• Papervision3D: BasicView (0)
• Installere Papervision3D 2.0 Great White: TortoiseSVN (5)
• FIVe3D: special effects på en terning! Indtil Flash 10 (2)
• Papervision3D: hvordan man håndterer Bitmap i FIVe3D (0)

I stillingen Flash CS3: Reflex skabe en virkning på enhver MovieClip set, hvordan kan vi skrive en klasse, som udvider en MovieClip at oprette forbindelse til DesignTime til enhver MovieClip i biblioteket. Jeg opdagede dog, at der kan være mere nyttigt Økonomiske og gøre den modsatte vej. Jeg har oprettet en klasse Reflex (Reflex.as), med den hensigt at bruge det udelukkende kode. Jeg har oprettet denne klasse planlægger at gå i konstruktøren pointer til et MovieClip. Den nye klasse Reflex indeholder stort set den samme kode indsættes i første ReflexMe ændret en smule, så det kan fungere udtrykkeligt kode:

Fortsæt læsning ... "

Related Post

• undolibrary: Actionscript 3,0 bibliotek på Google Code (0)
• Undolibrary MatrixArray: en udvidelse af klassen Array (0)
• Flash CS3: at skabe en virkning på enhver MovieClip Reflex (7)
• Oprettelse af en generisk preloader i Actionscript 3.0 (6)
• Actionscript 3.0 for begyndere: lektion # 4 (0)

Udnytte den effekt genereres af perlinNoise() kan du oprette rundstyringssendere virkninger og bølger med Papervision3D.

Download kilden

For at oversætte den kilde, du har brug for begge dele Papervision3D og Undolibrary - nu kan du finde som ZIP-pakke direkte i Download sektionen af Google Code.

Related Post

• undolibrary: Actionscript 3,0 bibliotek på Google Code (0)
• Undolibrary MatrixArray: en udvidelse af klassen Array (0)
• PicLens i Flash med Papervision3D 2.0: Part II (13)
• Piclens til Flash med Papervision3D 2.0 (2)
• Papervision3D: BasicView (0)