Hozzászólások
Elsődleges fülek
hat igazsag szerint van erre komplett "tudomanyag" web/bowser rendering performance optimization folyamatos toretlen 60fps-re (https://en.wikipedia.org/wiki/Web_performance_optimization), aminel minden szart atragnak mikor mit csinal a browser engine szinten, mikor urit, es ha olyankor animokat csinalnank akkor force feedelik egyeb szemetekkel hogy megmaradjon a folyamatossag meg egy rakat hasonlo "hack", csak nem neztem oket komolyabban at mivel intermediate, de inkabb a legmagasabb advanced fejlesztoi szint mar.
Viszont ha front end-re akarok gyurni, es dolgozni ilyesmivel (foleg mobil programozasnal), ezeket mind le kell vagnom amennyire lehet effektiven hasznalni a jovoben... :/
Rohadt programozasnal sohasincs vege a tanulasnak, egesz eletedet el tudod siman loni ra.
hogy nyomja a kis fószer már :D
rwurl=https://www.youtube.com/watch?v=c-BzrI1cgB0
elmeletileg kevesbe kellene fogja a rendszert mivel sokkal kevesebb dolog tortenik egyszerre, pl mobilon is teszteltem es jobb a performance, de probalom majd jobbra furni a kodot. Ugye ez egyetlen soros tok egyszeru rotateX css3 kod egy adott perspektivabol.
Ha egy minimalis elforgatas "beszaggat" az nem az animacio mivoltjabol fakad szerintem hanem hogy valahol valami nincs rendben. Komplett 3Ds jatekokat meg texturas modelleket forgatnak az emberek bongeszokben manapsag mar, ilyen minimalis cuccnak mennie kellene konnyeden meg a prolibb gepeken is.
szerk: probaltam bedobni par gyorsito hacket, igy hogy all nalad?
szerk2: most meg ezzel mobilon szaggat nalam egyes esetekben, ugy fest hogy neha apro lag keletkezik amikor ki es be kapcsolja a bongeszo itt a hardware-es gyorsitast magaban, es az pont eleg hogy megakadjon az animacio, mivel ha fel masodpercig tart az egesz.
Fasz kivan hogy van egy rakat modern standandard, de nem lehet semmit (effektiv) hasznalni mivel egyszeruen nem tamogatjak a keszulekek oket egysegesen, es vegul visszaterhetunk a 15 eves CSS2 re.
Kivettem az animaciot atlagos grafikan es csak egy fade in-fade out effektust hagytam benne (de mobilon pl meg ez sem az igazi 60fps). Hogy a faszba tudjak ezek ilyen keszulekeken akkor azokat a porgo forgo oldallezarasokat meg hajtogatasokat eloallitani, nem tudom elkepzelni, de tuti tulontul agyon van meg mindig komplikalva ossze vissza hackelesekkel es miliszekundumos idozitesekkel, ami manapsag mar nagyon egyszerunek kellene legyen.
- talaltam egy kis bugot a memoria kezelesben, minden alkalommal ahogy megnyitottuk a kepkezelot es becsuktuk (oldalfrissites nelkul), ujra es ujra beolvasta a memoriaba egymas moge a belyegkepeket, ez ugye egyre jobban lassitotta a kezelofeluletet. Fixed lenyegeben. :)
Plusz eddig csak "elcsusztak" a kepernyon kivulre a kepnezo es a lokalis beallitasok nezetek, igy valamilyen szinten detto lassitottak a kezelest. Most ez is fixed, kikapcsolodnak teljesen, majd vissza amikor visszahivjuk oket.
Harmadikra, csereltem animaciot 2Ds translaciorol (elcsusztatas) 3Ds forgatasra mint a kepnezo nyitasnal/zarasnal, detto mint a lokalis beallitasoknal. A 3Ds animaciok hardware-esen gyorsitottak a modern bongeszokben, igy sokkal kevesbe terhelik az adott ezkozt (legyen az mobil vagy pc), es nem mellesleg jol is neznek ki. Gyorsitottam is animacio lejatszodast kb fel masodpercesre 1mp helyett.
- megoldottam hogy vertikalisan is kozepre sorolodjanak a megnyitott kepek. Vizualisan szebben mutat igy szerintem. Fokent ugye akkor erdekes ez ha kisebb az adott kep felbontasa mint a felhasznalo kepernyoszelessege.
rwurl=http://i.imgur.com/lFwltFn.jpg
.
.
rwurl=http://i.imgur.com/Tae3GMF.jpg
Eddig ugye a felso savhoz igazodtak mind.
Ahogy nézem a főoldalon, oldalanként beolvassa az összes képet, attól függetlenül, hogy melyik cikkben nézed azt.
igen, es fent a szamozas mellett jelzi hogy epp melyik cikkbol nezegeted a kepeket. Igy megsporolod az idot hogy allandoan ki be kattanj a kepnezobol cikkenkent, es egyszerre at tudod nezni az osszes adott kepet az oldalon. Ha majd behozom juzerek altal linkelt kepekre is a fejlesztest ott is ugyanigy at tudod majd mind nezni ami az oldalon van.
Mennyi a limit?
nincs.
Tehát ha pl. egy oldalon lesz 40 kép, akkor egymásra torlódnak majd a thumbnailek?
igen, es azert mivel elsosorban vizualis kimutatasnak van kitalalva hogy lasd hogy pillanatnyilag hol is vagy kb. Elsosorban a sorban lapozgatas a fo felhasznalasi mod, amikor megnyotod legtobbszor nyilvan szepen sorban meg szeretned nezni az elkovetkezo kepeket, mintsem randomra ugralni rajtuk.
Vagy az alsó sáv scrollozóváv válik?
mondjuk szemelyesen nem szeretem a scrollnak az otletet egy kepnezonel, szerintem a celnak szembe megy ha nem latjuk mennyi az adatbazis teljes hossza azonnal es scrollozgatnunk kell jobbra balra hogy el tudjunk menni rajta.
Firefoxnal is kikapcsoltam ezt a ficsort (tab bar scrolling) mert rettent idegesito a szamomra ha nem latok at mindent egyetlen kepernyon egy kezelofeluletnel.
kivettem a szaggatott korvonalat es teljes mezot kitolto szolid szint tettem ra, vilagosat az eloterben levo objektumnak, sotetebbet (vegul is forum szint) a hatterben levoknek.
Igy jobb?
Nem fest olyan benan a korvonalazas es a kep elkulonulese, de mellette vizualisan is latszodik hogy melyik mezo van kivalasztva. Anelkul hogy tomoritenunk kellene es tumultust eloidezni feleslegesen a kis kepekekkel a kepernyo kozepen.
rwurl=http://i.imgur.com/JkcFWwK.jpg
(marmint itt barmit csinalunk gagyin fog hatni, meg ha kozepen is lennenek, mert egyszeruen bun rondak a kepek)
.
.
rwurl=http://i.imgur.com/Mg5s4sA.jpg
.
.
rwurl=http://i.imgur.com/XompFC8.jpg
az mar majd hogy nem instant lenne ha jol szamolom, igy is kevesebb mint egy masodperc az egesz. Amugy ha leveszed a graf beallitast akkor nincs "csicsa" es instant a ki-be jelenes.
Jó ez, viszont egy kérdés: nem lehetne a thumbnaileknek fix távolságot adni, és mondjuk középre rendezni, ne justifyolva?
Csak mert elég esetlenül néz ki, ha nincs tele a sor.
Nekem szemelyesen amugy teljesen koser volt igy, valoszinuleg a rovid megszokasi ido is belejatszott. Ha mobilon nezed meg konnyebb is eltalalni ujjal a kepeket igy ha jobban szet vannak huzva mint ha kozepre tomoritenenk oket.
A lenyege a dinamikus tavolsagnak amugy, hogy mindig tudni fogod vizualisan is ranezve hogy hany kep lenne beolvasva epp az adott oldal-adatbazisban, meg mielott beolvasodnanak is, abbol kiindulva hogy hany reszre van ugye elosztva a sav. Ha 2 reszre mint itt, akkor 2 kep van benne. Ha 20 reszre mint nagykepes topiknal, akkor 20 ugye.
Fix szelesseggel problema lenne ezzel, es a kimutatassal is ha pl nagyon sok kep lenne 1 oldalon, pl nem ferne ki ugye.
Majd elgondolkodok rola mi lenne a jo gyakorlati lepes ez ugyben.
melyik, Pamemoon-nal tolod? :D
Egyebb irant irtam egy hacket ra, amivel immaron minden bongeszoben kozepre kellene hogy sorolja, szethuzas nelkul. IE-ben is vagy X bongeszo forkokban.
Nyomj egy ctrl+f5 hogy frissuljon a bongeszo cache es teszt megint.
atneztem, vegsosoron teljesen valid html kod, csak a (keretlen) sortoresek teszik tonkre az egyenloseg jelek utan.
Amugy mint regebben is irtam, az egesz quote modul ugy szar volt ahogy az elejen, kezzel kellett egy rakat dolgot atirnom benne hogy turhetoen mukodjon. Valoszinuleg nem fogom kikapcsolni ez miatt de ja, ez detto egy megoldatlan kerdes benne, nevezetesen hogy amikor "idez" akkor muszaj neki a html kodokat is ideznie a szoveggel, ellenkezo esetben szetesik a formazas.
Legjobban szeretnem ha sima bbcode-ot idezne csak, de ezt nem tudom megoldani, mivel ezeket olvassa ki a mar lefektetett kommentmezokbol. (a bbcode modul ugye normalis html kodokat gyart miutan megirtad a szoveget es elkuldted hogy mes is tujon jelenni, es ezt a megjelenitett mezot olvassa mar a quote tag be idezeskor, ebbol ered az egesz gubanc)
tulkomplikalod, fent a linket teszed be ahova vezet, lent a kepet ami oda vezet. :) Ennyi.
Nem biztos, hogy jól értem, de ha szövegbe akarok képet belinkelni egy szóra, akkor ezennel buktam? BBkódoljam le?
ezt eddig is megtehetted, ha ezt akarod akkor az URL hivatkozasba a kepet teszed be, a lenti text/kep reszbe meg a szoveget amire ra akarod huzni.
A mostani fejlesztes hogy immaron nem csak szoveges cucchoz, hanem direkt kephez is hozzarendelhetsz URL hivatkozast.
Hogy megertsd, az egesz koncepcio hogy a felso sorba szurod a cuccokat amire fog vezetni a kattanas utan a beszuras, az also sorban meg ugye amire kattansz vizualisan (legyen az szoveg vagy kep)
PL
URL: blablanagykep.jpg
text/kep: szoveg
URL: blablanagykep.jpg
text/kep: kiskep.jpg
URL: blablanagykep.jpg
text/kep: blablanagykep.jpg
URL: blablaoldal.com
text/kep: blablaoldal.com
URL: blablaoldal.com
text/kep: kep.jpg
nagi írta: + a link ablak nekem ilyen képet gyártott, ami kattintásra csak
újratölti az oldalt ofc
URL hivatkozast tettel bele? Nem ugy fest. Anelkul ugye nem vezet sehova.
Thx, egyedüli problem: torzít. Kihúzza full magasság+full szélességre az összes képet.
vagy csak Street Fighter ennyire torz? :D
internet explorerbol nyomod? :D A klasszikus. (nem koveti a szabvanyokat)
igen epp most nezem ott ha tul szeles a bongeszoszelesseg a kep szelesseghez kepest, akkor igy viselkedik, viszont minden masik bongeszonel rendben van, mint foxnal es chromenal is pl, ahogy itthon tesztelgettem.
probald ki
dán.
Linkelés most már felismeri ha képet tettél bele sima szöveg helyett, és automatikusan képes-linkeket gyárt nekünk.
Hamarosan majd ráolvasom a képnéző programunkat is az ilyen linkekre, mivel így már nagyon hasonló rendszerrel működnek mint a kattinthatós cikkesek.
dán ugye egy ideje.
dán.
bónuszként topiknyitásnál is aktív az auto szövegmező átméretezés kód.
ápdét:
a képnézegető programunk sokkal okosabb lett
- bélyegképek formájában kimutatja vizuálisan hogy hány kép van az adott oldalon amit meg tudunk nézni vele
- bélyegképeket mindig egyetlen sorban próbálja rendezni, arányosan elosztva, azaz nem kell scrollozgatni jobbra balra ha épp valamivel több lenne az adott oldalon.
- itt mutatja az adott pozíciónkat is szaggatott kerettel
- ezekre a bélyegképekre rá is tudunk kattanni is hogy beolvassuk őket, azaz random tetszés szerint bármelyiket beolvashatjuk, nem csak előre/hátra lapozás opciónk van.
- aszinkron módon puffereli a képeket egyesével a memóriába szép lassan miközben nézegetjük az adott kiválasztottat, ami be van pufferelve az ki is buggyan vizuálisan és kattinhatóvá/választhatóvá válik.
rwurl=http://i.imgur.com/MYRcbjo.jpg
tesztelni lehet pl itt vagy máshol ahol tetszik:
http://www.rewired.hu/content/street-fighter-v-v%C3%A9gre-megmutatja-har...
- a linkelés gomb okosabb lett
rwurl=http://i.imgur.com/44k6QMO.jpg
ha klasszikusan szöveget vagy hasonló írott formát akarunk linkelni akkor megszokott módszer szerint működik, de ha képet rakunk a kérdéses mezőbe, akkor ezt felismeri és automatikusan képes-linket fog varázsolni belőle, megkönnyítve a kattinthatós képek levarázslását a számunkra.
A következő lépés majd amit gondolom hamarosan kidolgozok az lesz, hogy a motor ezeket a képeket dettó felismeri és mint a cikkeknél, beolvassa rájuk a képnézőt így kényelmesen tudjuk nézegetni, lapozgatni őket, és pufferelni a háttérben. Ahelyett hogy egyenként kellene kattangatni rájuk és bezárni őket. (tegyük fel valaki 5-6 vagy több ilyen képet linkel)
- a topiknyitásnál is beolvasódik immáron a szövegmező átméretező kód.
- jelentett bugok javítása itt ott.
ujjal jobbkatt? :D
ja, click and hold ~1masodpercet. Ha jol emlekszem meg az osregi windows mobile cuccokon is igy volt.
pedig en is osztom a velemenyet, boldog 8as tulaj vagyok es nagyon szeretem a fejleszteseket benne. 10est is varom, csak valoszinuleg nem valtok rogton, kivarok par honapot hogy forrjon picit a dolog.
Legtobb ember (aki negativ velemennyel van rola) kizarolag csak a "valtozas" miatt nem szereti a nyolcast. Nem akarja megtanulni hasznalni a friss fejleszteseket, es legtobbszor ebbol ered a siras, mivel amugy mint rendszer teljesen kiraly, sebes es atomstabil.
hát ez komoly versenyző a topikban. :D
:DD
(jo passzol az avataroddal)
bammeg :O
amikor szetnyitja a terben a robot darabjait es nezegeti, forgatja at az alkatreszeket egyenkent, az valami elkepesztoen zsenialis. Persze a korulottunk epulo palyak is brutalisan jok.
Portal 3-at ide ebben a formaban, iziben! Mit nekunk halflife :D