Hirdetés
- bb0t: Ikea PAX gardrób és a pokol logisztikája
- ubyegon2: Airfryer XL XXL forrólevegős sütő gyakorlati tanácsok, ötletek, receptek
- sziku69: Fűzzük össze a szavakat :)
- Luck Dragon: Asszociációs játék. :)
- f(x)=exp(x): A laposföld elmebaj: Vissza a jövőbe!
- sziku69: Szólánc.
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Sub-ZeRo: Euro Truck Simulator 2 & American Truck Simulator 1 (esetleg 2 majd, ha lesz) :)
- eBay-es kütyük kis pénzért
- GoodSpeed: Márkaváltás sok-sok év után
Ú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
- Xiaomi 15 Ultra, újszerű, Alza vásárlás, 34 hónap gyári garanciával, eladó!
- Üzletből, garanciával, Lenovo ThinkPad T14 Ryzen 7 Pro-4750u/16GBRAM/512GBSSD/FULLHD IPS Touch
- Lenovo ThinkPad T14 G2 i7-1165G7 / 16GB / 512GB SSD EU billentyűzet
- Apple iPhone 13 Pro 128GB, Kártyafüggetlen, 1 Év Garanciával
- Mini PC - HP ProDesk 405 G4 DM / Ryzen 5 PRO 2400GE / DDR4 / NVMe / HDMI / több db / számla
- Telefon felvásárlás!! Xiaomi Redmi Note 10, Xiaomi Redmi Note 10s, Xiaomi Redmi Note 10 Pro
- Samsung Galaxy A16 / 4/128GB / Kártyafüggetlen / 12Hó Ganacia / BONTATLAN NULL Perces!
- iPhone XS Max 256GB Black -1 ÉV GARANCIA - Kártyafüggetlen, MS3997, 100% Akkumulátor
- Bomba ár! HP ProBook 640 G4 - i5-8GEN I 8GB I 256GB SSD I 14" FHD I Cam I W11 I Garancia!
- ÁRGARANCIA! Épített KomPhone Ultra 9 285K 32/64GB RAM RTX 5070 Ti 16GB GAMER PC termékbeszámítással
Állásajánlatok
Cég: BroadBit Hungary Kft.
Város: Budakeszi
Cég: ATW Internet Kft.
Város: Budapest