Új hozzászólás Aktív témák
-
lordjancso
senior tag
Hmm.. Én erről lemaradtam.
De miért éri meg ezt használni neked?
Mármint oké, előre deklarálva vannak bizonyos elemek stílusai, de egy egyedi oldal tervezésénél, kivitelezésénél elég valószínű, hogy a grafikus nem ezeket a "sablon" dizájnokat álmodja meg.Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
martonx
veterán
válasz lordjancso #7001 üzenetére
ez egy fluid grid rendszer, amibe a grafikusbármit beleálmodhat.
Az más kérdés, hogy egy fluid grid rendszert megfelelő css tudással percek kérdése összerakni.
Aki meg nem ért a css-hez, az a bootrap-el is szív. Aki meg ért hozzá, annak minek css framework?
Olyan ez mint a Jquery. Nem haszontalan, de a tudást nem fogja pótolni.Én kérek elnézést!
-
lordjancso
senior tag
válasz martonx #7002 üzenetére
Igen, ezt valahogy én is így gondolom.
Megnézegettem, mit is tud ez az egész framework pontosan, de nem igazán tudtam beleálmodni egyik munkámba sem.
Viszont anno JQuery-vel rögtön sikerült megbarátkozni és használni.Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
CSorBA
őstag
válasz lordjancso #7001 üzenetére
1, reszponzív grid van benne (most épp nem kell, de van mikor nagyon jól jön)
2, testre szabható (lásd letöltések)
3, a legtöbb elkészített és definiált hasznos cucc (pl formok, gombok, lapozók, progressbar) a legtöbb dizájn tervbe beilleszthető, vagy könnyen módosítható hozzá
4, nem mindig van grafikus -
lordjancso
senior tag
Félreértés ne essék, nem azt mondtam, hogy nem volna jó, vagy hogy használhatatlan, csak engem így első blikkre nem győzött meg.
A reszponzivitás érdekes módon ritkán szempont. A legtöbb dizájn, amivel dolgozom/dolgoztam fix méreteket kíván. Persze ez mind igény és a grafikus hozzáállásának kérdése.
Az, hogy előre vannak definiálva a formok, gombok, stb, elég jó dolog.
Lehet megpróbálom majd a gyakorlatban.Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
CSorBA
őstag
válasz lordjancso #7006 üzenetére
Persze persze, nem értettelek félre. Azért írtam, a reszponzivitást én sem mindig használom. De jó ha be van töltve, pl float left, right, clear, meg ilyen-olyan osztályok (amiket mondtam) eleve benne vannak. Linkek színe, stb. (Eddig erre egy kis saját szedetet használtam), és sokkal több helyet úgysem foglal. Ha pedig megszoktam, akkor elég gyors a fejlesztés utána.
A legtöbb normalize benne van, ahogy látom: [Normalize.css], [Bootstrap]
-
lordjancso
senior tag
Én is saját gyűjteményt használok.
Leginkább az az elrettentő a számomra, hogy itt van ez az elég tisztességes méretű css fájl, és a fejlesztés előtt fel kell fogni, hogy milyen class vagy id megnevezéseket használ a keretrendszer, ahhoz, hogy azokat valóban effektíven tudd használni.
Érdekesség képpen: Találtam egy elég durván reszponzív példaoldalt egy cég weboldalán: [link]
Érdemes megnézni milyen szépen változik a tartalom, ha a böngésző szélességét állítod.Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
DeFranco
nagyúr
válasz lordjancso #7010 üzenetére
Hogyankészítsünkinterwebetfordummies alapokat
Domainem meg tárterületem már van, itt tartok Nézegetek tippeket innen-onnan, de hátha van valami sorvezető
-
CSorBA
őstag
válasz lordjancso #7008 üzenetére
Nekem kicsit nyers Mutatok pár joomla és wp sablont, amik szerintem elég jók ilyen téren:
Lumiere by Rockettheme [link]
Leviathan by Rockettheme [link]
Ceruleanby Rockettheme [link]
Metropolis by Rockettheme [link]
Grafitto by Rockettheme [link]News by Gavic [link]
Magazine by Gavic [link]
Publisher by Gavic [link]
Fest by Gavic [link]
Startup by Gavic [link]DeFranco: Ha css és html alapokat keresel, akkor egy pár éves könyv: Virginia DeBolt: HTML és CSS - Webszerkesztés stílusosan: [link] Mivel régebbi könyv, így a html5 és css3 kimarad belőle, de kezdésnek és alapoknak tudom ajánlani.
Illetve egy nem tudom ki a szerzője, de frissebb összefoglaló: [link]
[ Szerkesztve ]
-
lordjancso
senior tag
Hmm, némelyik kimondottan ötletes, de nem mind egyértelmű. Pl a Magazine-nál nem látom, hova tűnik a főmenü. Szép, hogy a Facebook és Twitter linkek megmaradnak, de a főmenüt nem tűntetném el.
Leginkább az a prolémám ezekkel, hogy a WP-t és a Joomla-t nem túl sokra tartom. Vagyis a WP még szódával elmegy, de a Joomla...
(Persze nem szeretnék forradalmat robbantani, kinek a pap, kinek a papné)Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
CSorBA
őstag
válasz lordjancso #7014 üzenetére
Bal felülre, okkersárga színű négyzet. Ötleteket meríteni nagyon jók.
-
Sk8erPeter
nagyúr
válasz DeFranco #7009 üzenetére
pl. ezzel próbálkozhatsz:
http://nagygusztav.hu/web-programozas
egyből le tudod tölteni a pdf-változatát.Ha tudsz angolul, akkor még amit martonx korábban ajánlott, igényes Microsoftos tanfolyam:
http://prohardver.hu/tema/programozas_forum/hsz_6508-6508.htmlSk8erPeter
-
Sk8erPeter
nagyúr
válasz martonx #7002 üzenetére
Ha nincs külön sitebuilder, és nekem kell összerakni a komplett honlapot, frontenddel, backenddel együtt (esetleg grafikus van, aki elképzelte, hogy nézzen ki a dolog egy psd-fájlban), akkor én tuti nem szopatnám magamat azzal, hogy én próbáljak meg cross-browser kinézetet lehelni az oldalamba, és végigjárni azt az utat, amit már mások előttem végigjártak, ha van egy olyan tudásbázis, amire már nyugodtan lehet építeni. Ilyen ez a bootstrap-téma, meg mondjuk Drupalnál a nagyon igényesen elkészített Zen theme, ami egy alapot képez a te további CSS-kódjaidnak. Tehát van egy nagyon jól dokumentált váz, ami fel van készítve IE-re és minden más böngésző hülyeségeire is, aztán innen már csak lehetőleg SASS-ban tovább kell alakítanod a kódot. Elképesztő mennyiségű időt megspórol neked. Ráadásul azért a témában góré CSS-mester is biztos, hogy szopna azzal, ha elölről kellene kezdenie a sminkelést, nyilván többszáz sor nem ugrik be neki sem csak úgy csettintésre, valószínűleg saját korábbi kódját használná fel, vagy ő is felhasználna egy ilyen keretet/vázat az ő ezután következő kódjaira. Azt sem hiszem, hogy egy cross-browser kinézetet kölcsönző CSS-kódot percek alatt össze lehet hányni. Jó, ha van az oldalon négy-öt blokk, meg pár menüpont, akkor még el tudom képzelni, hogy tényleg minden böngészőben sikerül pontosan ugyanolyanra elkészíteni.
Szerk.: nyilván ezekben a "vázakban" nagyon sok helyet követel magának a sok IE-hekkelés, meg esetleg régebbi Mozilla- vagy Webkit-alapú böngészőkre optimalizálás is, esetleg Operára csiszolgatás, de az újabb böngészők sem mentesek a különbözőségektől, elég csak a különböző -webkit és egyéb prefixekre gondolni; cross-browser működés tehát sem CSS-, sem JS-oldalról nem egyszerű téma.
[ Szerkesztve ]
Sk8erPeter
-
DeFranco
nagyúr
válasz Sk8erPeter #7016 üzenetére
Ebben a második tanfolyamba milyen szintről érdemes belevágni? Gondolom ez nem az abszolút kezdőknek szól.
-
Speeedfire
nagyúr
Ennél a gmap-snál miért nem működik az infowindow? A markerek megvannak, de az infowindowok már nem.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
lordjancso
senior tag
válasz Speeedfire #7022 üzenetére
Szerintem nem a geocode function-jébe kellene tenni.
Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
Speeedfire
nagyúr
válasz lordjancso #7023 üzenetére
Próbáltam már funkcióban is meghívni, de nem akarja. A marker megy, de az infowindow nem. [link]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
lordjancso
senior tag
válasz Speeedfire #7022 üzenetére
Vagyis kicsit közelebbről megnézve, az i változó mindig 7 a geocode result function-ben.
Szerintem valami hasonló megoldást kellene választanod.
[ Szerkesztve ]
Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
Speeedfire
nagyúr
válasz lordjancso #7025 üzenetére
Valóban, elég volt egy plusz sor és most már jó is. Csak átadtam egy másik váltózónak a tömb értékét.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
lordjancso
senior tag
válasz Speeedfire #7026 üzenetére
Megmutatod mi lett a vége? Kíváncsi vagyok.
Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
Speeedfire
nagyúr
válasz lordjancso #7027 üzenetére
Ő lett az. [link]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
CSorBA
őstag
Már csak az kell, hogy új nyitásánál zárja be az előzőt.
-
lordjancso
senior tag
válasz Speeedfire #7028 üzenetére
Még nem egészen jó, mert mindegyiknél az utolsó cím kerül bele az infowindow-ba, plusz nem záródik be az előző.
Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
Jim-Y
veterán
az lenne a megoldás, hogy a markereket is, és az infoboxokat is létrehozásnál tömbbe írod, majd markerre kattintásnál a markerhez megfelelő infoboxot nyitod meg.
Így gondolom
var marker = new google.maps.marker(...);
marker.id = i; // idnek azt adjuk meg, hogy hányadik marker
markers.push(marker);// ugye ez a while-on belül lenne, a var markers = []; pedig whileon kívül.
var infowindow = new ... ();
infowindow.id = i; // az i-edik markernek ugyanaz lesz az id-je, mint az i-edik infowindownak..
infoboxes.push(infowindow);.. és akkor utána már csak azt kell figyelni, hogy mikor kattintasz markerre, lekéred a kattintott marker id-jét, és az infoboxes tömbből megjeleníted a kattintott markerhez tartozó infoboxot.
-
Sk8erPeter
nagyúr
válasz Speeedfire #7024 üzenetére
Azért van ott a "JSHint" gomb, hogy használd...
Először is "infowindow" néven hoztad létre a függvényt, majd infowindow névvel használtál egy változót, írja is a JSHint megnyomására, hogy "infowindow is already defined". Ugyanezt a hibát követted el a "map"-nél.Aztán egy lényegesebb dolog:
infowindow(marker, address[i]), map;
kissé rossz helyre tetted a zárójelet.
De mondom, mindez egyből kiderült volna a JSHint gomb megnyomása után.
Aztán még az is, hogy függvénydefiníció loopon belül nem a legjobb.
Ez a while (address[i]) sem túl szép szerintem, beszédesebb lenne helyette egy tisztességes for loop:
for(var i=0; i < address.length; i++) {...}Egy gyors console.log debuggolással az is gyorsan kiderül, hogy az infowindow nevű függvényben az info minden alkalommal undefined, tehát ez a kulcs.
A geocode callbackben ha kiírattad volna az address[i]-t, gyorsan kiderült volna, hogy az ott undefined, és az is egyértelmű, hogy mivel a geocode-nak már átadtad ezt az address[i]-t, ez itt felesleges, viszont ha kiíratod a results paramétert, akkor látható, hogy működőképes a results[0].formatted_address. Egyszerűen tehát ezt kell átadni a függvénynek az address[i] helyett.
http://jsfiddle.net/Sk8erPeter/HaZGA/9/
Tádámm, működik.
A console.log()-okat direkt bennehagytam.Egyébként erre való a JavaScript topic.
Szerk.: látom közben megírták mások is a fő problémát, de azért a fentebbieket is olvasd el, és használd a JSHint gombot ezentúl (meg sztem ezeket tényleg inkább JS topicba).
[ Szerkesztve ]
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #7032 üzenetére
Ez így már majdnem jó.
Egyedül a cím ami így nem tettszik a formatted_address-ben. Én azt szeretném megadni, amit átadtam a tömbbel.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #7034 üzenetére
Ja, OK, akkor marad az, amit Te is változtattál a kódodon, csak azért még szívleld meg a korábban írtakat is.
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #7035 üzenetére
Ja, de csak szeretném, mert az address nem érhető el. Még ha előtte globálisan declarálom, akkor sem.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #7036 üzenetére
Ja, hát ennél elvileg az a para, hogy a geocode aszinkron hívást indít, tehát a callback akármikor is meghívódhat, így ez a pár lépéses ciklus már valószínűleg rég lefutott, mire a callback végrehajtódik - ergo a cikluslépésben beállított aktuális indexre nem számíthatsz.
Annyira nem tanulmányoztam a metódusokat, hogy van-e olyan, amivel vissza lehet kapni a nyers formában beadott adatot a geocode-nál, vagy csak a Google által a keresés alapján feldolgozottat, de most már legalább tudod az okát, hogy mi a gond, ami miatt ez nem működik.Sk8erPeter
-
lordjancso
senior tag
válasz Sk8erPeter #7037 üzenetére
Nem néztem meg, de lehet hogy a "results"-ban visszaadja az eredeti értéket is.
Rip and cut and mutilate the innocent, his friends, and again and again and on and on.
-
Sk8erPeter
nagyúr
válasz lordjancso #7038 üzenetére
Hát én meg megnéztem. De te is megnézheted az előbb belinkelt példán, ahol még írtam is, hogy kiírattam minden infót konzolra.
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz Speeedfire #7036 üzenetére
Már majdnem feltaláltam a spanyolviaszt, de látom, stackoverflow-n ezzel kapcsolatos kérdés és válasz is van:
http://stackoverflow.com/questions/7002973/google-maps-api-v3-pass-more-information-into-geocode-call-back
kábé pont mint a te kódod.Szóval így már pont úgy működik, ahogy szeretnéd:
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz Sk8erPeter #7040 üzenetére
Egyébként ha valakit érdekel, hogy az előző hsz.-emben mutatott kód miért is működik, és miért is jó így:
function geocodeResultsProcessing(currentAddressIndex) {
var geocodeCallback = function( results, status ){
// ......
}
return geocodeCallback;
}
function map(address) {
// .....
var currentAddressIndex;
for (var currentAddressIndex = 0; currentAddressIndex < address.length; currentAddressIndex++) {
// .....
geocoder.geocode({
'address': currentAddress
}, geocodeResultsProcessing(currentAddressIndex) );
// .....
}
// .....
}Az olvassa el az alábbi, egyébként kifejezetten ajánlott cikkből a "Looping Without A Closure" címtől kezdődő részt (biztos, hogy haladók is találnak ebben a cikkben és esetleg korábbi részeiben is érdekes információt, ami kicsit letisztázza a dolgokat).
Sk8erPeter
-
válasz Sk8erPeter #7041 üzenetére
Jó írásnak tűnik, de a kódodban a currentAddressIndex kétszer van deklarálva, ami hiba.
-
Sk8erPeter
nagyúr
válasz Peter Kiss #7042 üzenetére
Ezt csak itt csesztem el, a kimásolásnál. A jsFiddle-kódnál nem így van. A for cikluson kívül akartam deklarálni a szemléltetéshez, a kiszedett kódban (a jsFiddle-kódban is úgy lenne érdemes, lásd a cikket), végül benne maradt a for ciklusnál is. Amúgy jogos.
A cikket tényleg érdemes elolvasni, nagyon jó áttekintés, egy helyen jól összefoglalja a miérteket.Sk8erPeter
-
PiXeL90
csendes tag
Sziasztok!
Van egy oldal amit nem én szerkesztettem de nekem kell javítani és az a baj vele, hogy ha kitörlöm a css-ból(a megfelelő helyről) height - részt eltűnik a fehér háttér és nem a tartalomhoz igazodik.
Az lenne a kérdésem, hogy mitől lehet ez már mindent átnéztem de sajnos nem találom a hibát?
Segítségeteket előre is köszi![ Szerkesztve ]
-
Speeedfire
nagyúr
válasz Sk8erPeter #7040 üzenetére
Köszönöm, így már az igazi.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Soak
veterán
válasz PiXeL90 #7044 üzenetére
Gondolom a templatemo_container id-ju cuccról beszélsz (amúgy elég érthetetlenül, hozzátenném ) ... a háttér nem tűnik el, hanem a div lesz alacsonyabb mint a benne lévő , floatolt tartalom (ami nem huzza ki a div magasságát, min-height esetén sem) , a háttere megmarad, csak nem látszik, mivel 0 lesz a magassága.
Új hozzászólás Aktív témák
- OnePlus 8T – fazonigazítás
- Vicces képek
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Honda topik
- Villanyszerelés
- RC modell földön, vízen, levegőben
- World of Tanks - MMO
- Békéscsaba és környéke adok-veszek-beszélgetek
- Automata kávégépek
- Honor Magic6 Pro - kör közepén számok
- További aktív témák...
- Eladó egy komplett PC (RTX 3070, Ryzen 5 3600, 32GB RAM)
- !! AKCIÓ !! 1 ÉV GARANCIA !! Független Apple Iphone 12 Mini 128GB.
- Samsung Galaxy S23 Ultra 512GB 5G Dual Sim + fólia, Spigen Rugged Armor tok
- Dolby Atmos / DTS:X hangprojektor HT-G700
- Bomba ár! Lenovo Miix 700-12ISK : m7-6G I 8GB I 256GB SSD I 12" QHD Touch I Cam I W10 I Garancia!