- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- sziku69: Szólánc.
- btz: Internet fejlesztés országosan!
- GoodSpeed: AMD Ryzen 7 7700X vs AMD Ryzen 9 9900X Cinebench R23 & R24 Benchmarkokban mérve
- bambano: Bambanő háza tája
- ubyegon2: Airfryer XL XXL forrólevegős sütő gyakorlati tanácsok, ötletek, receptek
- Krisztianby: Íróasztal STAUNING 80x160 jobb mint gondoltam.
- Klaus Duran: Youtube AI szinkron
- gban: Ingyen kellene, de tegnapra
Új hozzászólás Aktív témák
-
#1900
Sk8erPeter
nagyúr
honda 1993
#1899
Sk8erPeter
nagyúr
válasz
honda 1993
#1899
üzenetére
Tehát media query-ket szeretnél media query-k nélkül. Good luck!
-
#1899
honda 1993
senior tag
DNReNTi
#1898
honda 1993
senior tag
válasz
DNReNTi
#1898
üzenetére
Nincsen. Volt egy kísérletem vele, de nem jött össze.
Most pedig egy valamivel egyszerűbb módot keresek a mobil nézet elkészítéséhez, mert rájöttem hogy nem is kellene túlbonyolítani. (Mivel elég egyszerű az oldalam szerkezete)Ha nem érthető az amit írok, akkor az azért van mert elég hülye vagyok a témához és nem vagyok tisztában az összes "szak kifejezéssel".
-
#1898
DNReNTi
őstag
honda 1993
#1897
DNReNTi
őstag
válasz
honda 1993
#1897
üzenetére
Akkor most csak van mobil layout?
-
#1897
honda 1993
senior tag
DNReNTi
#1896
-
#1896
DNReNTi
őstag
honda 1993
#1894
DNReNTi
őstag
válasz
honda 1993
#1894
üzenetére
"Egyébkent lehet hogy tényleg kellenek majd az 5Mp-es képek"
El nem tudom képzelni mire kellenek neked ekkora képek egy weboldalra.
Most figyelmen kívül hagyva az esetleges fotó letöltési lehetőséget, de az meg nem kell h megjelenjen az oldalon, elég ha egy link mutat rá és letölti aki akarja."de az biztos hogy pl 1 mp-es felbontással elég viccesen mutatna"
1 MP 4:3-as kép: 1152x864px. Hacsak nem tervezel retina meg 4K layoutot az oldalra (amit nem hiszem h megtennél) akkor nem tudom miért mutatna viccesen.
(#1895) honda 1993
Ezt elolvastam vagy 10x mire azt gondolom, hogy talán sejtem mi is a kérdés. Kérlek javíts ha tévedek. Tehát, letettél a responsive layout-ról. Eddig tiszta. Szóval most van egy darab megjelenésed eszköztől (kijelzőmérettől) függetlenül. Ha jól értem. Ha így van akkor:
"Szerintetek mi volna a legokosabb megoldás ezekre?"
1. Átírod a CSS-t úgy hogy ne 3 hanem csak 2 img-container legyen
2. Átírod a CSS-t úgy hogy szövegek betűméretét megnöveled pár px-el
3. Átírod a CSS-t úgy hogy nagyobbak legyenek a menüpontok is -
#1895
honda 1993
senior tag
honda 1993
senior tag
Egyébkent csak hogy boldogítsalak titeket még egy kicsit, visszatérnék a responzive témára.
Nem úgy mutatott az oldalamon a responzive nézet mint ahogy vártam ezért mellőztem azon megoldásomat.
Viszont azt vettem észre hogy erre az oldalra elég lenne ha az img-containerek nagyobbak lennének, es nem 3 hanem mondjuk csak kettő lenne belőlük egy sorban egymás mellett.illetve ezen kívül még a szövegek betűméretét kellene növelni pár px;-el , meg ugye a menüpontok méretét is ugyan így.
Szerintetek mi volna a legokosabb megoldás ezekre?
Mert én úgy érzem hogy ezekhez nem kellenének media querik. -
#1894
honda 1993
senior tag
DNReNTi
#1893
honda 1993
senior tag
válasz
DNReNTi
#1893
üzenetére
Csak mondtam valamit szemléltetés képpen.
Egyébkent lehet hogy tényleg kellenek majd az 5Mp-es képek, mert viszonylag fontos hogy éles legyen az adott fotó.
Persze tudom jól hogy nem a mp-ek száma a mérvadó, de az biztos hogy pl 1 mp-es felbontással elég viccesen mutatna. -
#1893
DNReNTi
őstag
honda 1993
#1892
DNReNTi
őstag
válasz
honda 1993
#1892
üzenetére
Ha neked a weboldalon 5MP képekre van szükséged akkor igen.
-
#1892
honda 1993
senior tag
DNReNTi
#1891
-
#1891
DNReNTi
őstag
honda 1993
#1890
DNReNTi
őstag
válasz
honda 1993
#1890
üzenetére
Igen erre akartam kilyukadni. Akkora képekkel dolgozz amekkorákra szükség van.
-
#1890
honda 1993
senior tag
DNReNTi
#1888
-
#1888
DNReNTi
őstag
honda 1993
#1887
DNReNTi
őstag
válasz
honda 1993
#1887
üzenetére
Rosszul tudod. Attól mert átnevezel egy fájlt még nem lesz az amit a kiterjesztésben megadsz. Jpeg vs PNG. Na de vissza a lényegre, a jpeg képeket is lehet optimalizálni képtől függően 80-90%-os minőségen mentve a különbség észrevehetetlen, de a helyigényük fele-harmada.
"Az meg nyílván lóf@szt sem jelent hogy css-ben a szélesség és a magasság mekkora ugye?"
Ezt nem értem. Illetve nem tudom, hogy érted. Ha úgy érted ahogy én értem akkor már hogyne jelentene. Most attól mert egy 8 megás 20Mpixeles képet te ikonnak használsz, az még egy 8 megás 20Mpixeles kép, nem egy ikon. Bár ez durva példa, de a lényeg benne. -
#1887
honda 1993
senior tag
DNReNTi
#1886
-
#1886
DNReNTi
őstag
honda 1993
#1885
DNReNTi
őstag
válasz
honda 1993
#1885
üzenetére
Attól függ milyen képek. Weben leginkább png-t esetleg svg-t használunk. Szernecsére a png-t lehet optimalizálni, de már az is sokat jelent ha odafigyelsz a méretekre, pl: egy gomb ikonját 24x24px méretben használod, akkor ne egy 256x256 méretű képet húzz már be emiatt. Látlanban okosabbat mondani nem nagyon lehet. Esetleg, hogy a devtool network fülén meg tudod nézni betöltéskor mi mennyi időt vesz igénybe. Akkor legalább látod merre kell indulni.
-
#1885
honda 1993
senior tag
honda 1993
senior tag
Sziasztok.
A weboldalam fel van töltve, de sokkal lassab mint amire számítottam.
Azt már tudom hogy ezt az okozza hogy az oldalon lévő képek nem webre vannak optimalizálva.Az viszont nem tiszta hogy ez pontosan mit is takar.
Csak arról van szó hogy kisebb felbontású képeket kellene feltöltenem?
Vagy van erre valami külön szoftver ami úgy módisítja az adott képet hogy az ne terhelje nagyon a látogató gépét? -
-
adam_
senior tag
válasz
DNReNTi
#1798
üzenetére
Igen, én is úgy látom, illetve dehogy látom még..
![;]](//cdn.rios.hu/dl/s/v1.gif)
, csak sejtem, hogy nem kellene ezeket a határokat ilyen élesen meghúzni.Ráadásul szigorúan véve ezt nem is nekünk kell elsajátítani, nekünk csak meg kell valósítani amit a graffer elénk rak. Ő meg vagy így rakja elénk, vagy nem.
Ez a mondatod azért megnyugtatott, hogy nem kell azért ezzel "ennyire precízen" foglalkoznom majd, bár most csinálok majd egy-két referenciahonlapot, amit ugye gondos tervezés idéz meg (papír, notesz a barátom). Itt most egyenlőre szűken behatárolva desktop-tablet-mobil nézetekre összepontosítok, ami nálam így fog kinézni:
/*mobile styles*/
@media only screen and (max-width: 480px) {
}
/*tablet styles*/
@media only screen and (min-width: 481px) and (max-width: 768px) {
}
/*desktop styles*/
@media only screen and (min-width: 769px) {
}Ez sztem bőven elegendő lesz nekem így elsőkörben.
De, hogy a különböző kijelzőkön, hogyan sminként épül fel a honlapom, maga a tervezési fázis ami számomra kb. most nehezebb, mint lekódolni az egészet.
Most figyelmen kívül hagyva az esetleges fotó letöltési lehetőséget, de az meg nem kell h megjelenjen az oldalon, elég ha egy link mutat rá és letölti aki akarja.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
Hirdetés
- Nők, nőügyek (18+)
- Először égett le egy újságnál a GeForce RTX 5090
- Battlefield 6
- Motorola Edge 50 Neo - az egyensúly gyengesége
- Hivatalos a OnePlus 13 startdátuma
- Luck Dragon: Asszociációs játék. :)
- Androidos fejegységek
- sziku69: Fűzzük össze a szavakat :)
- Projektor topic
- Vigneau interaktív lokálblogja
- További aktív témák...
- Telefon felvásárlás!! Apple Watch Series 9/Apple Watch Ultra/Apple Watch Ultra 2
- Bomba ár! Dell Latitude 7320 - i5-11GEN I 8GB I 256SSD I HDMI I 13,3" FHD I Cam I W11 I Garancia!
- Microsoft Surface Laptop 5 13,5" i7-1265U 16GB 512GB magyarbill 1 év garancia
- LÉZEREZÉS! külföldi billentyűzet magyarra kb. 20-30p alatt!
- GYÖNYÖRŰ iPhone 13 Pro Max 1TB Gold -1 ÉV GARANCIA - Kártyafüggetlen, MS3051
Állásajánlatok
Cég: FOTC
Város: Budapest