jQuery: okrugli rubove na slike da se preklapaju

Četvrtak, 30 Listopad 2008

Zbog različitih renderiranje između različitih pretraživača, koji svakako pogledajte Microsoft Internet Explorer u vidu, mi pribjegava uvijek mora podnijeti zahtjev za artifizi efekte koji sada bi trebao biti standard. Multi-raspravlja zaobljenim rubovima su klasični primjer je "katastrofa" produced by potpuna nesposobnost za postizanje standardne ozbiljno na stranici renderiranje HTML / CSS. Postoje brojna rješenja za umrežavanje koje vam omogućuju da su "efekti" (efekti exempting dall'HTML predstaviti kao zaobljenim rubovima, efekti sjene, odrazi, itd ...) s zakrpe na listove stilova, posebne trikove pomoću div grafted, knjižnice JavaScript, korištenje canvas etc ...
Za čisto edukativni bih objasniti daljnje tehničke (cross-preglednik) da će se primjenjivati na zaobljenim rubovima slike:

Demo i izvori

Nastavi za čitanje ... "

Srodne post

Tags: Preglednik, HTML, Internet, Microsoft, PNG, Safari, web,
Objavljeno u CSS, dizajn i Grafika, Internet, JavaScript, razvoj, Tutorials, jQuery | Nema komentara '

Skypemote verziju Adobe AIR

Utorak, 30. rujna 2008

Instalacija Skypemote preuzeti Adobe AIR verzija

Ovo je prvi izdanju, na 0,8 (uskladio s online verzija), Skype emocije Editor - Skypemote - verzija u Adobe AIR. Za sada su značajke medisime online verziji, sa prednošću kao radnu površinu, a zatim instalirati na Windows, Mac i Linux.
Prije nego zapamtiti kako bi nadopunili i / ili instalirao po prvi put Runtime iz Adobe AIR, ako već niste učinili ranije.

Preuzimanje

Klima Skypemote možete preuzeti iz Google Code.

Srodne post

Adobe preuzimanju, Flash Skype Windows
Postavio ZRAK, Flash CS3, Graphics & Design, Internet, Softver, Tehnologija | Nema komentara '

Napravite cijev separatora kroz CSS

Utorak, 9. rujna 2008

To se često vidi broj linkova distribuira horizontalno odvojene cijevni "|", i grafički simbol dell'asticella okomite. Nadalje, ako ste dobro pisanje HTML-a, mogli naći da ovaj niz linkova - prividno horizontalna - drugima se ne da kladionica Popisi UL ili OL Rezultat je da umjesto pisanja:

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

Bilo bi bolje da koriste:

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

Nastaviti čitanje ... "

Srodne post

Last-dijete, UL
Objavljeno u CSS, dizajn i Grafika, Internet, razvoj | 2 komentara '

Skypemote.com: Objasni sa emocije

Utorak 26 kolovoz, 2008

Skypemote

Otvara - beta - Skypemote.com, projekt rodio iz ideje mene i Nikole (flussodigitale.com), koji predlaže jednostavan editor za stvaranje kul dizajne iz "ljepilo" u Skype. Urednik je kreirana u Adobe Flash CS3 i vremenske dozvolila, ja bih također izdati verziju - Desktop - Adobe AIR.
Ukoliko koristite Skype za razgovor s ovim urednik sigurno će zadiviti vašeg sagovornika. Ako ste pronašli ovu uslugu korisno i zabavno, ne zaboravite da pomogne s prijedloge, sugestije i - ako želite - s donacijom! :)
Slijedite projekt jer će se uskoro drugih "prijateljski" za novinare.

Srodne post

Flash Skype
Postavio Događanja & inicijative, Flash CS3, Graphics & Design, Internet, Software | 4 komentara '

Photoshop Tutorial: Tehnike razmišljanja

Monday, June 30, 2008

Iz Apple web slike 2.0 "odrazio" su potopljena Intrenet. Često zlostavljali su uvijek velikog učinka. Robe Saperle postići ne poslovne je komplicirano i, s pizzoco mašta, možete to učiniti manje "očite" i "diskontiranih" ... ako ne možete napraviti bez.

Osnove Reflex

Najprije smo postavili kao odraz baze. Tehnika za određivanje odraz osnovi, barem jedan omiljeni i ja koristiti stalno, jednostavna je i brza implementacije. Ova metoda omogućava maksimalnu slobodu naknadne izmjene i održavati transparentnost u slučaju da želite spremiti sliku u PNG 24 s transparentnost.

Flash playera Učitavanje ...

1. Kao i uvijek otvoren Phosotoshop i učitavanje slika želimo zaustaviti na poseban sloj
2. Dvostruki je sloj (layer povucite se u dubbed slike ) I nominiamolo "sjene" ili "refleks"
3. Od "Edit" izbornika odaberite "Turn" / "Flip vertikalna"
4. Povucite novi sloj "refleks" u originalnoj sloj i spostiamolo iza originalni sloj
5. Mi odaberite layer "refleks" i držite tipku Alt, dodati masku klikom na slike "maska" u prozoru alata sloj, na sloj "refleks" trebao bi nestati
6. Ćemo odabrati masku sloja u "refleks" i kliknite na slike Popunjavanjem
7. Postavite nijansu od crno na bijelo ili transparentni: slike
8. Prati hladu od centra originalnog sloja u srednjem sloju "refleks"

Nastaviti čitanje ... "

Srodne post

refleksoterapija, Tutorials
Objavljeno u Grafika i dizajn, Photoshop, Tutorials | 6 komentara '

UPI na papiru Restyling

Četvrtak, Lipanj 26, 2008

upi on paper

Obično ne to, nego i zato što je na undolog grafika i dizajn, ja sam dužan prijaviti restyling na blogu UPI na papiru. Osim toga, projektiranje je, kad sam se "ruku" dobro je jače od mene! S novim izgledom, a zatim, za ilustracija UPI još ugodnijim.

Srodne post

Tags: design-a-mano
Postavio Događanja & inicijative, Graphics & Design | 1 komentar »

Tekst zamjena tehnike u Flashu

Srijeda 25 Lipanj, 2008

Tehnika Tekst Zamjenske sam predstavio je danas na neki način, doista zanimljivo. Za razliku od klasičnih sliku za zamjenu kroz CSS, ova tehnika koristi flash u pisanje preko naslova naših stranica. Uprkos tome što se malo više, jer to zahtijeva stvaranje Flash film i korištenje JavaScript, omogućuje niz prednosti ne ravnodušnim:

  • Omogućuje je dostupnost web mjesta koristeći Pravi-nenametljiv-Javascript da bi spiders štramplice i dalje vidjeti stranicu kao jednostavan i ispravan HTML
  • Ne zahtijeva stvaranje slike n za n naslova. Samo jedan film zamijeniti sve naslove naših stranica, sa znatne uštede u smislu Download
  • Omogućava vam da napravite jednostavan Font naslova, ali s ne normalno koriste na Webu
  • Tekst može biti iskazane u HTML-u, hvala na karakteristike bljeskalice
  • Tekst je selektivan
  • Biti možete dodati flash animacije i interaktivnost od bilo kakve

Također ćete primijetiti da ovaj postupak CSS praktički nisu uzete u obzir!

Nastaviti čitanje ... "

Srodne post

Tags: AJAX Tutorials, XHTML
Objavljeno u ActionScript, Actionscript 3.0, Ajax, Flash, Flash CS3, Graphics & Design, Internet, JavaScript, razvoj, tehnologiju, Tutorials | Nema komentara '

PicLens u Flashu s Papervision3D 2.0: Part II

Utorak, 17 Lipanj 2008

Ovaj put (vidi Piclens na Flash sa Papervision3D 2,0) kod javnog (PicLens.as), sam da revidira neke dijelove koda, tako vođe najnovije ispuštanja Papervision3D 2.0 Veliki Bijeli pa sam napravio neke prilagodbe i dopune. Sam ušao u ovaj demo i broj dugme, knobs, runtime za promjenu neke parametre.

Simulacija pokreta PicLens

Za zatvaranje je moguće da je horizontalno kretanje PicLens originalni, malo sam koristio putu prema uključujući "nevidljivih" DisplayObject3D meta sobi:

Plain Text
Actionscript:
  1. ; __fooTarget = novi DisplayObject3D ();
  2. ...
  3. = __fooTarget; __bv. cameraAsCamera3D. __fooTarget = ciljani;

U praksi soba uvijek dati savjet u DisplayObject3D mjesto iza serije immmagini. Kada se kamera pomiče (s ubrzanog kretanja / inertial) i DisplayObject3D sljedeće, ali s lakom za kašnjenje. To mi dopušteno da bi efekt pokreta glatka i dosta sličan to postiže na izvornom PicLens:

Plain Text
Actionscript:
  1. += ( ( __slider. Value - __bv. cameraAsCamera3D . x ) / 10 ) / 2 . 2 ; __bv. cameraAsCamera3D. x + = ((__slider. vrijednosti - __bv. cameraAsCamera3D. x) / 10) / 2. 2;
  2. __slider. Value - __fooTarget. x ) / 5 ) / 2 . 2 ; __fooTarget. x + = ((__slider. vrijednosti - __fooTarget. x) / 5) / 2. 2;

Ja sam ne koristi bilo koji među, ali više jednostavno i učinkovito funkcionirati:

Plain Text
ŠIFRA:
  1. /accelerazione ) /inerzia; Pozicija + = ((posizionefinale - poziciju) / ubrzanja) / inercija;

U demo možete promijeniti neke parametre: Focus, zoom i ciljeve. Ovo je stav DisplayObject3D u odnosu na 99 slika! Ako izmijenite ovu poziciju ćete primjetiti promjene u kretanju na sceni.
Fokus i Zoom su vlasništvo Papervision3D.

Interakcija

Samo kliknite na sliku ... ;)

Srodne post

3D, Flash Great
Objavljeno u 3D, Actionscript 3.0, Flash CS3, Graphics & Design, Internet, Papervsion3D, razvoj, Tutorials | 13 komentara »

Reflex i ReflexMe od klase do klase temelju

Petak 13. lipnja 2008

U post Flash CS3: Reflex stvoriti efekt na bilo koju MovieClip vidjeti kako mi može napisati klasu koja pruža MovieClip za spajanje na DesignTime na bilo koji MovieClip u knjižnici. Otkrio sam, međutim, da se više korisnih svibanj Ekonomska i učiniti suprotno put. I stvorio je klasa Reflex (Reflex.as), s namjerom da ga koristi isključivo kod. Ja urednik ovog razmišljanja na klase pomaknite pokazivač u graditelj na MovieClip. Nova klasa Reflex sadrži u osnovi isti broj prvi uveo u ReflexMe ali malo modificirana tako da se može raditi izričito broj:

Plain Text
Actionscript:
  1. / /
  2. .*; uvoz undolibrary. sfx .*;
  3. / /
  4. Reflex ( movieClipInstance ) ; var RX: Reflex Reflex novi = (movieClipInstance);

Nastaviti čitanje ... "

Srodne post

Tags: Učinak, Flash refleksoterapija,
Objavljeno u Actionscript 3.0, Flash CS3, Graphics & Design, Internet Development, Tutorials | Nema komentara '

Papervision3D efekti s perlinNoise ()

Ponedjeljak, 9. lipanj 2008

Iskorištavaju snagu generirani od strane perlinNoise() možete izraditi i efekti mreškanje valova s Papervision3D.

Preuzmi izvorni kod

Za kompajlirati izvorni trebate i Papervision3D i Undolibrary - sada možete pronaći kao poštanski paket direktno u Download sekciji Google kôd.

Srodne post

3D, Google Code,
Objavljeno u 3D, Actionscript 3.0, Flash CS3, Graphics & Design, Internet, Papervsion3D, razvoj, Tutorials | Nema komentara '

"Natrag