Hirdetés
- TCL LCD és LED TV-k
- Egérpad topik
- A Sony megmutatja milyen monitor illik a PlayStation 5-höz
- Fejhallgató erősítő és DAC topik
- AMD GPU-k jövője - amit tudni vélünk
- Nyomtató topik
- OLED TV topic
- Mikrokontrollerek Arduino környezetben (programozás, építés, tippek)
- AMD Ryzen 9 / 7 / 5 7***(X) "Zen 4" (AM5)
- Milyen billentyűzetet vegyek?
Ú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
- Dell Latitude 7410 Strapabíró Ütésálló Profi Ultrabook Laptop 14" -80% i7-10610U 16/512 FHD IPS MATT
- Lenovo ThinkVision LFD E65 65" LFD kijelző új
- Legion 5 Pro 16IAH7H Intel Core i7-12700H CPU / 32GB DDR5 RAM / 1TB SSD / Nvidia RTX3070 8GB
- Szép DELL latitude 5420 Tartós Üzleti Laptop 14" -70% i5-1145G7 4Mag 16Gb 256GB SSD FHD IPS
- TP-Link RE700X AX3000 Rage Extender
- HIBÁTLAN iPhone 13 Pro 128GB Alphine Green -1 ÉV GARANCIA - Kártyafüggetlen, MS3024, 100% Akksi
- BESZÁMÍTÁS! HP EliteDesk 800 G1 TWR brand számítógép garanciával hibátlan működéssel
- BESZÁMÍTÁS! GIGABYTE Z370P PRO i7 9700 16GB DDR4 512GB SSD RTX 2070 SUPER 8GB CM TD500 700W
- HIBÁTLAN iPhone 13 Mini 128GB Red -1 ÉV GARANCIA - Kártyafüggetlen, MS3838, 100% Akksi
- Xiaomi Redmi Note 13 256GB, Kártyafüggetlen, 1 Év Garanciával
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő