- Luck Dragon: Asszociációs játék. :)
- Klaus Duran: Youtube AI szinkron
- sziku69: Szólánc.
- sziku69: Fűzzük össze a szavakat :)
- f(x)=exp(x): A laposföld elmebaj: Vissza a jövőbe!
- bambano: Bambanő háza tája
- gban: Ingyen kellene, de tegnapra
- GoodSpeed: AMD Ryzen 7 7700X vs AMD Ryzen 9 9900X Cinebench R23 & R24 Benchmarkokban mérve
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Argos: Adjátok vissza a netet! - szeretnék elaludni!
Új hozzászólás Aktív témák
-
#1600
Zedz
addikt
honda 1993
#1598
Zedz
addikt
válasz
honda 1993
#1598
üzenetére
Csinálnál egy screenshotot erről? Mert marginok, paddingek, fontok ...stb eltérhetnek. De színekről még nem hallottam, nem tapasztaltam.
-
#1599
DNReNTi
őstag
honda 1993
#1598
DNReNTi
őstag
válasz
honda 1993
#1598
üzenetére
Printscreen? Lehetőleg egy képen a két ablak.
-
#1598
honda 1993
senior tag
PumpkinSeed
#1595
honda 1993
senior tag
válasz
PumpkinSeed
#1595
üzenetére
Pedig egy hangyani kulombseg van a ket bongeszo szinmegjelenitese kozott. (mozilla es google chrome)
Zedz koszonom , csak azt a bajom hogy az amit csinaltam, azt az altalad linkelt oldalon nem lehet megcsinalni ( elegge egyedi)
Nincs valami amit ha a masik oldal altal generalt kodba beleirok akkor az IE is rendesen meg tudja jeleniteni?
Ez eleg fontos lenne, mert ezt a hatteret mindenkeppen szeretnem megtartani.
-
#1596
Zedz
addikt
honda 1993
#1594
Zedz
addikt
válasz
honda 1993
#1594
üzenetére
Én amikor kellett akkor ezt az oldalt használtam.
-
#1595
PumpkinSeed
addikt
honda 1993
#1594
PumpkinSeed
addikt
válasz
honda 1993
#1594
üzenetére
A színek úgy jelennek meg ahogy megadod. Egy színkód nem tud más színt reprezentálni.
Próbáld itt, ez készít minden böngészőre optimalizált kódot.
-
#1594
honda 1993
senior tag
honda 1993
senior tag
sziasztok.
Az hogy lehet hogy pl a google chrome-ban egy kicsit mashogy jelennek meg a szinek annak ellenere hogy szinkodokat hasznalok?
De volna egy ennel is fontosabb kerdesem. a buta Internet exploler nem tudja megjeleniteni a szinatmenetet ami az oldalam hattereben lenne.
Van valami olyasmi megoldas hogy generalok egy kulon szint direkt az IE kedveert, ami csak abban az esetben jelenik meg az oldalamon ha valaki meg mindig IE bongeszovel nezne meg az oldalamat? -
DNReNTi
őstag
Ez nem olyan mint egy szalagmunka, nem különül el ennyire egymástól. Attól mert valaki frontend fejlesztő, még nyilván van egy valamekkora szerveroldali ismerete, továbbá nyilván tisztában van az aktuális trendekkel és UX-el is. Sőt kell is hogy tisztában legyen ezekkel. Egyébként a kérdésed nem teljesen egyértelmű, ha arra gondolsz beleszólhat e egy frontendes a designer munkájába: akkor igen. Nyilván. Ha a kérdés az, hogy utólag megvalósíthatja e másképp a már az ügyfél által elfogadott layout-ot: akkor nem. Illetve egyeztetés nélkül biztosan nem.
-
adam_
senior tag
Pár napja foglalkoztat egy kérdés. A Frontendesnek "mennyire van megkötve a keze", gondolok itt arra, hogy már mennyire készen kapja a designelemeket (szinek,képek,méretek...etc), és ehhez már csak "robot szerűen" le kell programozni az adott honlapot? Vagy ez természetesen cégtől is erősen függ?
Előre is köszönöm a szakmabeliek véleményét, és Boldog Karácsonyt nektek!
-
#39417856
törölt tag
Sziasztok! Adott egy css kód:
body {
background: #2A2A2A;
}.fejlec {
background: #2A2A2A;
padding: 15px;
margin: 10px auto;
text-align: center;
color: #FFFFFF;
border: 1px solid #FFFFFF;
font-size: 30px;
font-weight: bold;
width: 1000px;
}.bal {
background: #2A2A2A;
padding: 15px;
margin: 0px 10px 0px 0px;
color: #FFFFFF;
border: 1px solid #FFFFFF;
font-weight: bold;
font-size: 20px;
width: 240px;
float: left;
height: 400px;
}.kozep {
width: 1034px;
margin: 10px auto;
}.content {
background: #2A2A2A;
padding: 15px;
margin: 0px auto;
color: #FFFFFF;
border: 1px solid #FFFFFF;
font-weight: bold;
width: 720px;
float: left;
height: 400px;
}.main {
list-style: none;
padding: 10px;
margin: 0px;
}.main li {
text-align: center;
cursor: pointer;
padding: 2px;
}Az a kérdésem hogy hogyan tudnám a középső content részt és. A bal menüt úgy méretezni, hogy a menü méret igazodjon a menuelemek hosszához es ehhez meg a középső content leíró rész kerete? Illetve azt hogyan tudom kivitelezni, hogy az oldal az eszköz kijelzojehez igazodva jelenjen meg a keretes formában? A http://palfimate.atw.hu/index.html oldalon van fent a Kezdőlap felhasználásához a css. Ami egyébként ugyanitt /stilus.css néven van fent. Illetve ha van valami javítani való vagy szebbé tehető rész akkor szívesen fogadom az ötleteket. Most kezdtem a csst megtanulni hobbira
Előre is Köszi a választ Üdv -
#1588
DNReNTi
őstag
Sk8erPeter
#1587
DNReNTi
őstag
válasz
Sk8erPeter
#1587
üzenetére
Ja tényleg. Nem tudom hogy lett nekem a :hover-ből .click().
Ideje inni egy kávét.
-
#1587
Sk8erPeter
nagyúr
DNReNTi
#1586
Sk8erPeter
nagyúr
válasz
DNReNTi
#1586
üzenetére
Amit én linkeltem, ott nem kell kattolni.
Ott a hoverre reagál. Ha egy gyerekelem fölé viszed az egeret, akkor egyben nyilván a szülőelem fölé is, tehát ezzel már lehet játszani. Na persze abban igazad van, hogy ez azért elég korlátos, szóval simán lehet, hogy az adott helyzetre nem alkalmazható, de ehhez látnunk kellene, miről van szó, mert lehet, hogy működne az, ami a példakódban. -
#1586
DNReNTi
őstag
Sk8erPeter
#1585
DNReNTi
őstag
válasz
Sk8erPeter
#1585
üzenetére
Amit Te linkeltél ott a szülő elemre kell kattolni, szerintem ez lehet a probléma. Bár ha úgy is megfelel, akkor az lényegesen egyszerűbb, mint amit én írtam.
-
#1585
Sk8erPeter
nagyúr
^Boss
#1581
Sk8erPeter
nagyúr
Mit jelent az, hogy "nem megy"? Amit linkeltem, ott még egy jsFiddle-példa is van a szemléltetésre.
Ha te is felraknál egy egyszerűsített jsFiddle-példát a saját kódoddal, akkor meg is tudnánk mondani, mit csinálsz rosszul.(#1583) ^Boss:
Ezt akkor már úgy illik írni, hogy .css("valamitulajdonság", "valamilyenérték"), tehát mondjuk .css("display", "none"), DE mivel pont az elrejtésre való, értelmesebb lenne használni a .hide() metódust, ennek paraméterül még azt is átadhatod, hogy mennyi idő alatt tűnjön el az elem. -
-
#1581
^Boss
őstag
Sk8erPeter
#1579
^Boss
őstag
válasz
Sk8erPeter
#1579
üzenetére
sajnos nem megy úgy sem.
ez már nem ez a topic, de van más megoldási ötleted? bármi érdekelne
-
#1580
^Boss
őstag
Sk8erPeter
#1579
^Boss
őstag
válasz
Sk8erPeter
#1579
üzenetére
megnézem, köszi!
-
#1579
Sk8erPeter
nagyúr
^Boss
#1578
Sk8erPeter
nagyúr
Sztem simán CSS-sel ez csak úgy működik, hogy van egy közös szülőelem, és aztán így:
http://stackoverflow.com/questions/17393231/css-on-hover-show-and-hide-different-divs-at-the-same-time/17393262#17393262 -
^Boss
őstag
Sziasztok!
gyors kérdésem lenne:
azt szeretném megoldani, hogy ha egy bizonyos id-jű elem fölé megyek ( legyen #pelda:hover ), akkor egy másik elem, aminek a class-a legyen mondjuk target, ne jelenjen meg egy listában.
ahogy próbálkoztam:
#pelda : hover ~ .target {
display:none;
}#pelda egy table tr-jére van ráaggatva, míg .target egy lista id-je, ahol előtte és utána is van több listaelem. nekik látszódniuk kéne, csak a speckó id-set kellene eltávolítani erre az időre.
van ötletetek, mi nem jó? egyáltalán ez a módja? köszi
-
#1577
PumpkinSeed
addikt
honda 1993
#1575
PumpkinSeed
addikt
válasz
honda 1993
#1575
üzenetére
"Nem igazan jovok ra hogy hogy lehet beallitani hogy melyik 2 szint akarom hasznalni."
Igazából a két színre kell kattintani. -
#1576
honda 1993
senior tag
honda 1993
#1575
honda 1993
senior tag
válasz
honda 1993
#1575
üzenetére
Nem szoltam.
Megvan koszi.
-
#1575
honda 1993
senior tag
Sk8erPeter
#1573
honda 1993
senior tag
válasz
Sk8erPeter
#1573
üzenetére
Koszi.
Bar elegge fura ez a generator.
Nem igazan jovok ra hogy hogy lehet beallitani hogy melyik 2 szint akarom hasznalni.Amikor rakattintok a jobb oldali negyzetre, akkor minden elallitodik amit beallitottam a bal oldalon.
-
#1574
DNReNTi
őstag
Sk8erPeter
#1573
DNReNTi
őstag
válasz
Sk8erPeter
#1573
üzenetére
Én is pont ezt akartam írni, de gondoltam nem bonyolítom. Meg amúgy is van aki harap a "let me google that for you" linkekért.
Szóval egy amennyire lehet krosszbrózer megoldás: fiddle.Szerk:
Hozzáteszem nem magamtól vótam ilyen okos, én is gugliztam, kb 12 mp alatt. -
#1573
Sk8erPeter
nagyúr
honda 1993
#1572
Sk8erPeter
nagyúr
válasz
honda 1993
#1572
üzenetére
"CSS3 gradient", ezt írd be Google-be, és számtalan találatot fogsz kapni, vannak generátorok is, amik arra jók, hogy kiválasztod a megfelelő színátmenetet grafikus felületen, és ahhoz generálódik egy CSS-kód (aminél lehet régebbi böngészőkre is támogatás).
-
#1572
honda 1993
senior tag
honda 1993
senior tag
Sziasztok.
Van valami modja annak hogy a body backgroundja egy olyan szint kapjon amiben van szinatmenet?
pl: fekete-szurke vagy fekete-bordo.
Google kepeket nem akarok hasznalni, mert az ugyebar nem megengedett.
-
#1571
Zedz
addikt
Sk8erPeter
#1570
Zedz
addikt
válasz
Sk8erPeter
#1570
üzenetére
Egyetértek, ez már tényleg túlgondolás volt.
-
#1570
Sk8erPeter
nagyúr
Zedz
#1568
Sk8erPeter
nagyúr
Nem tudom, szerintem ez már a felesleges agyalás kategória.
Kategorikusan nem érdemes kijelenteni, hogy erre érdemes, erre nem, úgyis a helyzet dönti el; na meg lehet tömörítve is átküldeni ezeket a fájlokat a hálózaton, lehet CDN-t használni, meg ott van a böngésző gyorsítótára (így többszöri látogatáskor gyorsítótártörlésig vagy fájlmódosulásig csak egyszer kell letöltenie a felhasználónak), meg aztán lehet, hogy a minimális letöltendő méret elérése a cél, de lehet, hogy az a 100 KB már pont nem számít, blablablabla, mindig attól függ.
Azzal sem értek egyet, amit DNReNTi írt, hogy "ágyúval verébre"-kategória lenne, minimalista oldalnál is megérheti a kapott szolgáltatások miatt (pl. reszponzivitás, amit nem kell megint megírni, de persze biztos van minimalistább stylesheet is).
De mindenki el tudja dönteni, hogy adott helyzetben megéri-e kézzel összerakni a stíluslapokat, vagy felhasználja azt a munkát, amit már más elvégzett helyette.==================================
(#1569) adam_:
Szerintem az ilyen pénzbe kerülő plecsnik helyett sokkal jobban megéri inkább referenciákat gyűjteni (akár haveroknak/családtagoknak/ismerős cégének/akárkinek fejlesztett, igényesebb honlap fejlesztése is jobb lehet; meg ha valamilyen papírról van szó, ami számíthat, akkor az inkább már egyetemi/főiskolai szakirányú képzettség), a munkáltatót az többnyire sokkal jobban érdekli. -
adam_
senior tag
Ismeri valaki innen a codeavengers.com-ot? Elvileg Certifikation-t is ad a kurzusok elvégeztével. Elkezdtem itt az ingyenes leckéket, egyenlőre nagyon tetszik a dolog. Igazából jövőre csinálok egy két hónapos kurzust, amit már korábban írtam, de szabadidőmben, amíg nem indul a kurzus, végigcsinálnék online kurzusokat is a témában. Ezzel magamat is fejlesztve, és ha még "papírt" is ad a végén róla, az plusz pont. Mit gondoltok, mondjuk ez elég jó árban is van közel 90 Euróért, összehasonlítva egy pár másik oldallal, ahol havidíjas a téma.
Vagy esetleg más online kurzust ajánlanátok? A codecademy.com-ot már kivégeztem a HTML + CSS, Bootstrapes kurzusokat, most a JS-nél vagyok, úgy 25% körül.
Valamint a lynda.com-on már jópár videós kurzust végigcsináltam a témában. Ajánlom azt pl. nektek is jó szívvel. 
Persze, tudom, a munkaadónak az számít amit tud az ember, és nem a papír. De azért a CV-kben jól mutatnak az ilyesmi dolgok pluszban, én úgy gondolom.
Nem beszélve, hogy gyakorlom addig is "interaktívan" a nyelvet a hagyományos könyves, jegyzetes gyakorlás/tanulás mellett. -
#1568
Zedz
addikt
Sk8erPeter
#1566
Zedz
addikt
válasz
Sk8erPeter
#1566
üzenetére
Kis oldalaknál az a pár valami gondolom azért annyira nem számít. De egy nagynál, amiben már kis millió dolog be van rántva? Lehet zavarosan fogalmaztam eddig, de én úgy vagyok vele, hogy a kicsiket ezzel gyorsan össze lehet rakni, használni pár fícsőrt ami kell, és mivel amúgy is könnyű súlyú maga a weboldal, akkor mindegy az a pár js, css fájl még ott a háttérben.
De egy nagynál ez nem fontos? Hogy minimalizáljuk a felesleges és nem használt dolgokat? Ne érts félre, nem a BS ellen rántottam kardot, csak én így gondolom, ami lehet téves is.
-
#1566
Sk8erPeter
nagyúr
Zedz
#1565
-
Zedz
addikt
válasz
martonx
#1563
üzenetére
Lehet még tapasztalatlan vagyok, de azért írtam épp a minimalista, mai "trendi" oldalakat, mert igazából nem sok elemből áll, azt gyorsan összerakja az ember a BS grid rendszerével, mobilra optimalizált is lesz, ad pár JS-t és kész. Komplexebb oldalaknál pedig lehet nem annyira számottevő az a pár feleslegesen behúzott dolog, de engem mondjuk zavarna a tudat, hogy ott vannak és mindig letölti a felhasználó.
-
#1564
Sk8erPeter
nagyúr
Zedz
#1561
Sk8erPeter
nagyúr
Azért ez attól is függ, hogy van-e már kész sablon arra a bizonyos webshopra vagy sem, ha 0-ról kezdik írni, akkor a "nem sok mindent lehetne onnan hasznosítani" nem igaz, kapásból kézhez kapsz egy komplett gyűjteményt a reszponzivitás és még rengeteg más kialakításához, valami alapvető stílussal való felruházásához, persze aztán még erre ráépülhet az egyedi dizájn.
Ez sem fekete vagy fehér (szóval nem csak az van, hogy egyszerű oldalhoz oké, komplexhez nem oké), sztem a Bootstrapet vagy más hasonló frameworkszerűséget simán lehet kiindulási alapnak használni egy komplexebb oldalhoz is, szóval elég hasznos tud lenni, ha ismer ilyet.Szerk.: martonx megelőzött, közben ő is írt neked választ.
(#1562) martonx:
Egyetértek, tényleg nagyon jó a doksija a Bootstrapnek.(#1563) martonx:
Szerintem minimalista oldalra is jól lehet használni. A minimalista oldalt is simán lehet, hogy valaki mobilon is jól olvashatóvá akarja tenni, de nem akar tökölni az alap kézzel való megírásával. Mondjuk számolni kell azzal, hogy a Bootstrap saját fájlocskáit is be kell töltögetni. -
martonx
veterán
Ezzel mondjuk vitatkoznék. Pont a minimalista oldalaknál nincs szükség bootstrapre elvégre ha minimalista, akkor nincs is mit használni belőle. És pont a komplex cuccoknál jöhet jól a benne lévő kismillió okosság.
Ettől függetlenül nem vagyok nagy barátja a frameworköknek, szvsz a legjobb ezek használatát minden esetben a minimálisra szorítani, és saját, direkt a célra optimalizált változatokkal kiváltani.
-
martonx
veterán
"és egy sor ez alapján <div class="col-md-4" elvileg négy oszlopból épül fel, holott 3-at látok?!"
Miért kell hülye tutorialokkal szopatni magad, mikor ritka jó a saját dokumentációja a bootstrapnek. Biztosra veszem, hogy ez alapján érteni fogod mi miért történik: bootstrap doksi
-
Zedz
addikt
A Bootstrap csak egy eszköz. A mai trendnek megfelelő minimalista, "magazin" szerű oldalakat nem rossz vele összepakolni, nem rossza ha értesz hozzá. Azonban egy komplexebb, egyedi igényeket kielégítő weboldalhoz, mondjuk egy webshophoz szerintem már nem fogják a Bootstrapet előhúzni a kalapból, mivel nem sok mindent lehetne onnan hasznosítani.
-
adam_
senior tag
Még közben eszembe jutott két kérdés, amit szeretnék itt leírni nektek, mert máskülönben elfelejtem.
1, A Bootstrapnél az egyedi stílus kialakítására (pl.: tegyük fel eltérő betűtípusokat, vagy színeket, vagy bármiféle módosítgatást akarok (nem a "gyári bootstrap-es typography-t szeretném használni... stb.) akkor arra példaként jó megoldás, ha létrehozok egy custom.css-t, amit belinkelek a html-ben, és amit szeretnék abban szépen módosítgatom?
2, A munka világában, "élesben" is már egyre több cég alkalmazottja (etc Frontendes-e) használja már ezt a Frameworköt? Ezek mellett meg AngularJS-t? Célzom arra, hogy pl. CV-ben jól mutat egy ilyen skill? Vagy még a szépen @media querykkel kialakított responsive designos tudás "feljebb értékelt"? Bár ha ennyire megkönnyíti a munkát a Bootstrap, akkor "hülye lenne az ember szépen egyesével media queryket írogatni", nem? Vagy teljesen rosszul gondolom?
-
adam_
senior tag
A Bootstrappel kapcsolatban lenne egy kérdésem, ami nem 100%-ig világos.
Az alábbi linken látható kódban, ugye van maximális felbontáson 4 sorom, és egy sor ez alapján <div class="col-md-4" elvileg négy oszlopból épül fel, holott 3-at látok?!
Itt elvileg részletezi, de sajnos nem teljesen világos, hogy miért van így:"If you see the output of the above example in a laptop or desktop having screen or viewport width greater than or equal to 992px and less than 1200px you will find it has 4 rows where each row has 3 equal columns resulting in 3x4 grid layout."
Hogyan lehetne ezt esetleg borderrel is szemléletesebbé tenni, vagy nem így kell elképzelni? Igazából a gridsystemben a col-md-"szám" utal arra, hogy hány oszlopból épül fel az adott panel az összesen 12 lehetségesből?
Valamint, ha így adjuk meg az adott box osztályát, ami lentebb látható a 3. sorban, akkor az arra utal, hogy screen kisebb méretén hogyan jelenítse meg az adott boxot?, pl.: nagyobban col-sm-6 kisebb méretben col-md-4 felépítettségre, etc. osztályra vált?
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4"><p>Box 1</p></div>Előre is köszönöm a válaszokat!
-
DNReNTi
őstag
válasz
martonx
#1555
üzenetére
Belőlem már estére sajnos nincs annyi, hogy a saját kis dolgaimmal foglalkozzak, így marad a szesz. Max hétvégén. De az se mindig esik jól, úgy el tudom szöszmötölni az időt egy két szarsággal, aztán meg rájövök, hogy 3 perc alatt teljesen másképp meglehet csinálni, és felhúzom magam.
(#1556) Zedz Ez szinte biztos.
-
-
Jim-Y
veterán
Szia,
Szerintem jó sorrendben tanulod a dolgokat, nincs vele gond.
Pár megjegyzés:
- majd inkább a Javascriptet értsd meg alapjaiban jól, mint a JQuery-t vagy az Angular-t lévén mindkettő a vanilla JavaScripten alapszik, így én azt mondanám, hogy egy 20-as időbeosztás skálán 3 JQ - 3 Angular - maradék sima JavaScript legyen. De ez az én véleményem, ami a tapasztalatomon alapszik. Library-k/Framewrokök jönnek-mennek de a szülő nyelv az mindig ugyanaz.
- majd ha elértél a végére, akkor szerintem a PHP-re se fektess feleslegesen sok energiát, inkább csak annyit, hogy a nyelven keresztül meg tudd tanulni a programozás alapjait. OOP ilyesmik.. a szokásos stack. Helyette ha már az alapok megvannak, akkor próbálj majd ki minél több szerver oldali nyelvet.De amúgy szerintem teljesen jó az összeállítás, hajrá, jó lesz az
-
adam_
senior tag
Összeírtam, hogy milyen sorrendbe tanulom a dolgokat, persze néha párhuzamosan ismerkedem újabb CSS okoságokkal is JS-el is, de nagy vonalakban így haladok:
- HTML5
- CSS3
- Javascript - JQuery
- Bootstrap/AngularJS (Framework)
- SASS/LESS (Preprocesszor)
- PHPMost körülbelül a HTML5 és CSS3 határain vagyok, és elkezdem az alapoknál a JS-t. Emelett ismerkedem mint már írtam a Frameworkökkel, most speciel a Bootstrap 3-as verziójával. A végére szeretném hagyni a SASS/LESS kombót * és a PHP alapokat. Megkérnélek titeket, hogy erősítsetek meg, avagy cáfoljátok, hogy jó "skilleket" tanulok sorban ahhoz, hogy a későbbiekben Frontend webfejlesztő legyek, vagy mivel egészítenétek még ki? Pusztán csak szeretnék visszaigazolást nyerni a szakmában dolgozó emberektől, hogy majd naprakész tudással léphessek a munka frontjára.
Ezért is előre, és a korábbi értékes hozzászólásokért nagy köszönettel tartozom felétek!
* Korábban írtátok, hogy a SASS/LESS ugyan fontos, de pár hozzászólással korábban inkább arra "buzdítottatok", hogy CSS, és HTML tanulás után inkább JS-el ismerkedjek, majd ha már mind a három nyelv profin megy, akkor jöjjön a SASS avagy LESS.
-
#1545
Zedz
addikt
fordfairlane
#1544
Zedz
addikt
válasz
fordfairlane
#1544
üzenetére
Minden nap tanul az ember, köszi még egyszer!
Amúgy én inkább letöltöm a fontokat. Tudom, nem sok idő lehúzni a Google szerveréről sem, viszont találkoztam már olyannal, hogy folyamatosan töltött az oldal, lent pedig írta, hogy a Google fontsra vár. -
#1544
fordfairlane
veterán
Zedz
#1543
fordfairlane
veterán
A Google-t nem kell letölteni, egyébként ennyi az egész:
Itt becsekkolod a "Latin Extended (latin-ext)" opciót, és alul a hivatkozásban egyből látszik is.
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
-
#1543
Zedz
addikt
fordfairlane
#1542
Zedz
addikt
válasz
fordfairlane
#1542
üzenetére
Óóó a subsetet nem állítottam át, köszönöm a segítséget!
Azért nem a Googlet linkeltem, mert ha onnan le is szedem, az csak TTF-et tölt le. Fontmókusról pedig lejön minden ami kellhet. -
#1542
fordfairlane
veterán
Zedz
#1541
fordfairlane
veterán
Rákattintottam a linkre, kiválasztottam a webfont kit fület, a subsetet hungarianra állítottm, és letöltötem a zipet. A zip-et kicsomagolva a teljes opensans készlet benne van, én csak a light-ot próbáltam. Generál egy példa html-t, ebbe belenyúltam, hogy legyen benne őŐűŰ, és nekem így oké Firefoxban, Chorme-ban és IE-ben is. Legközelebb linkeld légyszi a Google webfontot, hogy ne kelljen ennyit szöszmötölni a teszteléssel.
-
#1541
Zedz
addikt
fordfairlane
#1540
Zedz
addikt
válasz
fordfairlane
#1540
üzenetére
Erről lenne szó. Támogatja a magyar karaktereket, a Test Drive szerint is mennie kellene, de az oldalon valamiért csak sima Arial lesz az Ő betű.
-
Zedz
addikt
Szeretnék az egyik oldalamon egy nem "gyári" betűtípust használni. Először Google fonts-ról linkeltem be a kívánt font készletet, ez Chromeban tökéletesen is működött, de mikor megnéztem FF-ben és IE-ben, akkor láttam csak, hogy az Ő betűvel gondok vannak, nem renderelik le szépen. Sebaj mondom, Font Squirrelről leszedem, és majd @font-face-el szépen behúzom. A gond az, hogy így már Chrome-ban sem jó, pedig az FS-en található kipróbálási lehetőségnél az Ő betű tökéletesen megjelenik, mind a 3 böngészőben.
Találkoztatok már ilyennel? Ezt hogyan lehetne megoldani?
-
#1537
adam_
senior tag
fordfairlane
#1536
adam_
senior tag
válasz
fordfairlane
#1536
üzenetére
Most már teljesen világos, hogy miért nem javasolt ezt még használni.
-
adam_
senior tag
A hyphens tulajdonságot javasolt használi, illetve "bevált" szokás a használata, vagy inkább ezt JS-el oldjátok meg? Mivel ebben a közel féléves cikkben, és más forrásokból is olvastam már, hogy a böngészők támogatottsága még nem az igazi kifejezetten a hyphens CSS-es megoldásánál.
-
DNReNTi
őstag
Szerintem nincs ilyen menetrend. Ahogy haladsz úgy lesz szükséged egyre több mindenre. Ha már muszáj ilyen rendszert felállítani, akkor előbb lesz szükséged JS-re mint preprocessor-ra. Sőt. Még a szerveroldallal is hamarabb fogsz találkozni, mint hogy SCSS-t kelljen használnod.
Szerk:
Azigen. Úgy látom ez eldőlt. 3:0 ide. -
#1529
fordfairlane
veterán
adam_
#1527
fordfairlane
veterán
Én sem ajánlom a CSS preprocesszorokat. Ahogy én látom, egyelőre messze nem olyan mértékű a CSS komplexitása, hogy ezt tovább kelljen vinni. Első körben kerülj képbe az alapvető kliensoldali és szerveroldali technológiákkal, az ilyen build eszközökkel ráérsz később is foglalkozni. Amíg egyszerű az oldal, és nincs rutinod a használatukban, addig inkább csak hátráltatnának.
-
adam_
senior tag
válasz
DNReNTi
#1526
üzenetére
Az a baj, hogy pl. a különböző videósorozatokban is mindig egy picit más van elméleti témában, innen is vettem pl. a div#header selector-t mivel az egyik helyen így írták, a másikon meg csak simán #header...-t alkalmazott a docens. De idővel bízom benne, hogy majd ez is rendszereződik.
Igen, gyakorlásképpen sokszor kinézek egy honlapot, ami megtetszik, és próbálom lemásolni. Ez általában sikerül is, viszont ahogy írtad a kód, az "nem túl szép". Ami elsőrendű lenne, na most ezen dolgozom még egy kicsit.
Mit gondolsz, egy "erős" CSS tudással térjek majd csak rá JS tanulásra / vagy a LESS-SASS kombóra?
-
DNReNTi
őstag
Látszik, hogy nem vagy vakon a témában, sőt többnyire meg is tudod csinálni amit meg akarsz. Azért javaslom, hogy az alap elméletekkel ismerkedj meg, mert a saját dolgod fogod vele megkönnyíteni. Lásd, pl a sok felesleges duplikáció a minap, vagy a fő struktúra abszolút pozicionálása, amit el lehet felejteni így a "responsiveőrület" időkben. Így, hogy már némi gyakorlatod, rálátásod van a dolgokra, az elméleti rész nem fog gondot okozni.
-
adam_
senior tag
válasz
DNReNTi
#1516
üzenetére
Köszönöm szépen a korrekciót, és az észrevételeket. Igen, néha eléggé túlbonyolítom a dolgokat, de ez csak idővel jobb lesz.
A linda.com féle gyakorlati videósorozatokat csinálgatom egy-két hónapja, végig CSS témában, majd utána térek majd rá JS-re. Jövőre pedig mint már írtam két hónapos intenzív kurzuson is részt vehetek, szóval elszánt vagyok. -
#1523
DNReNTi
őstag
honda 1993
#1522
DNReNTi
őstag
válasz
honda 1993
#1522
üzenetére
Szerencsére van a böngészőben devtool, így ha esetleg ilyen előfordul 2 mp alatt meg tudod nézni mi lehet az oka.
Jobb gomb -> Inspect element. De szerintem korábban már javasoltam neked. -
#1522
honda 1993
senior tag
honda 1993
senior tag
Koszonom a valaszokat, de ma sikerult rajonnom.
Az volt a baj, hogy a menu alatti elemek egy <div id="box"></div> -ben vannak, Es a border szine megegyezett a container szinevel, igy pedig nem lattam azt.
Tehat nem vettem eszre, hogy a lenyilo menu fele belelogott a box border reszebe.
-
#1521
Zedz
addikt
honda 1993
#1517
Zedz
addikt
válasz
honda 1993
#1517
üzenetére
Ami JSFiddlen működik annak szerintem mennie kell nálad is... Szóval kérjük szépen azt a kódot, hátha találunk benne valamit.
-
#1519
DNReNTi
őstag
honda 1993
#1517
DNReNTi
őstag
válasz
honda 1993
#1517
üzenetére
"Megneztem a kodot es semmi baja nincs, viszont fogalmam sincs hogy mi lehet a baja."
Érzed az anomáliát? -
#1518
PumpkinSeed
addikt
honda 1993
#1517
PumpkinSeed
addikt
válasz
honda 1993
#1517
üzenetére
Ez valami olyasmiért lehet, hogy a lenyíló menü height része nem elég ezért amúgy kilóg, róla a content, de mégis kicsi a height. Nézd meg ezeket és ott keresd a hibát, kód nélkül nem hiszem, hogy többet lehetne tudni.
-
#1517
honda 1993
senior tag
honda 1993
senior tag
Sziasztok.
Elore mondom, hogy azert nem kuldok jsfiddle peldat mert fura modon ott mukodik, amit kerdezni akarok, csak nalam van valami baja.
Szoval van egy lenyilo menum. ( eddig semmi baj nem volt vele)
De most azt csinalja, hogy miutan lenyilt es elkezdek rajta lefele lepkedni, a 4. menupont utan nem enged tovabb.( ezt ugy ertsetek, hogy szepen lepkedek lefele, majd a 4. menupont utan ha lejjebb akarok menni akkor egyszeruen bezarja a lenyilo menut.) Majd ujbol lenyitom, es elkezdek lefele lepkedni, es a 4. menupont utan ugyan ezt csinalja.Megneztem a kodot es semmi baja nincs, viszont fogalmam sincs hogy mi lehet a baja.
Ti talalkoztatok mar ilyennel?
-
DNReNTi
őstag
Nem jól közelíted meg.
Egy, bár ez nem szorosan ehhez kapcsolódik: még mindig feleslegesen használsz azonosítókat (id), ráadásul így: div#header, kár megadni. Egy azonosítóból egy van az oldalon (ha minden jó), tehát felesleges úgy definiálni, hogy az csak bizonyos típusú elemre vonatkozzon, úgyis csak egy lesz belőle. Nem lesz egy div meg egy p is #header. Nem lehet.
Kettő: <span id="H1_Adam">Adam</span> <h1> Varga </h1>.
Wat?!
Ne így, ez teljesen feleslegesen bonyolult. A jó megoldás: <h1><span class="akarmi">Adam</span> Varga</h1>. A header-ek használata fontos SEO szempont, így érdemes őket jól használni, ráadásul így megspórolsz megint egy vagon CSS kódot.
Három: Ezzel az abszolút pozicionálással csak magadat szívatod. Mint írtam má': csak ott használd ahol kimondottan szükség van rá. Ez esetben nincs. Itt is meg lehet oldani, kicsit ügyeskedve, sokkal szebben és jobban. Íme leegszerűsítve.
Négy: Menü elemhez egyszerűen pedig csak beállítasz egy jobb oldali keretet, (vagy hátteret odaigazítva), a :last-child selector-ral pedig az utolsón felülírod arra hogy nincs. Erre egy korábbi példát átírtam: Csekk.Tudnék még kötekedni, de nincs rá időm.
Látszik, hogy megvannak az alapok, de hiányos kicsit. Lásd pl ez az erőltetett azonosító használat. Azért hajrá, nem el akarom venni a kedved, de egy két beginner doksi az elméletről jót tenne hidd el. -
adam_
senior tag
válasz
DNReNTi
#1514
üzenetére
Köszönöm válaszod.
De pl. egy ehhez hasonló header + menüsávot érdemes kialakítani inline-block és abszolút-relatív viszony kombival? Valahogy így gondoltam:
[link]Még ehhez kapcsolódva. Hogyan tudnék a menüelem közé mint az eredeti linkelt oldalon nagyon halvány színű fehér bordert tenni? Ha ráteszek az a vagy li elemre mondjuk, akkor elcsúszik az egész border...
-
DNReNTi
őstag
Mennyire célszerű, javasolt pl. egy footert float: left és position: absolute - relative kombó megoldásokkal megvalósítani?
Nem igazán értettem mit is értesz ez alatt, míg meg nem néztem a kódot. Ezt így ahogy megcsináltad semmiképp nem javaslom. Több okom is van ezt mondani:
1. Azonosítókat (id) használsz feleslegesen. Használj osztályokat, semmi sem indokolja, hogy ne tedd, amellett, hogy jobb megoldás, olvasmányosabb lesz a kód és megúszol egy kazal duplikációt.
2. Teljesen szükségtelen a csomó float, és abszolút pozíció. Amellett, hogy szükségtelen ráadásul meg is bonyolítod vele a saját dolgodat. Abszolút pozit ott használj, ahol szükség van rá (pl: egy popup "ablak").
Akkor hogy kéne?
Így. Ha megnézed lényegesen egyszerűbb a kód. Emellett hatékonyabb is. Megszűntek a duplikációk. A négyzetnek nem tudom mi volt a funkciója. Kivettem.(#1511) adam_
Erre, ahogy már PumpkinSeed írta, a padding a legegyszerűbb megoldás, de szebb ha csak felső (és esetleg alsó) padding van beállítva, a szöveg pedig középre igazítva. Így megoldott az is, hogy horizontálisan is középre legyen igazítva. A legszebb az lenne, ha vertical-align attribútummal oldanád meg, de ezt nem javaslom, az egész nem ér annyit, hogy azzal szívj. -
#1513
adam_
senior tag
PumpkinSeed
#1512
adam_
senior tag
válasz
PumpkinSeed
#1512
üzenetére
.. és köszi a transition: 1s; tulajdonságot is, így picivel szebb az áttűnés. -
adam_
senior tag
Valamint még ehhez a Spriteos megoldáshoz lenne egy függőben lévő kérdésem. Hogyan tudnám megadni a linkekhez tartozó szövegek pozícióját? Gondolok itt arra, hogy "Mikulás, Télapó, Virgács" szövegeket nem a figurák fejénél, hanem mondjuk a lábához hogyan tudnám helyezni? Akár úgy, mint a abszolút pozíciónálásnál top,left,bottom,right értékekkel is meglehetne, vagy center, top, bottom és hasonló értékek adhatóak csak meg?
Előre is köszönöm az észrevételeket és az esetleges javítást JSFiddleben.
-
adam_
senior tag
Mennyire célszerű, javasolt pl. egy footert float: left és position: absolute - relative kombó megoldásokkal megvalósítani? Ez a kevert módszer mennyire javasolt, ha arról van szó, hogy "szép kódot" csináljunk, ami átlátható és bevált? Például ilyen felállásban? Most csak úgy kísérletezgettem..
-
#1507
adam_
senior tag
fordfairlane
#1506
adam_
senior tag
válasz
fordfairlane
#1506
üzenetére
Köszönöm az eddigi tippeket.
Itt a linkekkel ellátott box2-t miért nem helyezi egy szintbe a többi box elemmel?
-
#1506
fordfairlane
veterán
adam_
#1504
fordfairlane
veterán
Viszamenőleges kompatibilitás szempontból a következő a helyzet, nagyon leegyszerűsítve:
A legrosszabb a grid, utána a flexbox, majd az inline-block végül a float - clear, illtve legutolsóként a table-layout. Nem véletlen, hogy a css frameworkok, mint pl. a bootstrap, float-okat használ a layout-grid rendszer lérehozásához. Persze kényelmi szempontból a grid a legjobb, meg a flexbox, utána a többi, és kábé a végén a layout table és a float. -
Zedz
addikt
Őszintén szólva még nem használtam ezt a megoldást, de a cikk alján a browser support szerint ezt csak az újabb böngészők fogják szeretni.
A front-endes kérdésedre csak részben tudok válaszolni, én is csak egy lelkes kezdő vagyok ilyen téren. Szerintem próbáld meg minél mélyebben elsajátítani a JS tudásod. Lehet, hogy csökken a jQuery népszerűsége, azonban olyan álláshirdetést még nem láttam, ahol ne kérték volna. Tudnod kell reszponzív megjelenést csinálnod, illetve törekedned kell arra, hogy minden böngészőben megfelelően jelenjen meg az oldal. Ezek mellett persze nem árt ha konyítasz valamit a szerver oldalhoz is!
Persze maga a front-end ennél egy bonyolultabb és több rétűbb dolog, de nem akarok sok sületlenséget összehordani itt!
-
adam_
senior tag
Mit gondoltok, ez jól összefoglalja jól a frontend skilleket? Tudom, hogy már korábban írtatok ezekről, de azért ezt még megkérdezném.
Pl, hogy a JQuery már "annyira nem a legfontosabb" megtanulni való dolog, ha valaki a jövőben Frontendesnek készül... azon kívül a korábbi írásokból leszűrve a többi helytálló nem?Upd.1: Még egy jó kis cikk a témában.
Még ebből a cikkből kiemelném, hogy Knowledge of animation tools like Flash, tehát a Flash még pluszban manapság fontos, ha valaki Frontendes? -
Zedz
addikt
Itt egy link, én így csinálnám.
Ilyeneket nem nagyon szoktak <span> közé rakni, hanem inkább akkor használják ha valamit ki akarnak emelni a környezetéből és megformázni, mint példaul amit linkeltél oldalon az O betű esete. Ezért kicsit átvariáltam a HTML kódod, illetve a CSS-t is.
Azért nem volt egy vonalban, mert a listának alapból van marginja, ami letolja az egész listát. Ezért vettem le a CSS elején minden elemről a margint, paddinget.
Ha JSFiddlén megy, akkor szerintem éles környezetben is mennie kell. Nem lehet, hogy még a cachelt CSS-ből dolgozik a böngésződ? Ctrl+F5-tel tudod ezt üríteni.
Valamint a lynda.com-on már jópár videós kurzust végigcsináltam a témában. Ajánlom azt pl. nektek is jó szívvel. 
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Ne így, ez teljesen feleslegesen bonyolult. A jó megoldás: 
Új hozzászólás Aktív témák
Hirdetés
- Építő/felújító topik
- Adatmentés - HDD - SSD - Flash
- Kodi és kiegészítői magyar nyelvű online tartalmakhoz (Linux, Windows)
- Milyen légkondit a lakásba?
- Polgári repülőgép-szimulátorok
- Digitális Állampolgárság Program DÁP
- Milyen asztali médialejátszót?
- NVIDIA GeForce RTX 5070 / 5070 Ti (GB205 / 203)
- Luck Dragon: Asszociációs játék. :)
- A nagy Szóda, Szódakészítés topic - legyen egy kis fröccs is! :-)
- További aktív témák...
- BESZÁMÍTÁS! Gigabyte AORUS B550M R7 5700X 32GB DDR4 1TB SSD RX 6800 16GB Zalman i3 NEO Gigabyte 850W
- GYÖNYÖRŰ iPhone 12 mini 64GB Black -1 ÉV GARANCIA - Kártyafüggetlen, MS2954
- 120 - Lenovo Legion Pro 5 (16ARX8) - AMD Ryzen 7 7745HX, RTX 4070 - 4 év garancia
- HP Omen 80G8E9 - 27" IPS - UHD 4K - 144Hz 1ms - NVIDIA G-Sync - FreeSync - HDR 400 - USB Type-C
- AZONNALI SZÁLLÍTÁSSAL Eladó Windows 8 / 8.1 Pro
Állásajánlatok
Cég: FOTC
Város: Budapest