Új hozzászólás Aktív témák
-
-
-
CSorBA
őstag
Szia biker,
kicsit zavaros amit írsz
De megpróbálom kihámozni, nem lehet, hogy arról van szó, hogy:Van több less fájlod. Ezeket importálja be egy main fájl, és ez fordul a site.css-re?
Nem lehet, hogy te csak az egyik kvázi al-less filet fordítod? Szerintem a main-t kellene, az fordításkor be fogja húzni a többi al-less filet és fordítja egyben
Feltölteni természetesen csak a css-t kell, a less-re maximum a mapping miatt van szükség.
-
#2107
CSorBA
őstag
fordfairlane
#2105
CSorBA
őstag
válasz
fordfairlane
#2105
üzenetére
Azért azt ne felejtsük el, hogy te megtudod csinálni floatokkal szórakozva is, míg Ő (egyelőre) nem
-
CSorBA
őstag
Gondolom ez mondjuk egy lista és azon belül egy aktív elem. Mi lenne ha a CSS formázásokat csak akkor kapná meg aktív elem, ha a lista is aktív, így vizuálisan biztos egyszerre jelenne meg, független attól, h. a classek mikor kerülnek a js-től az elemekre, bár nyilván fontos, hogy az elem hamarabb kapja meg, mint a lista.
<ul class="active-list">
<li></li>
<li></li>
<li class="item active-item"></li>Selectorod: .active-list .item.active-item
-
#1983
CSorBA
őstag
Sk8erPeter
#1982
CSorBA
őstag
válasz
Sk8erPeter
#1982
üzenetére
-
CSorBA
őstag
Így hirtelen amit észrevettem: azt ugye tudod, hogy itt átfedés is lehet?
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}A max-nak a következő query min-jénél kellene 1-el kisebbnek lennie, szóval:
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1023px)
and (orientation : portrait) {
/* Styles */
}/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}Második körben szerintem kicsit túlbonyolítod. Teljesen mindegy, hogy egy eszköz kijelzőszélessége mondjuk 320px vagy 350px. Nem fix szélességre állítjuk itt az elemeket, hanem engedjük folyni/csúszni a maximális szélességig. Sőt szerintem a and (orientation : portrait) query is felesleges.
Szerintem nézegesd meg pl. a bootstrapot, ott elég jól el van ez találva. [link]
Alapesetben az alábbi breakpointok vannak:
@media (max-width: 479px) {
@media (min-width: 479px) and (max-width: 767px) {
@media (min-width: 768px) and (max-width: 991px) {
@media (min-width: 992px) and (max-width: 1199px) {
@media (min-width: 1200px) {
ügyféllel kell megbeszélni, behatárolni, hogy mely típusú tabletekre, etc. telefonokra kellene fejleszteni,?
Ezzel pedig nem értek egyet, kinézetet/megjelenést/dizájnt nem eszközökre fejlesztünk, hanem felbontásra. Az persze más kérdés, hogy sok eszköz teljesen más motort használ, így sajnos bizonyos css porpertyk jócskán eltérhetnek támogatottságban. Ebből egy jó kis vicces/elszomorító slide: [link]
szerk.: Megnéztem ezt a quirktools-t, egyelőre nem látom mivel nyújtana többet mondjuk a google chrome device emulation tooljánál
-
CSorBA
őstag
Ha már ez a téma belinkelem: Sass vs. LESS @CSS-tricks
Én nagyon picit foglalkoztam less-el, majd pár hét után gyorsan áttértem a sass-ra, főként a cikk miatt, illetve nálunk szerencsére a munkahelyen a projecten is ezt kezdtük később használni.
-
#1949
CSorBA
őstag
DrojDtroll
#1944
CSorBA
őstag
válasz
DrojDtroll
#1944
üzenetére
Mert ide nem animation kell, hanem egyszerű sima transition.
div {
// saját propertyk
border-radius: 25px 0px 25px 0px;
transition: border-radius 0.5s ease-in-out;
}
div:hover {
border-radius: 0px 25px 0px 25px;
}Szerk.: Bocsi, nem vettem észre az előző hozzászólásokat.
Szerk2.: Jah azért nem vettem észre, mert másik topikból lett linkelve
![;]](http://cdn.rios.hu/dl/s/v1.gif)
De megpróbálom kihámozni, nem lehet, hogy arról van szó, hogy:
Új hozzászólás Aktív témák
- TCL LCD és LED TV-k
- AMD GPU-k jövője - amit tudni vélünk
- A fociról könnyedén, egy baráti társaságban
- Xiaomi 14 - párátlanul jó lehetne
- Nothing Phone 2a - semmi nem drága
- Épített vízhűtés (nem kompakt) topic
- Nők, nőügyek (18+)
- EA Sports WRC '23
- Eredeti játékok OFF topik
- NVIDIA GeForce RTX 4080 /4080S / 4090 (AD103 / 102)
- További aktív témák...
- Asztali PC , i5 9500 , 1660 Super , 16GB DDR4 , 512GB SSD
- Dell Latitude 5410 Laptop 14", i5-10310U, 8 GB, 512 GB, Touch, Win11 - B
- BESZÁMÍTÁS! Sony PlayStation 5 Slim 1TB SSD lemezes konzol garanciával hibátlan működéssel
- BESZÁMÍTÁS! Microsoft XBOX Series S 512GB játékkonzol garanciával hibátlan működéssel
- BESZÁMÍTÁS! Sony PlayStation 4 PRO 1TB fekete játékkonzol garanciával hibátlan működéssel
- Vállalom Xiaomi Okoskamerák szoftveres javíttását
- Xiaomi Redmi Note 14 5G 256GB, Kártyafüggetlen, 1 Év Garanciával
- ÁRGARANCIA!Épített KomPhone Ryzen 5 4500 16/32GB RAM RTX 3060 12GB GAMER PC termékbeszámítással
- LG 27UL500-W - 27" IPS - 3840x2160 4K - 60Hz 5ms - HDR10 - AMD FreeSync - 300 Nits - sRGB 99%
- Újra Akcióban!!! Ducky One 2 Mini és SF billentyűzetek a bolti ár töredékéért! Számla+Gari
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft.
Város: Budapest