SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Dit zou moeten gebeuren:SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
quote:Op zaterdag 12 oktober 2013 14:48 schreef pascal08 het volgende:
Ik zit hier met het volgende probleem:
Ik heb een hoop input textboxes die met kleine getallen ingevoerd worden door de gebruiker. Wat dan een logisch scenario is, is dat een gebruiker '1' en 'tab' in razendsnel tempo afwisselt om alle inputs te vullen met 1'tjes. Voor een ander doeleinde wil ik graag dat alle inputveldjes die niet leeg zijn een andere achtergrondkleur krijgen. Heel simpel, echter voert jQuery niet altijd addClass() uit als het allemaal in een razend tempo gaat. Heeft iemand een idee of dit op te lossen is?
http://jsfiddle.net/pascal08/JLz3y/1/
Dit gebeurt er dan:SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Dit zou moeten gebeuren:Je kan het langzaam nabootsen door de 1 vast te houden en dan al op tab te drukken.SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Komt er op neer dat ie dan geen 'on(keyup)' ziet in het input wara je net was, maar in de volgende waar je naartoe bent getabbed en dus de functie dus uitvoert op die input. Je zal dus of een 'keydown' of 'change' event moeten gebruiken.
Ah, top, probleem opgelost.quote:Op zaterdag 12 oktober 2013 14:55 schreef Maringo het volgende:
[..]
Je kan het langzaam nabootsen door de 1 vast te houden en dan al op tab te drukken.
Komt er op neer dat ie dan geen 'on(keyup)' ziet in het input wara je net was, maar in de volgende waar je naartoe bent getabbed en dus de functie dus uitvoert op die input. Je zal dus of een 'keydown' of 'change' event moeten gebruiken.
Omdat die validatie niet nodig is. Het is geen registratieformulier.quote:Op zaterdag 12 oktober 2013 15:26 schreef Catch22- het volgende:
Maaruh, dit is gevolgbestrijding.
Waarom zou een gebruiker dat doen? Waarom valideer je niet per veld wat er in staat? Wat maakt t uit als er rommel in komt?
Ik wil ingevulde velden herkenbaar maken door de achtergrondkleur te laten veranderen.quote:Op zaterdag 12 oktober 2013 16:18 schreef Catch22- het volgende:
Waar maak je je dan druk over? Als mensen met muisclicks eenen invullen, a tab s tab d tab f doen?
Garbage in, garbage out. Ik weet niet over welke data t gaat, maar ik zou t gewoon laten als t is.
Met veel velden maakt dat het wel overzichtelijk inderdaad over welke je hebt ingevuld en welke niet.quote:Op zaterdag 12 oktober 2013 17:14 schreef pascal08 het volgende:
[..]
Ik wil ingevulde velden herkenbaar maken door de achtergrondkleur te laten veranderen.
Zie: http://wefut.com/en/player-database
Jep. Het zijn nu wel iets te veel velden, wat het vooral op kleinere schermen een puinhoop maakt. Ik heb nu een klein menuutje gemaakt met labeltjes waaraan je kunt zien of er per tabblad velden zijn ingevuld.quote:Op zaterdag 12 oktober 2013 17:26 schreef Maringo het volgende:
[..]
Met veel velden maakt dat het wel overzichtelijk inderdaad over welke je hebt ingevuld en welke niet.
Ik heb het ook eens moeten doen voor een klant die precies dat wilde.
quote:Op zaterdag 12 oktober 2013 14:48 schreef pascal08 het volgende:
Ik zit hier met het volgende probleem:
Ik heb een hoop input textboxes die met kleine getallen ingevoerd worden door de gebruiker. Wat dan een logisch scenario is, is dat een gebruiker '1' en 'tab' in razendsnel tempo afwisselt om alle inputs te vullen met 1'tjes. Voor een ander doeleinde wil ik graag dat alle inputveldjes die niet leeg zijn een andere achtergrondkleur krijgen. Heel simpel, echter voert jQuery niet altijd addClass() uit als het allemaal in een razend tempo gaat. Heeft iemand een idee of dit op te lossen is?
http://jsfiddle.net/pascal08/JLz3y/1/
Dit gebeurt er dan:SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Dit zou moeten gebeuren:Maak er dan keydown van, aangezien er 99 van de 100 keer iets wordt ingevuld.SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Je moeder is een hamster
Juist niet toch? Eerder 1/10 keer, want vaak wordt er gewoon overheen 'getabbed' en dat geldt dan ook als een keydown. Change lijkt me logischer, want die wordt alleen geactiveerd als er daadwerkelijk iets ingevuld wordt.quote:Op zaterdag 12 oktober 2013 18:47 schreef Crutch het volgende:
[..]
Maak er dan keydown van, aangezien er 99 van de 100 keer iets wordt ingevuld.
Nope, tab rekent ie niet mee als keydown, maar als focus.quote:Op zaterdag 12 oktober 2013 19:08 schreef pascal08 het volgende:
[..]
Juist niet toch? Eerder 1/10 keer, want vaak wordt er gewoon overheen 'getabbed' en dat geldt dan ook als een keydown. Change lijkt me logischer, want die wordt alleen geactiveerd als er daadwerkelijk iets ingevuld wordt.
Oh ja, dom.quote:Op zaterdag 12 oktober 2013 19:13 schreef Crutch het volgende:
Kijk zelf: http://jsfiddle.net/JLz3y/2/
Dat komt omdat je checkt op !== '' ipv >= 1quote:Op zaterdag 12 oktober 2013 19:25 schreef pascal08 het volgende:
[..]
Oh ja, dom.Keydown dan maar doen.
Maar wacht even. Als ik een random input selecteer met m'n muis en ik vul vervolgens wat in, dan doet 'ie het niet met keydown.
Dan heb je weer het probleem dat de achtergrond niet naar wit terugspringt als je de input weer leegmaakt.quote:Op zaterdag 12 oktober 2013 19:43 schreef stefanhaan het volgende:
[..]
Dat komt omdat je checkt op !== '' ipv >= 1
heb die van Crutch geupdate en dan pakt hij hem wel meteen als je 1 karakter in vult.
http://jsfiddle.net/JLz3y/3/
Enigste nadeel van 'change' is dat die pas afgevuurd word zodra de focus van het betreffende veld weg is.quote:Op zaterdag 12 oktober 2013 19:46 schreef pascal08 het volgende:
[..]
Dan heb je weer het probleem dat de achtergrond niet naar wit terugspringt als je de input weer leegmaakt.
Zo doet 'ie het wel weer:
http://jsfiddle.net/pascal08/JLz3y/4/
Of als er enter ingedrukt wordt. Als je nu op een input klikt en een 1 invult en verder gaat, slaat 'ie de eerste addClass over.quote:Op zaterdag 12 oktober 2013 19:47 schreef stefanhaan het volgende:
nvm ik deed op een object de .length en die is dan altijd 1.
Ik heb hem nog een keer voor je aangepast en nu doet hij het wel.
http://jsfiddle.net/JLz3y/7/
[..]
Enigste nadeel van 'change' is dat die pas afgevuurd word zodra de focus van het betreffende veld weg is.
1 2 3 4 5 | <div class="row"> <div class="small-12 medium-4 large-3 large-offset-3 columns box1">Box1</div> <div class="small-12 medium-4 large-3 columns box2">Box2</div> <div class="small-12 medium-4 large-3 columns box3">Box3</div> </div> |
SPOILER: Hele codeOm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Hoe zorg ik er dan voor dat de large-offset-3 ook alleen bij een large scherm werkt. Nu springt die er al in als ik van small naar medium over ga.Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Dat is hoe Foundation responsive webdesign uitvoert. Dit is ook niet meer dan een snel in elkaar gezet voorbeeldje om te kijken hoe ik de offset alleen voor de "large" schermen aan de praat krijg.quote:Op woensdag 16 oktober 2013 12:41 schreef KomtTijd... het volgende:
Probeer je nu dmv voor iedere mogelijke style een classname te maken, weer met inline-styles te gaan werken?
En div's met classnames als "row" en "column", daar krijg ik al direct jeuk van. Wat ben je in hemelsnaam aan het doen joh? Gebruik een table als je een table nodig hebt, en gebruik op zijn minst enigszins semantische classnames.
quote:Op woensdag 16 oktober 2013 12:41 schreef KomtTijd... het volgende:
Probeer je nu dmv voor iedere mogelijke style een classname te maken, weer met inline-styles te gaan werken?
En div's met classnames als "row" en "column", daar krijg ik al direct jeuk van. Wat ben je in hemelsnaam aan het doen joh? Gebruik een table als je een table nodig hebt, en gebruik op zijn minst enigszins semantische classnames.
Dit is precies de reden dat ik geen fan ben van grids/frameworks als Twitter Bootstrap. Ik moet er nu mee werken, en ik moet zeggen dat ik een aantal dingen wel heel snel voor elkaar krijg, maar het wordt er een enorme antisemantische brij van classes. Helaas wordt er op het huidige project van me verwacht dat ik me aan Bootstrap houd en dus ook alles opbouw met zulke row- en columns classes. Ik kan mijn collega's niet overtuigen van waarom ik dit geen goede basis vind om je stylesheets op te baseren.quote:Op woensdag 16 oktober 2013 13:01 schreef KomtTijd... het volgende:
ken het niet, zo te zien ook geen behoefte aan om het te leren kennen.
Maar als ik je code zo bekijk, moet je waarschijnlijk gewoon een medium-offset defineren die gelijk is aan de small-offset?
Het zijn juist allemaal al gedefineerde classes. Een small-offset-0 bestaat niet. Dat is al wat je standaard krijgt als je geen offset class toevoegt.quote:Op woensdag 16 oktober 2013 13:01 schreef KomtTijd... het volgende:
ken het niet, zo te zien ook geen behoefte aan om het te leren kennen.
Maar als ik je code zo bekijk, moet je waarschijnlijk gewoon een medium-offset defineren die gelijk is aan de small-offset?
Die large-offset heeft verder niks met pixels te maken. Als ik van de 12 banen mijn div van baan 2 tm 10 wil laten laten lopen geeft ik hem een large-offset-1 mee zodat de eerste baan leeg blijft.quote:Op woensdag 16 oktober 2013 13:32 schreef KomtTijd... het volgende:
Nouja bij bootstrap is het (voor zover ik het gebruikt heb) nog redelijk beperkt. Je hebt wel classes als big en small maar die zijn nog redelijk obvious.
Zodra je classes offset-3 of roundall gaan heten enzo, wordt het eng. Stel dat je op een gegeven moment tot de conclusie komt dat een offset van 2 pixels toch mooier is en dat rounded corners niet meer hip zijn, zit je ineens met allemaal .offset-3{ margin: 2} en .roundall{border-radius: none} declaraties.
row, span en offset zit volop in bootstrap hoor.quote:Op woensdag 16 oktober 2013 13:32 schreef KomtTijd... het volgende:
Nouja bij bootstrap is het (voor zover ik het gebruikt heb) nog redelijk beperkt. Je hebt wel classes als big en small maar die zijn nog redelijk obvious.
Zodra je classes offset-3 of roundall gaan heten enzo, wordt het eng. Stel dat je op een gegeven moment tot de conclusie komt dat een offset van 2 pixels toch mooier is en dat rounded corners niet meer hip zijn, zit je ineens met allemaal .offset-3{ margin: 2} en .roundall{border-radius: none} declaraties.
1 |
Dat scrollen kun je fixen door de div met id 'provincies' overflow: auto; te geven. De uitlijning van de tekst kan dmv: text-align: right;quote:Op donderdag 17 oktober 2013 13:52 schreef stoeltafel het volgende:
Vraagje,
Voor deze pagina moet ik de wrapper aanpassen http://www.dfsk-citytruck.eu/nl/citytransporter/test-2.html
Via CSS heb ik het al een stuk mooier gemaakt, heb de rand erom heen weg gehaald, via HTML de tekst aangepast echter moet het blok nog wat breder. Moet ik dit nou in de HTML of CSS zoeken. Ben aan het kijken in de debuger van Firefox maar kan het niet aanpassen of kijk er over heen. Het gaat dus om twee dingen, de tekst moet naar rechts lopen en bij provincie Overijssel staan 4 dealers echter kan ik niet scrollen.
De iframe staat ook nog in een div met een beperkte breedte. Maar daar was je natuurlijk al lang achter met de developmenttools van je browser.quote:Op donderdag 17 oktober 2013 13:52 schreef stoeltafel het volgende:
Vraagje,
Voor deze pagina moet ik de wrapper aanpassen http://www.dfsk-citytruck.eu/nl/citytransporter/test-2.html
Via CSS heb ik het al een stuk mooier gemaakt, heb de rand erom heen weg gehaald, via HTML de tekst aangepast echter moet het blok nog wat breder. Moet ik dit nou in de HTML of CSS zoeken. Ben aan het kijken in de debuger van Firefox maar kan het niet aanpassen of kijk er over heen. Het gaat dus om twee dingen, de tekst moet naar rechts lopen en bij provincie Overijssel staan 4 dealers echter kan ik niet scrollen. Het rare is als ik de CSS witdht aanpas van iframe dan verandert het blok mee echter de tekst niet.
Ja, dat zie ik in de debuger van Firefox, dat kan ik wel aanpassen maar geen nut. Even kijken waar het zit. Firefox is toch prima hiervoor of prefereer jij Chrome?quote:Op donderdag 17 oktober 2013 13:59 schreef KomtTijd... het volgende:
[..]
De iframe staat ook nog in een div met een beperkte breedte. Maar daar was je natuurlijk al lang achter met de developmenttools van je browser.
De iframe kan het beste een breedte van 950 hebben. Je moet dan de content en contentpane (class) div's nog even width: auto; meegeven.quote:Op donderdag 17 oktober 2013 13:58 schreef stoeltafel het volgende:
Thnx! Ga het direct testen, moet alleen ff kijken waarom de tekst niet door loopt. Normaal zit er twee widgets aan de rechterkant maar die heb ik al uitgezet.
Dit zocht ik, thnx! Is het dan alleen voor deze pagina of verandert het overal op de site?quote:Op donderdag 17 oktober 2013 14:10 schreef bondage het volgende:
[..]
De iframe kan het beste een breedte van 950 hebben. Je moet dan de content en contentpane (class) div's nog even width: auto; meegeven.
Ligt eraan waar je die rules neer hebt gezet. Als het in het CSS bestand is (zoals het hoort) dan zou het overal zichtbaar moeten zijn, mits je overal dezelfde class en id referenties gebruikt.quote:Op donderdag 17 oktober 2013 14:14 schreef stoeltafel het volgende:
[..]
Dit zocht ik, thnx! Is het dan alleen voor deze pagina of verandert het overal op de site?
1 2 | <div id="provincies"> <div class="provincie current" id="prov-1" overflow:auto;> |
Overflow moet sowieso op auto staan. Op die manier krijg je een scrollbalk te zien als de content niet binnen de ingestelde hoogte past.quote:Op donderdag 17 oktober 2013 14:26 schreef stoeltafel het volgende:
Heb het anders gedaan, heb in de CSS overflow: hidden; weg gehaald en nu doet die het wel, relax!
Het werkt alleen hier http://jsfiddle.net/robdegekste/P9Kgs/11/ en niet hier
Ga jou oplossing nu proberen.
content en contentpane hebben beide width: auto ? iframe heb je ook aangepast naar breedte van 950?quote:Op donderdag 17 oktober 2013 14:34 schreef stoeltafel het volgende:
Verandering door gevoerd maar iets blokkeert de scrollbalken. Jsfiddle geeft het wel goed weer.
Bij Joomla, wrapper staat Instellingen scrollbalken op automatish, lijkt me prima zo.
Content op auto, contentpane staat niet in de style.css en breede is naar 950 gegaan.quote:Op donderdag 17 oktober 2013 14:39 schreef bondage het volgende:
[..]
content en contentpane hebben beide width: auto ? iframe heb je ook aangepast naar breedte van 950?
Op je site zie ik het nog niet. Ik zag daar echter wel dat de content div nog geen width: auto; had.quote:Op donderdag 17 oktober 2013 14:43 schreef stoeltafel het volgende:
[..]
Content op auto, contentpane staat niet in de style.css en breede is naar 950 gegaan.
Het werkt! Hoppa, fucking relax fokkers! Nu nog even fine tunen, tekst iets meer naar links zodat het er mooier uit ziet. Gelukkig ziet er site er nog goed uit.
quote:Op donderdag 17 oktober 2013 14:47 schreef bondage het volgende:
[..]
Op je site zie ik het nog niet. Ik zag daar echter wel dat de content div nog geen width: auto; had.
1 2 3 4 5 6 7 8 9 10 | #content { width:609px; float:left; overflow:auto; color:#545454; font-size:12px; position:relative; z-index:1; margin-top:45px; } |
Zo moet hij, dan gaat die horizontale balk weg:quote:Op donderdag 17 oktober 2013 14:53 schreef stoeltafel het volgende:
[..]
[ code verwijderd ]
Zo heb ik het aangepast en geupload. Verder heb ik de breedte 950 gemaakt. Het liefste heb ik natuurlijk dat de hele scroll balk naar rechts weg gaat, naar beneden snap ik wel. Even kijken of dit mogelijk is.
Is het mogelijk de witdh aan het passen voor één pagina. Zie namelijk nu dat de widget Twitter/Facebook overal naar beneden is gegaan. Even kijken wat er gebeurt als ik de breedte iets aanpas.quote:Op donderdag 17 oktober 2013 15:03 schreef bondage het volgende:
[..]
Zo moet hij, dan gaat die horizontale balk weg:
#content {
width: auto;
float:left;
overflow:auto;
color:#545454;
font-size:12px;
position:relative;
z-index:1;
margin-top:45px;
}
No prob. Voordeel wat je nu hebt is dat mocht je ooit de iframe groter maken dat de content automatisch de breedte overneemt en je die elementen niet aan hoeft te passen.quote:Op donderdag 17 oktober 2013 15:16 schreef stoeltafel het volgende:
Gelukt, ziet er netjes uit! Super bedankt:)
Dat kan, moet je op die pagina even een losse class toevoegen en daarvoor in je CSS de rules defineren die alleen op die pagina gebruikt moeten wordenquote:Op donderdag 17 oktober 2013 15:31 schreef stoeltafel het volgende:
[..]
Is het mogelijk de witdh aan het passen voor één pagina. Zie namelijk nu dat de widget Twitter/Facebook overal naar beneden is gegaan. Even kijken wat er gebeurt als ik de breedte iets aanpas.
Je kunt meerdere classes aan een element hangen, dit gescheiden met spaties. Je kunt dan eventueel styles overrulen door achter de rule !important te zetten. Als je in dit geval een extra class in je CSS definieert met alleen de rule die voor een enkele pagina moet gelden dan kun je die toevoegen aan de lijst met classes voor die pagina. Zo kun je voor de ene pagina width: auto; gebruiken en op de andere bijv. width: 50%quote:Op donderdag 17 oktober 2013 15:41 schreef stoeltafel het volgende:
Uhhhh losse class? Tutorial hiervoor? Begin net met CSS. Zal even kijken of google me kan helpen.
Is ook niet nodig, gewoon zelfde css bestand. Alleen ff extra class eraan toevoegen.quote:Op donderdag 17 oktober 2013 15:48 schreef stoeltafel het volgende:
Duidelijk, zal is kijken hoe het moet. Denk alleen dat het lastig is. Normaal zou dit prima kunnen in een artikel, dan voeg je het bovenaan in via de HTML/CSS echter is deze pagina een iframe waardoor ik volgens mij geen losse CSS kan toevoegen of toch wel?
ja. Behalve dat je crossbrowser gezeik krijgt en het niet onderhoudbaar is, omdat men hier geen flauw idee heeft wat ze doen.quote:Op donderdag 17 oktober 2013 15:58 schreef stoeltafel het volgende:
Als het werkt is het toch prima, ga het direct even testen.
Wat zou jij dan adviseren? Kijk, normaal pak je deze oplossing http://www.webmasterstart.nl/css/css-per-pagina.html dat snap ik alleen ik ben nogal beperkt door wrapper/iframe.quote:Op donderdag 17 oktober 2013 15:58 schreef Catch22- het volgende:
[..]
ja. Behalve dat je crossbrowser gezeik krijgt en het niet onderhoudbaar is, omdat men hier geen flauw idee heeft wat ze doen.
Als jij het zegt....quote:Op donderdag 17 oktober 2013 15:58 schreef Catch22- het volgende:
[..]
omdat men hier geen flauw idee heeft wat ze doen.
Als we je wat zouden moeten adviseren zou het zijn: Begin bij het begin, ga tutorials doen en maak ZELF een eenvoudige site om CSS e.d. onder de knie te krijgen.quote:
Beter niet aangezien Catch22- vind dat men hier geen flauw idee heeft wat ze doen. Zo leert hij het natuurlijk helemaal fout aan.quote:Op donderdag 17 oktober 2013 16:18 schreef KomtTijd... het volgende:
[..]
En kun je misschien beter maar gewoon wat aanmodderen met een paar tips van hier.
Dit lijkt me juist leuk en erg handig om van alles uit te testen. Zal deze week een site opzet om dingen uit te testen, makkelijk en leerzaam. En moet wat vaker hier mee kijken, genoeg te leren.quote:Op donderdag 17 oktober 2013 16:18 schreef KomtTijd... het volgende:
[..]
Als we je wat zouden moeten adviseren zou het zijn: Begin bij het begin, ga tutorials doen en maak ZELF een eenvoudige site om CSS e.d. onder de knie te krijgen.
Maar waarschijnlijk wil je alleen even deze website in elkaar modderen en er dan zo weinig mogelijk meer mee doen, dus dan is het nogal een hoop tijd die je erin zou moeten steken om het echt goed te doen. En kun je misschien beter maar gewoon wat aanmodderen met een paar tips van hier.
Dat is vervelend als je iets wilt leren, maar als je alleen maar even éénmalig iets in elkaar wilt modderen, is het eigenlijk best wel prima zo. Het echt goed (laten) doen kost of heel veel tijd, of heel veel geld, en dat is vaak beiden niet voor handen.quote:Op donderdag 17 oktober 2013 16:21 schreef bondage het volgende:
[..]
Beter niet aangezien Catch22- vind dat men hier geen flauw idee heeft wat ze doen. Zo leert hij het natuurlijk helemaal fout aan.
30 days to learn HTML & CSSquote:Op donderdag 17 oktober 2013 16:23 schreef stoeltafel het volgende:
[..]
Dit lijkt me juist leuk en erg handig om van alles uit te testen. Zal deze week een site opzet om dingen uit te testen, makkelijk en leerzaam. En moet wat vaker hier mee kijken, genoeg te leren.
Ik zou in ieder geval beginnen met het eruitslopen van de iframe, zijn pagina kan imo best zonder.quote:Op donderdag 17 oktober 2013 16:27 schreef KomtTijd... het volgende:
[..]
Dat is vervelend als je iets wilt leren, maar als je alleen maar even éénmalig iets in elkaar wilt modderen, is het eigenlijk best wel prima zo. Het echt goed (laten) doen kost of heel veel tijd, of heel veel geld, en dat is vaak beiden niet voor handen.
In dat geval zou ik inderdaad absoluut aanraden om even van de grond af te beginnen. Niet verwachten dat je binnen een week een website als dit uit je mouw schudt, maar je moet gewoon de basisprincipes leren. Wat je nu met die website doet zijn "quick and dirty" fixes, maar absoluut geen good practices.quote:Op donderdag 17 oktober 2013 16:23 schreef stoeltafel het volgende:
[..]
Dit lijkt me juist leuk en erg handig om van alles uit te testen. Zal deze week een site opzet om dingen uit te testen, makkelijk en leerzaam. En moet wat vaker hier mee kijken, genoeg te leren.
Thnx, vanavond is doorlezen.quote:Op donderdag 17 oktober 2013 16:28 schreef BrainOverfloW het volgende:
[..]
30 days to learn HTML & CSS
Ja snap ik, het liefste had ik het gemaakt in HTML/CSS/jQuery maar ik was hier al zo lang bezig dat het nu even deze oplossing.quote:Op donderdag 17 oktober 2013 16:34 schreef KomtTijd... het volgende:
[..]
In dat geval zou ik inderdaad absoluut aanraden om even van de grond af te beginnen. Niet verwachten dat je binnen een week een website als dit uit je mouw schudt, maar je moet gewoon de basisprincipes leren. Wat je nu met die website doet zijn "quick and dirty" fixes, maar absoluut geen good practices.
Met lezen ben je snel klaar, heb zijn een serie video tutorialsquote:
Het is gelukt!quote:Op donderdag 17 oktober 2013 15:56 schreef bondage het volgende:
Als je een betere methode weet hoor ik het graag.
1 2 3 4 5 6 7 8 9 10 | #content { width:609px; float:left; overflow:hidden; color:#545454; font-size:12px; position:relative; z-index:1; margin-top:45px; } |
Nu ben ik wel benieuwd naar die "4 regels html".quote:Op woensdag 16 oktober 2013 14:05 schreef picodealion het volgende:
[..]
row, span en offset zit volop in bootstrap hoor.
Hier even een stukje van een collega dat ik laatst maar heb weggepoetst en vervangen met 4 regels html:
[ code verwijderd ]
Dit was nog maar de helft (letterlijk), en fungeerde om drie simpele elementen (links-floatend logo, zoekbalk midden, rechts-floatende knop) te tonen die op mobiel en desktop verschillend zijn.
quote:Op donderdag 17 oktober 2013 20:52 schreef pascal08 het volgende:
[..]
Nu ben ik wel benieuwd naar die "4 regels html".
1 2 3 4 | <div class="container-fluid"><div class="row-fluid visible-desktop"><div class="span3"><a class="brand pull-left" href="${createLink(uri:'/')}"><i class="companyLogoNav"></i></a></div><div class="span6"><form method="get" action=""><div class="row-fluid" ng-controller="SearchHeaderCtrl" ng-init="term = '${ searchParams?.term }'"><input type="text" id="term" name="term" ng-model="term" placeholder="<i18n:message code="header.search.input.placeholder" />" class="search-query validateRequired input-medium span8"><button type="submit" id="searchButton" class="btn btn-primarycolor btn-medium" ng-click="searchTerm($event)"><i18n:message code="header.search.button" /></button><div class="btn-group"><tiles:btnBewaarZoekopdracht cssClass="btn-medium" /></div></div></form></div><div class="span3"><div class="row-fluid"><div class="text-left" ng-controller="LoginCtrl" ng-init='url="${createLink(controller:'login', action:'angularLogin', params:[buttonclass:'btn-medium'])}";reload();'><div compile="html"></div></div> </div> </div> </div> |
Goed, dat was overdreven, maar het is wel een goed voorbeeld waarom ik niet zo'n fan ben van Bootstrap en soortgelijke grid frameworks. Het lokt uit tot 'luie' onsemantische HTML imo.quote:Op donderdag 17 oktober 2013 20:52 schreef pascal08 het volgende:
[..]
Nu ben ik wel benieuwd naar die "4 regels html".
Magic numbers, een van de allerergste dingen die er zijnquote:Op donderdag 17 oktober 2013 16:58 schreef Catch22- het volgende:
Waarom doe je position:relative?
Waarom doe je vervolgens margin-top?
Waarom geef je hem een z-index van 1?
1 | $('.list').children('li').filter(':not('.active')).first().addClass('active').on('click', function(){ setTimeout(function(){ $('.list').children('li').filter(':not('.active')).last().removeClass('.active');},129)}); |
Briljantquote:
Ik heb leren programmeren met Bootstrap, jQuery en CodeIgniter. Héél onlogisch en achteraf gezien ook heel inefficiënt, want ik ging de frameworks pas echt goed begrijpen toen ik de ruwe talen beter leerde kennen.quote:Op donderdag 17 oktober 2013 21:35 schreef picodealion het volgende:
[..]
Goed, dat was overdreven, maar het is wel een goed voorbeeld waarom ik niet zo'n fan ben van Bootstrap en soortgelijke grid frameworks. Het lokt uit tot 'luie' onsemantische HTML imo.
OP's worden vaak snel overgeslagen, dat blijf je altijd wel houden.quote:Op vrijdag 18 oktober 2013 15:25 schreef Catch22- het volgende:
Er staat al eeuwen een link naar de artikelen over float en position en dat leest ook niemand...
Eens maar jQuery is mogelijk wel makkelijker om als basis te leren. Maar als je goede Javaccript tutorials hebt om bij te voegen is dat alleen maar beter natuurlijk.quote:Op vrijdag 18 oktober 2013 16:05 schreef Catch22- het volgende:
En begin met Javascript ipv jQuery. Basiskennis javascript voegt heel veel toe.
Dit. Tot voor 2 jaar geleden alleen met libraries gewerkt en toen langzaam aan begonnen met dingen zonder library op te lossen. Gigantisch veel van geleerd.quote:Op vrijdag 18 oktober 2013 16:05 schreef Catch22- het volgende:
En begin met Javascript ipv jQuery. Basiskennis javascript voegt heel veel toe.
Maar zou je javascript net zo makkelijk opgepakt hebben zonder eerst via frameworks te werken die veel dingen al voor je versimpelen.quote:Op vrijdag 18 oktober 2013 16:42 schreef PimD het volgende:
Dit. Tot voor 2 jaar geleden alleen met libraries gewerkt en toen langzaam aan begonnen met dingen zonder library op te lossen. Gigantisch veel van geleerd.
Dat vind ik wel het voordeel van die tutorials die ik poste, Die zijn gemaakt door iemand die ook echt verstand heeft van de onderliggende principes van goed gestructureerde code.quote:Als je jQuery gebruikt, maar ondertussen wel alle logica mooi opsplitst, dingen generiek op zet e.d. is het probleem al een stuk minder groot. Veel van die plugins en tutorials zijn echter om te huilen
De website is geschreven door een website bouwer, best een grote partij.quote:Op donderdag 17 oktober 2013 16:58 schreef Catch22- het volgende:
Waarom doe je position:relative?
Waarom doe je vervolgens margin-top?
Waarom geef je hem een z-index van 1?
prutsers dusquote:Op maandag 21 oktober 2013 08:32 schreef stoeltafel het volgende:
[..]
De website is geschreven door een website bouwer, best een grote partij.
Of degene met een 'scherp tarief'. Dat soort dat eigenlijk alles wel weet, maar geen tijd heeft om het goed te doen..quote:
Je zou zelfs een stap verder kunnen gaan en de gebruiker gewoon zelf laten kiezen wanneer hij een filmpje wil afspelen, om vervolgens pas op dat moment de video daadwerkelijk te laden.quote:Op maandag 21 oktober 2013 11:07 schreef Tijn het volgende:
Idd gewoon het event waarin van tab gewisseld wordt gebruiken om de video af te spelen. Wat is het probleem?
Ik laat ook altijd het motorblok thuis als ik ga autorijden. Veel leuker om Flintstone style zelf aan te trappen.quote:Op maandag 21 oktober 2013 11:07 schreef Chandler het volgende:
Geen idee, maar wil eerst kijken of dat mogelijk is (gebruik nu namelijk geen jquery of andere scripts voor de site)
Ik zal vanavond een schetsje maken van wat ik bedoel, is in mijn geval gemakkelijkerquote:Op maandag 21 oktober 2013 11:07 schreef Scorpie het volgende:
[..]
Je zou zelfs een stap verder kunnen gaan en de gebruiker gewoon zelf laten kiezen wanneer hij een filmpje wil afspelen, om vervolgens pas op dat moment de video daadwerkelijk te laden.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |