Szeretne azonnal értesülni a legfontosabb hírekről?
Az értesítések bekapcsolásához kattintson a "Kérem" gombra!
Az értesítés funkció az alábbi böngészőkben érhető el: Chrome 61+, Firefox 57+, Safari 10.1+
Köszönjük, hogy feliratkozott!
Hoppá!
Valami hiba történt a feliratkozás során, az oldal frissítése után kérjük próbálja meg újra a fejlécben található csengő ikonnal.
Már feliratkozott!
A böngészőjében az értesítés funkció le van tiltva!
Ha értesítéseket szeretne, kérjük engedélyezze a böngésző beállításai között, majd az oldal frissítése után kérjük próbálja meg újra a fejlécben található csengő ikonnal.
[{"available":true,"c_guid":"7091f9c8-b532-461d-9ad7-6b34610e4545","c_author":"HVG","category":"gazdasag","description":"A menekültügyi szabályok be nem tartása miatt született elmarasztaló ítélet végre nem hajtása miatt kapták, de ez csak a legújabb részlet.","shortLead":"A menekültügyi szabályok be nem tartása miatt született elmarasztaló ítélet végre nem hajtása miatt kapták, de ez csak...","id":"20250117_menekultugyi-birsag-orban-kormany-europai-bizottsag-fizetesi-felszolitas","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/7091f9c8-b532-461d-9ad7-6b34610e4545.jpg","index":0,"item":"0ebd9147-0d81-48f6-a853-ddc82d11e81b","keywords":null,"link":"/gazdasag/20250117_menekultugyi-birsag-orban-kormany-europai-bizottsag-fizetesi-felszolitas","timestamp":"2025. január. 17. 11:20","title":"60 millió eurós bírságról jött az újabb fizetési felszólítás a kormánynak ","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"22ecec73-d895-4e4e-841b-d5770c2cb4fb","c_author":"hvg.hu","category":"vilag","description":"Donald Trump is a techmilliárdos védelmére sietett egy igen sajátos érveléssel, miszerint végső soron nem Musk, hanem a kormányhivatalok vezetői a felelősek a kirúgásokért.","shortLead":"Donald Trump is a techmilliárdos védelmére sietett egy igen sajátos érveléssel, miszerint végső soron nem Musk, hanem...","id":"20250307_elon-musk-elbocsatasok-doge-mentegetozes-felelosseg","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/22ecec73-d895-4e4e-841b-d5770c2cb4fb.jpg","index":0,"item":"55b3cb30-6f75-47b6-a015-be0f720016ad","keywords":null,"link":"/vilag/20250307_elon-musk-elbocsatasok-doge-mentegetozes-felelosseg","timestamp":"2025. március. 07. 08:14","title":"A népharag láttán Elon Musk rájött, hogy neki nincs is semmi köze a szövetségi dolgozók elbocsátásaihoz","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"9f7667dd-f41e-459f-a1e4-6f3b7df72bad","c_author":"hvg.hu","category":"itthon","description":"Annyi volt az érdeklődő, hogy a rendőrség lezárta az utcát.","shortLead":"Annyi volt az érdeklődő, hogy a rendőrség lezárta az utcát.","id":"20250204_Tobb-mint-ketszazan-emlekeztek-a-lakastuzben-elhunyt-japan-nore","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/9f7667dd-f41e-459f-a1e4-6f3b7df72bad.jpg","index":0,"item":"58a448e0-c553-4cc8-aeb1-1cb21e69ce9e","keywords":null,"link":"/itthon/20250204_Tobb-mint-ketszazan-emlekeztek-a-lakastuzben-elhunyt-japan-nore","timestamp":"2025. február. 04. 21:20","title":"Kétszáznál is többen emlékeztek a lakástűzben elhunyt japán nőre","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"f9587868-ca2a-4722-81e2-a887e65747b1","c_author":"HVG","category":"tudomany","description":"Nem lenne szerencsés találkozni vele… Ausztráliában bukkantak egy rendkívül veszélyes pókfajra, amelynek a csípése akár halálos is lehet.","shortLead":"Nem lenne szerencsés találkozni vele… Ausztráliában bukkantak egy rendkívül veszélyes pókfajra, amelynek a csípése akár...","id":"20250114_sydney-tolcserhalospok-uj-nagyobb-mergezobb-faj-felfedezes-big-boy","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/f9587868-ca2a-4722-81e2-a887e65747b1.jpg","index":0,"item":"1e62d556-62c4-4cc0-ae94-4670c168da3b","keywords":null,"link":"/tudomany/20250114_sydney-tolcserhalospok-uj-nagyobb-mergezobb-faj-felfedezes-big-boy","timestamp":"2025. január. 14. 16:03","title":"Kétszer nagyobb és sokkal veszélyesebb az eddigi legmérgezőbb pókfaj most felfedezett „testvére”","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"2ee70235-6092-4808-a5a7-d5fb93b19e4f","c_author":"HVG","category":"360","description":"","shortLead":"","id":"20250106_hvg-jon-lonoff-centirol-centire-szinhaz-eloadas","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/2ee70235-6092-4808-a5a7-d5fb93b19e4f.jpg","index":0,"item":"871dbf0e-e20d-4a5f-bb13-4eb58b2a405b","keywords":null,"link":"/360/20250106_hvg-jon-lonoff-centirol-centire-szinhaz-eloadas","timestamp":"2025. január. 06. 16:00","title":"„Ez az a szellemes és komolyan vett vígjáték, amelyre minden évad vár”","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":true,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"967c3923-567b-406c-a93c-4d03485877fc","c_author":"HVG","category":"itthon","description":"A halálesetek pontos okát még vizsgálják, de az idegenkezűséget kizárták.","shortLead":"A halálesetek pontos okát még vizsgálják, de az idegenkezűséget kizárták.","id":"20250211_skocia-rendorseg-huszti-henrietta-eliza-holttest-megerosites","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/967c3923-567b-406c-a93c-4d03485877fc.jpg","index":0,"item":"80125390-859e-492a-ab51-ea00cd3eab81","keywords":null,"link":"/itthon/20250211_skocia-rendorseg-huszti-henrietta-eliza-holttest-megerosites","timestamp":"2025. február. 11. 16:42","title":"Megerősítette a skót rendőrség, hogy az eltűnt magyar ikrek holttestét találták meg a Dee folyóban","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"81041176-0c49-41b1-9db8-2a5927ce331f","c_author":"Bedő Iván","category":"360","description":"Igaz, hogy legálisak, de a szeszes italok veszélyesebbek, mint jó néhány tiltott drog. Hogyan járul hozzá az etanol a rákos sejtek elburjánzásához, és milyen szerveknél járul hozzá leginkább a daganatos betegségek kialakulásához? És vajon sikerülhet-e az alkoholtól úgy elriasztani az embereket, mint a dohányzástól? ","shortLead":"Igaz, hogy legálisak, de a szeszes italok veszélyesebbek, mint jó néhány tiltott drog. Hogyan járul hozzá az etanol...","id":"20250114_alkohol-veszelyesseg-figyelmeztetes-drogok-rangsora-WHO-surgeon-general-David-Nutt","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/81041176-0c49-41b1-9db8-2a5927ce331f.jpg","index":0,"item":"47ae9ba6-ea31-4874-bd13-3944fbee4511","keywords":null,"link":"/360/20250114_alkohol-veszelyesseg-figyelmeztetes-drogok-rangsora-WHO-surgeon-general-David-Nutt","timestamp":"2025. január. 14. 12:00","title":"Kialakulhat-e mellrák napi egy pohár szeszes italtól?","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":true,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"6f16daf6-4a22-40db-8340-4f49e8d1ef3a","c_author":"hvg.hu","category":"elet","description":"Le kell venni a polcról a terméket.","shortLead":"Le kell venni a polcról a terméket.","id":"20250113_Dubaji-csoki-Aldi-Nemetorszag-per-torok","image":"https://img.staging-hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/6f16daf6-4a22-40db-8340-4f49e8d1ef3a.jpg","index":0,"item":"306209aa-fdb9-4705-b686-b33641010294","keywords":null,"link":"/elet/20250113_Dubaji-csoki-Aldi-Nemetorszag-per-torok","timestamp":"2025. január. 13. 14:06","title":"Beperelték Németországban az ALDI-t, mert török a dubaji csokijuk","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null}]
Készítsünk HTML5 alapú, interaktív animációkat egyszerűen
szerző:
techline.hu
Tetszett a cikk?
Nem tisztünk eldönteni a HTML5 vs Flash vitát.
Nem tisztünk eldönteni a HTML5 vs Flash vitát. Kétségtelen, hogy a Flash maga zseniális megoldás, amelynek segítségével játszi könnyedséggel lehet látványos, interaktív tartalmakat készíteni, ha kell, programozói tudás nélkül is. Ha még programozni is tudunk, akkor szinte bármit összerakhatunk Flash alapokon, s a legjobb az egészben, hogy az így elkészült dolgok szinte tökéletesen ugyanúgy jelennek meg minden támogatott platformon (a lejátszási sebesség és a megbízhatóság persze platformonként változik a Flash Player esetében, attól függően, hogy az adott verziót mennyire sikerült optimalizálnia az Adobe-nak, illetve hogy egyáltalán milyen hardver van az egész mögött, hiszen a Flash tartalom meglehetősen erőforrás igényes).
A Hype felülete átlátható, használata nagyon egszerű
A fő gond viszont akkor van, ha mondjuk olyan tartalmat szeretnénk készíteni, ami iOS alatt (vagyis például iPhone-on és iPaden) is gond nélkül megjeleníthető. A Flash ekkor kiesik, illetve a CS5 változatok segítségével készíthetünk natív iOS alkalmazásokat, de ez mondjuk egy banner esetében nem jöhet szóba, és amúgy is, mi van, ha egy olyan, látványos weboldalra vágyunk éppen, ami minden eszközön megtekinthető.
A programot a Mac App Store-ból vásárolhatjuk meg
Ekkor kerül a képbe a HTML5, a CSS3 és a JavaScript, amelyek együtt a látványos és mindenhol működő webtartalom alapjai lehetnek, hiszen mostanában már szinte minden modern - asztali és mobil - böngésző támogatja ezeket. Igaz, a HTML5 még nincs készen teljesen, igaz, még minden cégnek más fontos belőle és ennek köszönhetően akadnak funkciók, amelyek az egyik böngészőben működnek, a másikban nem, de már a mindennapjaink részévé vált, s visszaút nincs. A kérdés csak az, hogy aki eddig a Flash fogd és dobd módszeréhez szokott, amikor bannert vagy látványos animált bevezetőt, weboldalt készített, s a programozás megtanulásával továbbra sem akar bajlódni, talál-e a HTML5 lehetőségeit kiaknázó, egyszerűen használható szerkesztőt.
Itt a Hype! Nos, OS X-re már született ilyen program, amelyet néhány hete lehet megvásárolni 30 dolláros - elvileg bevezető - áron a Mac App Store-ból. E programot két egykori Apple mérnök készítette, akik kiléptek Jobs cégéből, hogy a sajátjukat próbálják felfuttatni, s a jelek szerint a kockázatos lépés eddig elég jó döntésnek ígérkezik. A programot viszik, mint a cukrot.
A felhasználható objektumok
A Hype ugyan negyedét sem nyújtja annak, amire mondjuk a Flash CS5.5 képes, viszont az ára is töredéke az Adobe szoftverének, s arra amire kitalálták, tökéletes. A programmal mindenféle programozói tudás nélkül készíthetünk látványos webes animációkat, ráadásul interaktív elemeket is használhatunk, így nem csak bannerek, animációk készítésére elsőrangú, hanem akár komplett weboldalt is összehozhatunk benne, videókkal, menükkel és persze rengeteg mozgással, látványelemmel.
Minden fontos jellemzőt módosíthatunk
Utóbbiaknál nagyon automatizálás még nincs, mindent az idősávon kell megoldanunk, az objektumok jellemzőinek kézi változtatásával. Ám már ez is óriási segítség lehet azoknak, akik nem kívánnak elmerülni a HTML5-CSS3 kódolásának rejtelmeiben, de kihasználnák a platform- és Flash-független animációkészítés lehetőségeit.
Funkciók hozzárendelése egy objektumhoz, oldalhoz
A Hype használata szinte percek alatt elsajátítható, a felület átgondolt, gyors. Ha nem akarunk, egy sor kódot sem kell írnunk, mindent úgy “dobálhatunk össze”, ahogy egy jobb animációs szoftverben az szokás. A Record (avagy Felvétel) gombot lenyomva a program mindent rögzít, ami az adott lapon történik, de létrehozhatunk saját kulcspontokat is az idősávon, s az objektumok minden jellemzőjét módosíthatjuk. Több lappal (vagy jelenettel) is dolgozhatunk, ezek között kényelmesen válthatunk az előre definiált, menüből választható utasításokkal, s ugyanígy ugorhatunk el linkre, vagy indíthatunk el akár egy Java scriptet. Van lehetőség videolejátszó-objektum használatára is, vezérlőkkel, vagy azok nélkül. A javasolt formátumok érelemszerűen az mp4, a webm vagy az ogg.
Néhány dologra nem árt figyelni
A végeredmény látványos, bár azzal a fejlesztők is tisztában vannak, hogy a HTML5 még ingoványos talaj, így exportnál a program szépen felsorolja, hogy melyik böngészőben (Safari, Opera, Chrome, IE, Firefox, mobil böngészők stb.) mi nem fog működni. Bonyolultabb dolgoknál ez hosszú lista lehet, de a legtöbbször megússzuk azzal, hogy a Webkit függő animációkat (amelyeket oldalváltásnál például a Hype is automatikusan megold), a Firefoxban és az Operában például egyelőre nélkülöznünk kell. Adott esetben van olyan videoformátum is, amit így nem tudunk megjeleníteni valamelyik böngészőben. A teljes képhez azért az is hozzátartozik, hogy ez a Hype első verziója és a HTML5 is még fejlődik, szóval egy év múlva minden bizonnyal másként fest majd e helyzet.
A HTNL5 azért egyelőre képlékeny...
Visszatérve még a Hype export lehetőségeihez: a program két megoldást kínál. Az egyik esetben egy mappába menti a kész anyagot, így annak feltöltéséről a megfelelő szerverre nekünk kell gondoskodnunk, a megjelenítéshez pedig vagy a generált HTML fájlt használhatjuk, vagy kimásolhatjuk abból a kód adott részletét és így tetszőleges oldalba is beilleszthető az animációnk, pont ahogy egy Youtube video embed kódjával is tennénk.
Azért ha kell, van kódszerkesztő is
A másik megoldás, hogy egy mozdulattal a Dropboxra küldjük a kész anyagot és azon osztjuk meg.
A Hype oldalán egyébként számtalan példát találunk a felhasználási lehetőségekre, illetve videós bemutatókkal segítik a készítők, hogy a program használatát gyorsabban elsajátíthassuk.
A Hype nincs teljesen konkurencia nélkül, a Sencha Animator is már béta fázisban tart, s hasonló eszköztárat kínál majd. Ugyanígy az Adobe is készül, hogy a Flash animációkat adott esetben könnyen áttegyük HTML5 alapokra. A HTML5 vs Flash kérdésről persze majd az idő dönt, mindenesetre aki egyszerűen szeretne HTML5 alapú animációkat, galériákat, felületeket készíteni és történetesen egy Mac előtt ül, annak feltétlenül érdemes kipróbálnia a Hype-ot!
A nyugdíjasok 70 százaléka inkább választaná az általános 5 százalékos élelmiszeráfát, mint a részükre a kormány által beígért teljes áfa-visszatérítést a zöldség és gyümölcs vásárlása után.
Hogyan változtathatunk az életmódunkon anélkül, hogy néhány hét alatt feladnánk? Miért káros, ha végletekben gondolkozunk? Belefér a kiegyensúlyozott táplálkozásba a sütemény?