FeedBurner átállás

A Google már régebben úgy döntött, hogy a FeedBurner szolgáltatását nem viszi tovább. A jelenlegi állás szerint az október 20. után nem lesz elérhető.

Annak érdekében, hogy továbbra is feliratkozva maradj a WebPillangó hírcsatornájára, kérlek frissítsd az RSS címet a következőre: http://webpillango.org/feed/

KreaNod: magyar crowdsourcing közösség

A magyar web egy fölöttébb érdekes irányzat annál is érdekesebb megvalósítása látott, fog látni hamarosan, napvilágot. Ismerd meg a KreaNod-ot és azt, hogy egyáltalán mi az a crowdsourcing és mire használhatod!

1. Kérlek mutatkozz be néhány szóban, mit kell tudnunk rólad?

Szöllősi Gergely vagyok, a KreaNod alapítója. Jelenleg ez a hivatalos titulusom, de ha azt akarom, hogy az emberek gyorsan kapjanak egy velős benyomást rólam, akkor a következőket szoktam mondani: Voltam már perzsa herceg az Operaház színpadán, edzettem kisgyerekeket, illetve versenyszerűen amerikai fociztam is. Mindezt az ELTE kommunikáció-film szak elvégzése mellett. Ezekből csupa-csupa jó dolog derül ki rólam.

2. Mi az a crowdsourcing?

Azt szoktam mondani, hogy közösségi alkotás, aminek két alapvető alfaja van. Az egyik, amikor a résztvevők a cél érdekében együttműködnek, valamint amikor egymással versengenek. A KreaNod ez utóbbi vállfajba fog tartozni, ahol reklám, design és kreatív tervezéssel kapcsolatos kategóriákban lesznek pályázatok. Egyébként rengeteg dologra használták már a világon a közösségek alkotóerejét az aranyásástól elkezdve az ornitológián át a termékfejlesztésig.

Öszetett formák kivágása gyorsan és hatékonyan

Az alábbi tutoriálban egy hasznos technikát szeretnék bemutatni, ami bátran alaklamazható összetett formák kivágására. Sok esetben egy nő hajának a kivágása órákat vehet igénybe, azoknak akik gyorsabban akarnak haladni itt egy másik modszer, ami egyrészt nagyon gyors, másrészt a végeredmény is elég jó minőségű.

WebPillangó frissítések

Mindenekelőtt Kellemes Ünnepeket szeretnék kívánni mindenkinek, illetve egy sikerekben gazdag évet a jövőre tekintve is!

Ahogy többen is észrevettétek, az elmúlt két napban problémák adódtak a bejegyzések olvasásával. Ma sikerült megoldani a gondot és a frissítésekkel együtt néhány kissebb hibajavításra és felhasználóbaráti módosításra is sor került.

• az oldal gyorsabb lett
• eltávolítottam néhány már nem aktuális elemet
• elrejtettem a hosszú archívum lista egy részét (egy kattintással megjelenik a lista elrejtett része is)
• megnöveltem a bejegyzések szövegének kontrasztját
• a bekezdések közti távolság is nagyobb lett
• a bekezdések első betűje egyedi formázást kapott, hogy a szem könnyebben megtalálja a soron következő részt
• átdolgoztam néhány link színét
• kijavítottam néhány apróságot
• leellenőríztem, hogy Firefox 9 és Internet Explorer 9 alatt is helyesen működjön minden.

A régebbi böngészők alatt továbbra is használható kellene legyen a WebPillangó, de mostantól hivatalosan nem támogatottak, hanem mindig a legutolsó böngésző változatok a mércét adók.

Ha az oldallal kapcsolatban bármi problémát észleltek vagy kérésetek/kérdésetek van írjátok meg itt vagy a fórumon. A levelekre és Twitteren is szívesen válaszolok.

Feltürt sarkú matrica készítése – Videó tutoriál

A videókban az alábbi matrica elkészítését lehet nyomon követni lépséről lépésre. Szó lesz az ad noice effektről szinátmenetekről, az árnyékokról, és a képen látható visszatűrődés elkészítése is lépésről lépésre el van magyarázva.

PSD Letöltés

A betűtípus letölthető innen: Clarendon Black BT

Ismerkedés a PHP grafikus programkönyvtárával 1.rész

Ebben a részben a PHP GD nevű programkönyvtárát fogjuk használni, amely több tucat függvényt bocsájt rendelkezésünkre a képek készítésére, manipulálására és mindezt futásidőben. Ennek feltétele, hogy a PHP GD-támogatással legyen telepítve. Az alábbi kis kóddal leellenőrizheted azt.

echo phpinfo();

A megjelenő listában keresd meg GD táblázatot. Az ott felsoroltakból kiderül, hogy melyik GD verzió van telepítve, valamint a támogatott képtípusok is.
Legelső sor: GD support enabled. Ez az jelenti, hogy a támogatás megvan. Látható ott még egy pár verziószám, de ami még érdekes az a gif, jpg és png támogatások. Az én verziómban ez mind engedélyezett, de más szervereken előfordulhat, hogy csak png és jpg van. A példáimban png-t fogok használni.

Analóg óra készítése Photoshop és Flash segítségével, SWFObject rész

Az előző részekben létrehoztunk egy analóg órát Photoshop segítségével, a mutatókat „elindítottuk” ActionScript-el. A mostani részben Javascript kódot használva beágyazzuk a HTML kódba.

III. rész SWFObject

Az SWFObject – mostantól csak so – egy nyílt forrású Javascript könyvtár, amit a Flash tartalmak gyors és egyszerű beágyazására használhatsz a weblapodon. Nem kell az <object> vagy az <embed> tag-ekkel bajlódni – ez utóbbi nem is standard! A böngészők közti különbségről nem is beszélve, ezért hát elég macerás olyan kódot írni, ami a főbb böngészőkben megfelelően működik. Hogy ezzel ne kelljen szórakozni, segítségül hívjuk a so objektumot. A so csak egy pár sor adatot kér, a többit majd ő intézi (böngésző és Flash player detektálás stb.).

Analóg óra készítése Photoshop és Flash segítségével, Flash rész

Az előző részben létrehoztunk egy analóg órát Photoshop segítségével. Ebben a részben az Adobe Flash tudásával életre keltjük.

II. rész Flash

1.) Hozz létre egy új dokumentumot – Flash file (Actionscript 3.0). A színpad mérete megegyezik az óra méretével, a színpadon jobb klikk->Document properties majd állítsd be a 300px x 300px méretet.
Kettő darab rétegre lesz szükség az idővonalon: egy Óra és egy Script nevűre. Miután ezek megvannak mentsd el az egészet AnalogClock.fla néven

Referencia Weblap Photoshopban – Videó Tutoriál

Ime, egy videó tutoriál amiben megpróbálom bemutatni, hogyan kell elkészíteni egy weblap tervet az első lépéstől az utolsóig.

Analóg óra készítése Photoshop és Flash segítségével

Ebben a 3 részes írásban egy analóg órát fogunk elkészíteni, muködésre bírni valamint, beilleszteni weboldalunkba. Az elso részben elkészítjük magát az órát Photoshop CS3-ban. A második részben “beindítjuk” Flash CS3-ban, és végül beillesztjük egy html oldalba SWFObject segítségével.

I. rész Photoshop

Amit elkészítünk.