jQuery: pyöreä reunoja kuvista päällekkäin

Torstai 30. lokakuuta 2008

Koska eri mallinnus eri selainta, joka varmasti nähdä Microsoft Internet Explorer mielessä, meillä on aina turvautua hakea artifizi vaikutuksia, että nyt pitäisi olla standardi. Monivuotisten keskusteltu pyöristetyt reunat ovat klassinen esimerkki siitä, että "katastrofi", jonka täydellinen kyvyttömyys saada aikaan standardi vakavasti sivulla mallinnus HTML / CSS. On olemassa lukuisia verkkoratkaisuja, joiden avulla voit olla "vaikutukset" (vaikutukset vapauttaa dall'HTML läsnä pyöristetty, varjot, heijastukset jne. ...) ja korjaustiedostot että levyt tyylejä, erityisiä temppuja käyttäen div vartetut, kirjastot Javascript käyttö canvas etc ...
Puhtaasti koulutus Haluaisin selittää uusia teknisiä (rajat selain) sovelletaan edelleen pyöristetyt reunat kuvia:

Esittelyt ja lähteet

Jatka lukea ... "

Teemat Post

Skypemote Adobe AIR

Tiistai 30. syyskuuta 2008

Asenna Skypemote ladata Adobe AIR versio

Tämä on ensimmäinen julkaisu, ja 0.8 (yhdenmukaistettava verkkoversio), Skype Emotions Editori - Skypemote - versio Adobe AIR. Nyt toiminnot ovat medisime online-versio, jonka etuna on työpöydällä, ja asentaa Windows-, Mac-ja Linux.
Ennen kun muistat päivittää ja / tai asennettu ensimmäistä kertaa runtime Adobe AIR, jos et ole jo tehnyt niin aikaisemmin.

Ladata

Air Skypemote voit ladata Google-koodi.

Teemat Post

Luo putken erottimen avulla CSS

Tiistai 9. syyskuuta 2008

Se usein nähdä määrä linkkejä jaettu horisontaalisesti erotettu piippua "|", graafisen tunnuksen dell'asticella pystysuora. Lisäksi, jos sinulla on hyvä kirjallisesti HTML, olet sitä mieltä, että tämä joukko linkkejä - ilmeisesti horisontaalinen - muut eivät ole vedonlyöntiä, jossa luetellaan UL tai OL Tuloksena on, että sen sijaan, että kirjallisesti:

HTML:
  1. <p>
  2. > Link 1 </a> | <a href = "#2" > Link 2 </a> | <a href = "#n" > Link n </a> <a href = "#1"> Linkki 1 </ a> | <a href = "#2"> Linkki 2 </ a> | <a href = "#n"> Linkki n </ a>
  3. </ P>

Olisi parempi käyttää:

HTML:
  1. > Link 1 </a> </li> <li> <a href = "#1"> Linkki 1 </ a> </ li>
  2. > Link 2 </a> </li> <li> <a href = "#2"> Linkki 2 </ a> </ li>
  3. > Link n </a> </li> <li> <a href = "#n"> Linkki n </ a> </ li>
  4. </ Ul>

Continue Reading ... "

Teemat Post

Skypemote.com: Kerro ja tunteet

Tiistai 26. elokuuta, 2008

Skypemote

Avaa - beta - Skypemote.com-hankkeessa syntynyt ajatus minua ja Nicola (flussodigitale.com), jossa ehdotetaan yksinkertainen toimittaja luoda jäähtyä mallit alkaen "liima" ja Skype. Editorissa on luotu Adobe Flash CS3, ja mikäli sää sallii, haluan myös vapauttaa versio - työpöydälle - Adobe AIR.
Jos käytät Skypen keskustelemaan kanssani tämän editorin varmasti hämmästyttää teidän keskustelukumppaneita. Jos löydät tämän palvelun hyödylliseksi ja hauskaa, älä unohda auttaa ehdotuksia, ehdotuksia ja - jos haluat - kun lahjoitus! :)
Seuraa projektin, sillä pian muut "ystävällinen" uutisia.

Teemat Post

Photoshop Tutorial: tekniikat pohdinta

Maanantai 30. kesäkuuta 2008

From the Apple Web 2.0-kuvat "näkyy" on tulvinut Intrenet. Usein väärin on aina suuri vaikutus. Tavarat Saperle saavuttamiseksi ei liiketoiminta on monimutkainen ja, joiden pizzoco fancy, voit tehdä sen vähemmän "ilmeinen" ja "diskontattu" ... jos et voi tehdä ilman.

Basics of Reflex

Ensinnäkin meidän asettaa harkinta perusta. Tekniikka asettaa harkinta-ja vähintään yksi suosikki ja voin käyttää jatkuvasti, on yksinkertainen ja nopea. Tämä menetelmä mahdollistaa mahdollisimman suuri vapaus myöhemmistä muutoksista ja säilyttää avoimuuden, jos haluat tallentaa kuvan PNG-24 avoimuutta.

Ladataan Flash Player ...

1. Kuten aina auki Phosotoshop ja lähettämällä kuvan haluamme pohtia erityisen kerros
2. Monista Layer (vedä kerros on kopioidaan ja kuva ) Ja nominiamolo "varjossa" tai "refleksi"
3. Julkaisija "Muokkaa"-valikosta valitse "Käännä" / "Flip vertikaalisen"
4. Vedä uusi kerros "refleksi", kuten alkuperäisessä kerroksella ja spostiamolo takana alkuperäinen kerros
5. Valitsemme kerroksen "refleksi" ja pitämällä ALT-näppäintä, lisää naamio klikkaamalla kuva "maski" ja työkalu-ikkunassa kerrosta, kerrosten "refleksi" pitäisi kadota
6. Meidän valitse peittää kerros "refleksi" ja klikkaa kuva Täyttö
7. Aseta varjossa mustasta valkoiseksi tai avoimia: kuva
8. Track varjossa from the center of alkuperäisen kerroksen keskellä kerros "refleksi"

Continue Reading ... "

Teemat Post

UPI paperilla uudenaikaistamista

Torstai 26. kesäkuuta 2008

upi on paper

Yleensä ei tehdä, mutta myös siksi, että se on undolog grafiikka & Design, olen velvollinen ilmoittamaan uudenaikaistamista on blogi UPI paperilla. Lisäksi suunnittelussa myös silloin, kun näen "käsi" hyvä on vahvempi kuin minä! Kun uusi ulkoasu, niin esimerkkejä UPI ovat vieläkin nautinnollisempaa.

Teemat Post

Teksti Korvaus Tekniikat Flash

Keskiviikko 25. kesäkuuta, 2008

Menetelmää on teksti Korvaus Olen tänään joiltain osin on, todella mielenkiintoista. Toisin kuin klassinen kuvan korvata kautta CSS, tämä tekniikka käyttää salamaa ohittaa otsikot sivustollemme. Huolimatta hieman enemmän, koska se edellyttää, että luodaan Flash-elokuva ja käyttää Javascript, antaa useita etuja ei välinpitämättömästi:

  • Pitää 's saatavuutta sivuston avulla True-huomaamattomia-Javascript, jotta viruksia ja robotit edelleen nähdä sivun yksinkertainen ja oikea HTML
  • Ei tarvitse perustaa kuvien n n otsikot. Vain yksi elokuva korvata kaikki otsikot sivustollemme, huomattavia säästöjä kannalta Lataa
  • Voit luoda yksinkertaisia nimikkeitä, mutta Font ei yleensä käytetä Webissä
  • Tekstiä voidaan tehdä HTML, kiitos ominaisuudet Flash
  • Teksti on valittavissa
  • Ovat flash voit lisätä interaktiivisuutta ja animaatiota tahansa

Näet myös, että tämä menettely CSS eivät ole käytännössä otettu huomioon!

Continue Reading ... "

Teemat Post

PicLens Flash kanssa Papervision3D 2.0: Osa II

Tiistai 17. kesäkuuta 2008

Tällä kertaa (ks. Piclens Flash kanssa Papervision3D 2.0) julkinen koodi (PicLens.as), minun täytyi tarkistaa joissakin osissa koodi, jolloin linjaukseen viimeisin levittämisen Papervision3D 2,0 Great White ja tein joitakin muutoksia ja lisäyksiä. Olen tullut tässä demossa myös useita Knob, nupit, runtime muuttaa joitakin parametrejä.

Simulointi liikkeen PicLens

Jotta mahdollisimman lähellä horisontaalista liikkuvuutta PicLens alkuperäinen, olen käyttänyt pieniä tavoin myös "näkymätön" DisplayObject3D tavoitteen osalta huone:

ActionScript:
  1. ; __fooTarget = uusi DisplayObject3D ();
  2. ...
  3. = __fooTarget; __bv. cameraAsCamera3D. __fooTarget = kohdekieli;

Käytännössä tilaa aina kallistaa DisplayObject3D paikka takana sarja immmagini. Kun kamera liikkuu (ja liike nopeutettu / inertiaan) myös DisplayObject3D seuraavat, mutta hieman viiveellä. Tämä saa minut tekemään vaikutus liikkeessä sujuvaa ja aivan samanlainen kuin saavutettu PicLens alkuperäinen:

ActionScript:
  1. += ( ( __slider. Value - __bv. cameraAsCamera3D . x ) / 10 ) / 2 . 2 ; __bv. cameraAsCamera3D. x + = ((__slider. Value - __bv. cameraAsCamera3D. x) / 10) / 2. 2;
  2. __slider. Value - __fooTarget. x ) / 5 ) / 2 . 2 ; __fooTarget. x + = ((__slider. Value - __fooTarget. x) / 5) / 2. 2;

En ole käyttänyt mitään Tween, mutta enemmän yksinkertainen ja tehokas toiminta:

CODE:
  1. /accelerazione ) /inerzia; Kanta + = ((posizionefinale - sijainti) / kiihdytys) / inertia;

Kun demo voit muuttaa joitakin parametreja: focus, zoom ja tavoitteet. Tämä kanta on DisplayObject3D verrattuna 99 kuvat! Muuttamalla tätä kantaa, huomaat muutoksia liikkuvuus kohtauksen.
Focus ja Zoom ovat omaisuutta Papervision3D.

Vuorovaikutus

Klikkaa kuvia ... ;)

Teemat Post

Heijastimet ja ReflexMe luokan luokan perusteella

Perjantai 13. kesäkuuta 2008

Vuonna post Flash CS3: Reflex luoda vaikutusta mihinkään MovieClip nähnyt, miten voimme kirjoittaa luokan että laajennetaan MovieClip muodostaa yhteyden DesignTime mitään MovieClip vuonna kirjastoon. Havaitsin kuitenkin, että voi olla hyödyllistä, talous-ja päinvastaisesti tiellä. Loin luokan Reflex (Reflex.as), joiden tarkoituksena on käyttää sitä yksinomaan koodi. Loin tämän luokan aikoo mennä rakentajan osoitin, joka MovieClip. Uuden luokan Reflex sisältää pääosin sama koodi lisätään ensimmäisen ReflexMe hieman muutettu siten, että se voi toimia nimenomaan koodi:

ActionScript:
  1. / /
  2. .*; tuonti undolibrary. SFX .*;
  3. / /
  4. Reflex ( movieClipInstance ) ; var rx: Reflex = uusi Reflex (movieClipInstance);

Continue Reading ... "

Teemat Post

Papervision3D vaikutuksia perlinNoise ()

Maanantai, 9. kesäkuuta 2008

Hyödyntäminen vaikutus syntyy perlinNoise() voit luoda liplatus vaikutuksia ja aaltojen kanssa Papervision3D.

Lataa lähde

Kokoamaan lähde tarvitset sekä Papervision3D ja Undolibrary - nyt voit löytää kuin ZIP-paketti suoraan Download osa Google-koodi.

Teemat Post