DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Yes.quote:Op zaterdag 13 juni 2015 12:24 schreef n8n het volgende:
[..]
Hmm ja dat is waar, al is het dan gelimiteerd tot de toggle actie. Beter is dan inderdaad om de functie een element mee te geven, dat kan dan een variable zijn of een inline aangeroepen element.
[ code verwijderd ]
Ik zou het (zijnde native javascript) toch anders aanpakken.
Maak een css class en noem 'm 'hidden':
| 1 2 3 | .hidden { display: none; } |
En definieer je togglefunctie zo:
| 1 2 3 4 5 6 | function toggleClass(el, cls) { el.classList.toggle(cls); } // Dus het showen en hiden van je element doe je met toggleClass(jeElement, 'hidden'); |
Voordeel hiervan is dat je meerdere eigenschappen kan togglen.
Je moeder is een hamster
Dat sowieso ja, werk altijd met classes om te togglen, seperatie van gedrag en daarvoor bestemde markup. Had even geen aandacht voor de bigger picturequote:Op zaterdag 13 juni 2015 12:58 schreef Crutch het volgende:
[..]
Yes.
Ik zou het (zijnde native javascript) toch anders aanpakken.
Maak een css class en noem 'm 'hidden':
[ code verwijderd ]
En definieer je togglefunctie zo:
[ code verwijderd ]
Voordeel hiervan is dat je meerdere eigenschappen kan togglen.
“Specialization is for insects”.—Robert Heinlein
Precies.quote:Op zaterdag 13 juni 2015 13:05 schreef n8n het volgende:
[..]
Dat sowieso ja, werk altijd met classes om te togglen, seperatie van gedrag en daarvoor bestemde markup. Had even geen aandacht voor de bigger picture
Ach ja, the bigger picture; dat wordt ook meestal niet gevraagd als het om een bepaald issue gaat, maar ik schroom nooit om een alternatieve en minder redundante mogelijkheid voor te schotelen.
Je moeder is een hamster
Macht der gewoonte. Het gooit het 'resultaat' expliciet uit het geheugen. Kleine performance win en ik vind het semantisch wat logischer omdat je niks teruggeeft. Zonder werkt het ook prima.quote:
[ Bericht 0% gewijzigd door n8n op 14-06-2015 10:06:12 ]
“Specialization is for insects”.—Robert Heinlein
Vraagje, een heel simpel vraagje.
Op mijn werk gebruikt iedereen bij een link: target="blank".
Ikzelf heb het zo geleerd: target="_blank".
Beiden doen het, maar als ik google op HTML5 target = blank dan kom ik alleen _blank tegen als zijnde juist. Wat is de juiste?
Iemand?
Op mijn werk gebruikt iedereen bij een link: target="blank".
Ikzelf heb het zo geleerd: target="_blank".
Beiden doen het, maar als ik google op HTML5 target = blank dan kom ik alleen _blank tegen als zijnde juist. Wat is de juiste?
Iemand?
bijnamen: briljante kameraad, geweldige leider.
Volgens de specs mogen zowel blank als _blank, maar er zit wel een verschil in betekenis.quote:
Vraagje, een heel simpel vraagje.
Op mijn werk gebruikt iedereen bij een link: target="blank".
Ikzelf heb het zo geleerd: target="_blank".
Beiden doen het, maar als ik google op HTML5 target = blank dan kom ik alleen _blank tegen als zijnde juist. Wat is de juiste?
Iemand?
Verder ben ik het met KomtTijd... eens dat je ze beter allebei niet gebruikt en de keuze voor het al dan niet openen in een nieuw venster (nieuwe tab) bij de gebruiker neerlegt.
Waarom zou je die keuze bij de gebruiker laten? Wij hebben veelal een oudere doelgroep die echt geen idee heeft hoe ze dat makkelijk doen moeten (cmd/ctrl + klik) of rechtsklikken.quote:
[..]
Volgens de specs mogen zowel blank als _blank, maar er zit wel een verschil in betekenis.
Verder ben ik het met KomtTijd... eens dat je ze beter allebei niet gebruikt en de keuze voor het al dan niet openen in een nieuw venster (nieuwe tab) bij de gebruiker neerlegt.
Daarbij is een website soms goed om te vermelden (bijvoorbeeld: in samenwerking met die en die) zonder dat het echt iets toevoegt aan de website of het stuk.
bijnamen: briljante kameraad, geweldige leider.
Nice. Ik was in Duitsland twee jaar geleden. Was tof.quote:
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
ECMAScript 6 Is Officially a JavaScript Standard
The ECMAScript 6 specification is now a standard. ES6 is the first major revision to the programming language since 1999 and its hallmark features include a revamped syntax featuring classes and modules. The Ecma General Assembly officially approved the specification at its June meeting in France, ECMAScript project editor Allen Wirfs-Brock announced.
The ECMAScript 6 specification is now a standard. ES6 is the first major revision to the programming language since 1999 and its hallmark features include a revamped syntax featuring classes and modules. The Ecma General Assembly officially approved the specification at its June meeting in France, ECMAScript project editor Allen Wirfs-Brock announced.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Tipje voor de gebruikers van Sublime Text onder OSX waar ik toevallig achter kwam.
ST heeft sneltoetsen om je cursor naar meerdere regels uit te breiden. Control + Shift + Up/Down geeft je een multicursor op de regels recht naar boven/beneden. Deze sneltoetsen zijn echter standaard al toegewezen aan de mission control van OSX.
Als je via Voorkeuren > Mission Control andere toetsen aanwijst voor Mission control en Programma vensters dan kun je ineens gebruik maken van deze sneltoetsen binnen ST.
Scheelt toch weer wat onhandig gesleep met control + trackpad.
ST heeft sneltoetsen om je cursor naar meerdere regels uit te breiden. Control + Shift + Up/Down geeft je een multicursor op de regels recht naar boven/beneden. Deze sneltoetsen zijn echter standaard al toegewezen aan de mission control van OSX.
Als je via Voorkeuren > Mission Control andere toetsen aanwijst voor Mission control en Programma vensters dan kun je ineens gebruik maken van deze sneltoetsen binnen ST.
Scheelt toch weer wat onhandig gesleep met control + trackpad.
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
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
Ik wil ook geen editor meer zonderquote:
Multicursor. Ben ik zelf een groot fan van.
Helemaal nu bijna alle bediening zonder trackpad kan.
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
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
Multicursor heb je toch heul niet nodig met DRY code
“Specialization is for insects”.—Robert Heinlein
Sja voor frontenders gaat dat natuurlijk niet altijd op he.quote:Op maandag 22 juni 2015 09:04 schreef n8n het volgende:
Multicursor heb je toch heul niet nodig met DRY code
Ik zie zelf ook het voordeel niet echt maar dat komt (behalve doordat ik niet/nauwelijks meer html doe) misschien ook omdat ik het nooit gebruikt heb.
pff ik ben die smart scrollable designs zo zat op me telefoon. Allemaal leuk en aardig dat bootstrap, maar vaak krijg je dan een half werkende site ervoor terug.
Hopelijk gaat die trend snel weer weg.
Hopelijk gaat die trend snel weer weg.
Prusters will be prutsin. Elk concept is net zo goed als hij wordt uitgewerkt.quote:
pff ik ben die smart scrollable designs zo zat op me telefoon. Allemaal leuk en aardig dat bootstrap, maar vaak krijg je dan een half werkende site ervoor terug.
Hopelijk gaat die trend snel weer weg.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ja, maar ik moet nog een mobiele site tegenkomen die precies hetzelfde kan als zijn desktop versie.quote:Op maandag 22 juni 2015 09:33 schreef Catch22- het volgende:
[..]
Prusters will be prutsin. Elk concept is net zo goed als hij wordt uitgewerkt.
de vraag is meer of je dat moet willen.quote:
[..]
Ja, maar ik moet nog een mobiele site tegenkomen die precies hetzelfde kan als zijn desktop versie.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ja, als ik bijvoorbeeld op de hoofdsite kan sorteren op provincie maar bij de mobiele versie kun je alleen alles van heel NL zien.quote:
[..]
de vraag is meer of je dat moet willen.
Dat soort dingen
Volgens mij is dat vooral luiheid...
dat is zeker een geval van luiheidquote:
[..]
Ja, als ik bijvoorbeeld op de hoofdsite kan sorteren op provincie maar bij de mobiele versie kun je alleen alles van heel NL zien.
Dat soort dingen
Volgens mij is dat vooral luiheid...
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En irritantquote:
Vooral als je een 6" telefoon hebt waar je makkelijk de normale versie op kunt bekijken
quote:
[..]
Ja, maar ik moet nog een mobiele site tegenkomen die precies hetzelfde kan als zijn desktop versie.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Je bent nog nooit op Tweakers.net geweest?quote:
[..]
Ja, maar ik moet nog een mobiele site tegenkomen die precies hetzelfde kan als zijn desktop versie.
Snap ook niet wat er nou zo moeilijk is aan mobiele websites maken, deze kan dan niet alles, maar is wel beter dan 90% van de mobiele websites en al bijna bejaard.
“Specialization is for insects”.—Robert Heinlein
Ook binnen DRY code heb je nog wel plekken waar je toch voor een deel dezelfde code blijft typen. Neem bijvoorbeeld het opslaan van wat input in lokale variabelen.quote:
Multicursor heb je toch heul niet nodig met DRY code
Of er later een variabele aan toevoegen
Het zijn vaak maar kleine dingetjes als dit die op zichzelf weinig voor lijken te stellen. Maar als je dan ineens op een andere editor werkt die dat niet heeft merk je ineens hoe onhandig het is om dingen steeds opnieuw te moeten typen, of met copy/paste aan de slag moet.
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
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
was ook maar een grapjequote:
[..]
Ook binnen DRY code heb je nog wel plekken waar je toch voor een deel dezelfde code blijft typen. Neem bijvoorbeeld het opslaan van wat input in lokale variabelen.
[ afbeelding ]
Of er later een variabele aan toevoegen
[ afbeelding ]
Het zijn vaak maar kleine dingetjes als dit die op zichzelf weinig voor lijken te stellen. Maar als je dan ineens op een andere editor werkt die dat niet heeft merk je ineens hoe onhandig het is om dingen steeds opnieuw te moeten typen, of met copy/paste aan de slag moet.
“Specialization is for insects”.—Robert Heinlein
Oepsquote:
Wie weet steekt toch iemand anders er nog wat van op
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
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
Hallo..
Stel ik wil deze uitlezen naar een andere pagina? Kan dat? insert.php heeft deze tabelletjes, daar moeten de gegevens inkomen
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <div id="form" class="form" style="float:right;"> <h1>Driver, you've been flyin'!</h1> <form action="insert.php" method="post"> <input name="license" id="license" type="text" placeholder="Your licenceNumber"> <input name="time" id="time" type="text" placeholder="What Time"> <input name="where" id="where" type="text" placeholder="Which Road?"> <input name="comment" id="comment" type="text" placeholder="Any additional comments?"> <input name="button" type="submit" value="Send me my Fine"> </form> <p/> Dit is formulier 2.<p/> Als je dit formulier invult ga je naar "insert.php". <p/>Daar wordt wat je hebt ingevuld in de database gezet <span class="bold">(2pt)</span>, tenminste, <u>als</u> je alle velden heb ingevuld.<span class="bold">(1pt)</span><p/>Eerst moet moet je nog in phpMyAdmin een tabel maken met de naam "verkeersboetes"<span class="bold">(2pt)</span>.<p/>Alles uit de tabel verkeersboetes moet meteen na het toevoegen ook wordenuitgelezen op die pagina <span class="bold">(2pt)</span>. </div> |
Stel ik wil deze uitlezen naar een andere pagina? Kan dat? insert.php heeft deze tabelletjes, daar moeten de gegevens inkomen
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <table width="600" border="0" cellspacing="4" cellpadding="4"> <tr> <td>Licence nr</td> <td>Time</td> <td>Place</td> <td>Comment</td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> |
DIG / [PHP/(My)SQL] voor dummies #121 Symfony yoquote:
Hallo..
[ code verwijderd ]
Stel ik wil deze uitlezen naar een andere pagina? Kan dat? insert.php heeft deze tabelletjes, daar moeten de gegevens inkomen
[ code verwijderd ]
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
jQuery 3.0 alpha
• Simplified .show() and .hide() methods
• Special case with .data() names
• jQuery.Deferred is now Promises/A+ compatible
• Removed special-case Deferred methods in jQuery.ajax
• Error cases don’t silently fail
• .width(), .height(), .css(“width”), and .css(“height”) to return decimal values (whenever the browser does)
• Removed deprecated event aliases
• jQuery.swap, jQuery.buildFragment, and jQuery.domManip are no longer accessible on the jQuery object
• Animations now use requestAnimationFrame
• .unwrap( selector )
• Massive speedups for some jQuery custom selectors
• Simplified .show() and .hide() methods
• Special case with .data() names
• jQuery.Deferred is now Promises/A+ compatible
• Removed special-case Deferred methods in jQuery.ajax
• Error cases don’t silently fail
• .width(), .height(), .css(“width”), and .css(“height”) to return decimal values (whenever the browser does)
• Removed deprecated event aliases
• jQuery.swap, jQuery.buildFragment, and jQuery.domManip are no longer accessible on the jQuery object
• Animations now use requestAnimationFrame
• .unwrap( selector )
• Massive speedups for some jQuery custom selectors
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
quote:Microsoft Edge Performance Evaluated
Now that Windows 10 is close to launch, Anandtech has put Microsoft's new browser, Edge, through a series of tests to see how it stacks up against other browsers. Edge has shown significant improvements since January.
It handily beats Chrome and Firefox in Google's Octane 2.0 benchmark, and it managed the best score on the Sunspider benchmark as well. But Chrome and Firefox both still beat Edge in other tests, by small margins in the Kraken 1.1 and HTML5Test benchmarks, and larger ones in WebXPRT and Oort Online.
The article says, "It is great to see Microsoft focusing on browser performance again, and especially not sitting idle since January, since the competition in this space has not been idle either."
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Die .show en .hide methods moeten ze er bij jQuery echt uit trekken, of het met een class toggle doen (.jq-hide ofzo). Css moet je niet in de JS willen manipuleren en zo veel mogelijk met class toggles werken, dit werkt bad practice in de hand.
“Specialization is for insects”.—Robert Heinlein
voor de geinteresseerden, in augustus geeft sogeti een gratis 3 daagse cursus angularjs: https://www.sogeti.nl/upd(...)mmer-school-augustus
sweet, ff kijken of er nog plek is.quote:
voor de geinteresseerden, in augustus geeft sogeti een gratis 3 daagse cursus angularjs: https://www.sogeti.nl/upd(...)mmer-school-augustus
“Specialization is for insects”.—Robert Heinlein
dan zie ik je daar. Met burgers als dieetwensquote:
[..]
geloof het wel, heb me vanochtend gewoon aan kunnen melden
“Specialization is for insects”.—Robert Heinlein
Ik ben nu 3 uur bezig met het proberen goed te krijgen van iets zeer (normaal gesproken) simpels maar het lukt me niet.
Korte uitleg: ik heb een index.php pagina, heb daarin iframes met ID's (ja ik weet het iframes zijn niet goed, gebruik ze even nu omdat ik toch straks de hele site overhoop ga gooien alsnog). Een andere iframe heb ik gewoon als ID iframe5 genoemd, in CSS vervolgens de hoogte en breedte vastgesteld en dat werkt gewoon.
Nu heb ik exact hetzelfde gedaan bij een ander iframe (wel in een ander <article> en ik krijg het nooit te werken nu. Ik heb heel veel al geprobeerd.
In het eerste artikel
In het tweede artikel (zelfde index.php document)
De CSS
Iframe6 blijft gewoon het standaard formaat houden. Ik heb letterlijk tientallen keren gekeken en veranderd (ID's, onderling uitgewisseld) maar het lukt niet.
Het raarste is dat als ik iframe6 als ID iframe5 noem dat hij dan wel gewoon de CSS pakt.. hij doet dan gewoon wel wat dat eerste codestukje doet bij iframe5.. maar bij iframe6 (of wat ik daar ook invul) doet ie niks, ook al is de CSS exact gelijk.
Het enige verschil is dat het in een ander artikel staat en ik verwijs naar een form (die gewoon goed werkt).
Zit met mijn handen in het haar wat dit betreft.. begrijp niet waarom het niet werkt..
Korte uitleg: ik heb een index.php pagina, heb daarin iframes met ID's (ja ik weet het iframes zijn niet goed, gebruik ze even nu omdat ik toch straks de hele site overhoop ga gooien alsnog). Een andere iframe heb ik gewoon als ID iframe5 genoemd, in CSS vervolgens de hoogte en breedte vastgesteld en dat werkt gewoon.
Nu heb ik exact hetzelfde gedaan bij een ander iframe (wel in een ander <article> en ik krijg het nooit te werken nu. Ik heb heel veel al geprobeerd.
In het eerste artikel
| 1 2 3 4 5 6 7 | <iframe src="html5-iframe-afbeeldingen/leeg.html" name="iframe1" title="eerste frame"></iframe> <iframe src="html5-iframe-afbeeldingen/leeg.html" name="iframe2" title="tweede frame"></iframe><br /> <br /> <iframe src="html5-iframe-afbeeldingen/leeg.html" name="iframe3" title="derde frame"></iframe> <iframe src="html5-iframe-afbeeldingen/leeg.html" name="iframe4" title="vierde frame"></iframe><br /> <iframe src="html5-iframe-afbeeldingen/leeg.html" name="iframe5" id="iframe5" title="vijfde frame"></iframe> <br /> |
In het tweede artikel (zelfde index.php document)
| 1 2 3 4 5 | <article> <h2>News Article</h2> <iframe src="html5-iframe-afbeeldingen/form.php" name="iframe6" id="iframe6" title="zesde frame"></iframe> <br /> </article> |
De CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | iframe { border:none; width:350px; height:230px; } #iframe5 { border:none; width:910px; height:230px; } #iframe6 { border:none; width:910px; height:830px; } |
Iframe6 blijft gewoon het standaard formaat houden. Ik heb letterlijk tientallen keren gekeken en veranderd (ID's, onderling uitgewisseld) maar het lukt niet.
Het raarste is dat als ik iframe6 als ID iframe5 noem dat hij dan wel gewoon de CSS pakt.. hij doet dan gewoon wel wat dat eerste codestukje doet bij iframe5.. maar bij iframe6 (of wat ik daar ook invul) doet ie niks, ook al is de CSS exact gelijk.
Het enige verschil is dat het in een ander artikel staat en ik verwijs naar een form (die gewoon goed werkt).
Zit met mijn handen in het haar wat dit betreft.. begrijp niet waarom het niet werkt..
Fylax is op televisie geweest
Als ik je code in een Codepen plak dan lijkt het gewoon goed te gaan. (De rode achtergrond heb ik er even in gezet om de afmetingen snel te kunnen zien).quote:
Ik ben nu 3 uur bezig met het proberen goed te krijgen van iets zeer (normaal gesproken) simpels maar het lukt me niet.
Korte uitleg: ik heb een index.php pagina, heb daarin iframes met ID's (ja ik weet het iframes zijn niet goed, gebruik ze even nu omdat ik toch straks de hele site overhoop ga gooien alsnog). Een andere iframe heb ik gewoon als ID iframe5 genoemd, in CSS vervolgens de hoogte en breedte vastgesteld en dat werkt gewoon.
Nu heb ik exact hetzelfde gedaan bij een ander iframe (wel in een ander <article> en ik krijg het nooit te werken nu. Ik heb heel veel al geprobeerd.
In het eerste artikel
[ code verwijderd ]
In het tweede artikel (zelfde index.php document)
[ code verwijderd ]
De CSS
[ code verwijderd ]
Iframe6 blijft gewoon het standaard formaat houden. Ik heb letterlijk tientallen keren gekeken en veranderd (ID's, onderling uitgewisseld) maar het lukt niet.
Het raarste is dat als ik iframe6 als ID iframe5 noem dat hij dan wel gewoon de CSS pakt.. hij doet dan gewoon wel wat dat eerste codestukje doet bij iframe5.. maar bij iframe6 (of wat ik daar ook invul) doet ie niks, ook al is de CSS exact gelijk.
Het enige verschil is dat het in een ander artikel staat en ik verwijs naar een form (die gewoon goed werkt).
Zit met mijn handen in het haar wat dit betreft.. begrijp niet waarom het niet werkt..
Zoals mstx in het php topic ook al aangaf, ga met de Element Inspector aan de slag (rechter muis knop, element inspecteren in Chrome) om te kijken waar het element bij jouw zijn afmetingen krijgt.
Overigens is het niet nodig om bij #iframe5 en 6 opnieuw border:none aan te geven. Deze krijgen ze al vanaf iframe mee. Je hoeft alleen stijlen die je wilt overschrijven opnieuw op te geven.
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
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
Bedankt voor die laatste tip.quote:
[..]
Als ik je code in een Codepen plak dan lijkt het gewoon goed te gaan. (De rode achtergrond heb ik er even in gezet om de afmetingen snel te kunnen zien).
Zoals mstx in het php topic ook al aangaf, ga met de Element Inspector aan de slag (rechter muis knop, element inspecteren in Chrome) om te kijken waar het element bij jouw zijn afmetingen krijgt.
Overigens is het niet nodig om bij #iframe5 en 6 opnieuw border:none aan te geven. Deze krijgen ze al vanaf iframe mee. Je hoeft alleen stijlen die je wilt overschrijven opnieuw op te geven.
Verder heb ik het in element inspector nu bekeken en hij haalt het blijkbaar bij iframe weg.. net alsof hij het id niet pakt.. terwijl hij id #iframe5 wel pakt.. maar niks anders verder. Zal nog wat dingen weer uitproberen
Fylax is op televisie geweest
Ow God, ik ben te stom blijkbaar. Ik moest het 'name' attribuut weghalen natuurlijk, daarom ging hij naar iframe toe bij de css. Ik begrijp alsnog niet waarom hij bij iframe5 het wel deed dan, daar had ik ook het name attribuut.. maar in ieder geval functioneert het nu
Fylax is op televisie geweest
weet iemand hoe/of het mogelijk is om tekst een vaste maximum breedte te geven, waar de lettergrootte op wordt bepaald? dat ongeacht het aantal letters in een p de tekst altijd bijv 400 pixels breed is.
font-size: 1vh werkt wel om het evenredig aan de body te houden maar niet bij een onderliggend element met vaste breedte
al wat gevonden tijdens t typen van dit bericht
https://github.com/zachleat/BigText
font-size: 1vh werkt wel om het evenredig aan de body te houden maar niet bij een onderliggend element met vaste breedte
al wat gevonden tijdens t typen van dit bericht
https://github.com/zachleat/BigText
Goed, hoeveel Kb zou idealiter een foto/banner moeten zijn van heel smal tot heel breed? Laten we zeggen 1920 tot het dubbele als het gaat om grote monitors. Ik wil hoge kwaliteit maar niet al te lange laadtijden.
Zoek eens op responsive imagesquote:
Goed, hoeveel Kb zou idealiter een foto/banner moeten zijn van heel smal tot heel breed? Laten we zeggen 1920 tot het dubbele als het gaat om grote monitors. Ik wil hoge kwaliteit maar niet al te lange laadtijden.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
idealiter is een volledig pagina < 1.5MB. Voor afbeeldingen kan je kijken naar lazy loading, responsive images.quote:
Goed, hoeveel Kb zou idealiter een foto/banner moeten zijn van heel smal tot heel breed? Laten we zeggen 1920 tot het dubbele als het gaat om grote monitors. Ik wil hoge kwaliteit maar niet al te lange laadtijden.
Wat je nog kan doen is een afbeelding 'retina' opslaan (dubbele resolutie) met extra compressie. Daar kom je mee weg, vaak zelfs met een vermindering van van kb's.
“Specialization is for insects”.—Robert Heinlein
Zelf een vraagje. Ik werk met em, responsive dit dat. Nu wil ik sommige elementen wijzigen door een class toe te voegen ipv met media queries te werken. Dit om de css kleiner (DRY) en makkelijker te onderhouden te maken.
Jammer genoeg werkt JS niet met em units. De computed style op de html geeft me standaard wel 16px, maar gaat volledig van het padje zodra er gezoomd wordt.
Iemand ervaring met em (eigenlijk rem) in JS?
Jammer genoeg werkt JS niet met em units
. De computed style op de html geeft me standaard wel 16px, maar gaat volledig van het padje zodra er gezoomd wordt. Iemand ervaring met em (eigenlijk rem) in JS?
“Specialization is for insects”.—Robert Heinlein
Lijkt mij een heel simpel dingetje, maar met googlen kom ik enkel op media selectors uit. Hierdoor kom ik dus uit op het definieren per bucket, terwijl ik gewoon 1-op-1 het getal wil gebruiken. Lijkt me ook dat dit met css gedaan kan (en moet) worden.
De vraag:
Ik heb een afbeelding die ik zo groot als de breedte van het scherm van een mobiel in portrait wil tonen, ongeacht de oriëntatie. Bij een viewport van 480dp * 320dp wil ik dat de afbeelding 320dp is, bij een viewport 360dp * 640dp wil ik dat de afbeelding 360dp is.
Met JS lukt met de volgende regel code, maar of dat nou de beste en netste oplossing is?
De vraag:
Ik heb een afbeelding die ik zo groot als de breedte van het scherm van een mobiel in portrait wil tonen, ongeacht de oriëntatie. Bij een viewport van 480dp * 320dp wil ik dat de afbeelding 320dp is, bij een viewport 360dp * 640dp wil ik dat de afbeelding 360dp is.
Met JS lukt met de volgende regel code, maar of dat nou de beste en netste oplossing is?
| 1 | document.getElementById("<%= i %>").style.width = Math.min(screen.availWidth, screen.availHeight); |
'To alcohol, the cause of and the solution to all of life's problems' - Homer J. Simpson
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Hallo allemaal,
Ik heb voor een header in een website in een tabelcel een H1 titel staan die de opgegeven hoogte van de tabel doet overschrijden.
Iemand die weet hoe ik de opgegeven height in een tabel kan forceren?
Gr. Chevy
Ik heb voor een header in een website in een tabelcel een H1 titel staan die de opgegeven hoogte van de tabel doet overschrijden.
Iemand die weet hoe ik de opgegeven height in een tabel kan forceren?
Gr. Chevy
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Heb je de code in een jsfiddle/codepen?quote:
Hallo allemaal,
Ik heb voor een header in een website in een tabelcel een H1 titel staan die de opgegeven hoogte van de tabel doet overschrijden.
Iemand die weet hoe ik de opgegeven height in een tabel kan forceren?
Gr. Chevy
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Voor het headergedeelte ja.quote:
Je hebt een tabel toch niet gebruikt voor layout he...
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Mij leek dit wel handig want ik wilde een paar objecten naast elkaar zetten
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Daar zijn tig andere en vooral juiste oplossingen voor.quote:
Mij leek dit wel handig want ik wilde een paar objecten naast elkaar zetten
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Oke. Zoals?quote:
[..]
Daar zijn tig andere en vooral juiste oplossingen voor.
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Je had ook div boxes kunnen zeggen, had je die code niet hoeven schrijvenquote:
Rest van de pagina bestaat daar namelijk uit. Alleen met tabellen staan bijv. de afbeeldingen meteen op juiste hoogte dus leek me dat wel aantrekkelijk.
Maar toch bedankt voor de tips.
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Ik heb die code niet geschrevenquote:
[..]
Je had ook div boxes kunnen zeggen, had je die code niet hoeven schrijven
Rest van de pagina bestaat daar namelijk uit. Alleen met tabellen staan bijv. de afbeeldingen meteen op juiste hoogte dus leek me dat wel aantrekkelijk.
Maar toch bedankt voor de tips.
Nooit tabellen voor iets anders gebruiken dan tabulaire data.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ironisch genoeg gebruik ik nu vrij regelmatig display: table en table-cell om verticaal te centreren.
“Specialization is for insects”.—Robert Heinlein
Flexbox ftwquote:
Ironisch genoeg gebruik ik nu vrij regelmatig display: table en table-cell om verticaal te centreren.
dat bedoelde ik iddquote:
Ironisch genoeg gebruik ik nu vrij regelmatig display: table en table-cell om verticaal te centreren.
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
hoe laat je dat 'graceful' degraderen dan? Want je layout is een mess wanneer het niet ondersteund wordt.quote:
“Specialization is for insects”.—Robert Heinlein
Als je het alleen gebruikt voor verticaal centreren, dan is het ergste dat kan gebeuren dat het bovenin staat ipv in het midden. Tsja, dat is dan pech.quote:Op zaterdag 15 augustus 2015 10:52 schreef n8n het volgende:
[..]
hoe laat je dat 'graceful' degraderen dan? Want je layout is een mess wanneer het niet ondersteund wordt.
dat is waar maar om alleen daarvoor flexbox te gebruiken is ook weer zo wat, zeker omdat de ondersteuning nog niet je van het is.quote:Op zaterdag 15 augustus 2015 12:50 schreef Tijn het volgende:
[..]
Als je het alleen gebruikt voor verticaal centreren, dan is het ergste dat kan gebeuren dat het bovenin staat ipv in het midden. Tsja, dat is dan pech.
“Specialization is for insects”.—Robert Heinlein
Flexbox is over het algemeen prima te gebruiken hoor, vanaf IE10 is het meest wel werkend te krijgen. Je moet het op dit moment nog niet gebruiken om je hele layout mee op te bouwen (mits je oudere browsers nog moet ondersteunen), maar daar is het volgens mij ook helemaal niet voor bedoeld. Daar krijgen we binnenkort Grid Layout e.d. voor.
Nee.
Hoezo? We hebben het over 3 regels CSS ofzoquote:
[..]
dat is waar maar om alleen daarvoor flexbox te gebruiken is ook weer zo wat
Hoi, vraagje. Hoe kan ik het beste een .png afbeelding als volledige achtergrond instellen? Het idee is dat de afbeelding de website wordt, zeg maar. Ik heb het geprobeerd doof deze code in te voeren in het CSS-stylesheet:
Ik ben een leek, dus als het op een andere makkelijkere manier kan, hoor ik het ook graag.
Ik werk met Wordpress.
Hoe kan ik het beste een .png afbeelding als volledige achtergrond instellen? Het idee is dat de afbeelding de website wordt, zeg maar. Ik heb het geprobeerd doof deze code in te voeren in het CSS-stylesheet:| 1 2 3 4 5 6 7 8 | <style type="text/css"> <!-- body { background-image: url(example); background-repeat: no-repeat; } --> </style> |
Ik ben een leek, dus als het op een andere makkelijkere manier kan, hoor ik het ook graag.
Ik werk met Wordpress.
Op donderdag 9 juli 2015 14:53 schreef Yvie_lu: Gelukkig. Paniek om niks :)
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
Als je de code in het CSS stylesheet neerzet hoef je alleen dit deel in te voeren.quote:
body {
background-image: url(example);
background-repeat: no-repeat;
}
| 1 2 3 4 | body { background-image: url(example); background-repeat: no-repeat; } |
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
Waarschijnlijk wil je ook de height van het html- en body-element op 100% zetten en iets als "background-size: cover" gebruiken.
Jep, inderdaad. Met bovenstaande code kwam ik al iets verder (dankje dus!). Ik heb me wat ingelezen in HTML en CCS, maar sommige dingen gaan me toch boven m'n pet. Ik ben op dit moment de pagina aan het verhuizen dus ik kan ook niet heel veel uitproberen, maar ik probeer het nu bij m'n eigen website uit en het komt dan slechts als een klein kadertje en het thema is nog steeds zichtbaar ook al verwijder ik dat.quote:
Waarschijnlijk wil je ook de height van het html- en body-element op 100% zetten en iets als "background-size: cover" gebruiken.
edit: ik moet dus een 'blank' thema nemen.
Het leek zo makkelijk.
[ Bericht 2% gewijzigd door Inolvidable op 18-08-2015 19:04:59 ]
Op donderdag 9 juli 2015 14:53 schreef Yvie_lu: Gelukkig. Paniek om niks :)
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
