Ú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
- Milyen okostelefont vegyek?
- Tesla topik
- Crimson Desert
- Revolut
- Zolii21: 2HB Informatika - Ernő vélemények
- Okos otthon - Home Assistant, openHAB és más nyílt rendszerek
- Samsung Galaxy Watch (Tizen és Wear OS) ingyenes számlapok, kupon kódok
- Xbox Series X|S
- PlayStation 5
- Samsung Galaxy S23 Ultra - non plus ultra
- További aktív témák...
- 27% - Arzopa A1T 15,6" Hordozható Monitor!
- MOZA R5 csomag (2028. 03-ig garanciás)
- 27% - LG UltraGear 34GS95QE OLED Monitor! / 3440x1440 / 0.03ms / 240 Hz / FreeSync / G-Sync
- ASUS GeForce RTX 4070 SUPER 12GB Dual White OC
- LeX1 Yoga Gen7 2-in-1 27% 14" FHD+ IPS érintő i7-1270P 32GB 1TB NVMe aktív toll ujjlolv IR kam gar
- Bomba ár! HP ProBook 6560B - i5-2G I 6GB I 128SSD I 15,6" HD I Cam I Garancia!
- Xiaomi Redmi Note 12 Pro 5G, Kártyafüggetlen, 1 Év Garanciával
- 512GB, 250GB m-SATA SSD-k
- Apple iPhone 14 128GB,Újszerű,Adatkabel,12 hónap garanciával
- 270 - Lenovo Yoga Pro 9 (16IAH10) - Intel Core U9 285H, RTX 5070 (ELKELT)
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest