Ú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
- Azonnali informatikai kérdések órája
- Google Pixel topik
- AMD Ryzen 9 / 7 / 5 / 3 3***(X) "Zen 2" (AM4)
- Robotporszívók
- Kodi és kiegészítői magyar nyelvű online tartalmakhoz (Linux, Windows)
- Bittorrent topik
- Bambu Lab 3D nyomtatók
- Az új vezér szerint már nincs a legjobb tíz chipgyártó között az Intel
- Autós topik
- Lakáshitel, lakásvásárlás
- További aktív témák...
- AKCIÓ! 16GB (2x8) G.Skill Trident Z RGB 4266MHz DDR4 memória garanciával hibátlan működéssel
- LG OLED Televíziók: KÉSZLETKISÖPRÉS -30%
- Samsung Galaxy A12 64GB, Kártyafüggetlen, 1 Év Garanciával
- ÁRGARANCIA!Épített KomPhone Ryzen 7 7800X3D 32/64GB RAM RTX 5080 16GB GAMER PC termékbeszámítással
- Samsung Galaxy A54 5G , 8/128 GB , Kártyafüggetlen
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest