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.
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code 
.
.
quote:Op woensdag 23 juli 2014 13:12 schreef KomtTijd... het volgende:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code
Een troost:
Ik probeerde een 1-pagina site te implementeren zonder extern framework (behalve JQuery) omdat ik dacht dat ik het nog wel kon overzien. Helaas een fout gebleken. Aparte pagina's zijn veel makkelijker in het onderhoud. Nu is veel wel in aparte pagina's die door middel van $('selector').load() worden geladen maar het is toch niet helemaal hetzelfde.
Plus ik moet op een goede manier de history bijhouden met pushState en dergelijke.
ben toch benieuwd wat je doet, want ik vind t relatief clean als ik het doe. Maar ik ben dan ook niet iemand die paniekeert als een element vier classes heeftquote:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code
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 kut is dat he. Zelfde met Foundation overigens, zit me een partij .row's en .column.large-n te nesten waar je ziek van wordt. Ben er nog steeds niet over wanneer ik gewoon moet besluiten om het gekozen framework even te negeren en gewoon zelf een paar regels css erbij te pleuren.quote:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code
ja rationeel maakt het ook geen zak uit, maar ik vind het gewoon lelijk. Alleen de code voor het menu is al 3x zo lang geworden terwijl ik het zelfde zou kunnen bereiken met enkel css. Alleen kost me dat een jaar omdat ik er niet goede in benquote:Op woensdag 23 juli 2014 22:15 schreef Catch22- het volgende:
[..]
ben toch benieuwd wat je doet, want ik vind t relatief clean als ik het doe. Maar ik ben dan ook niet iemand die paniekeert als een element vier classes heeft
.
Als je menu drie keer zo lang is, dan doe je toch iets niet goed, lijkt me. Maar dat kan ook aan je bootstraptheme liggen. Een beetje theme zorgt ervoor dat je alleen een ul met li's hebt en dan zorgt een bepaalde class in de ul voor de gehele opmaak.quote:
[..]
ja rationeel maakt het ook geen zak uit, maar ik vind het gewoon lelijk. Alleen de code voor het menu is al 3x zo lang geworden terwijl ik het zelfde zou kunnen bereiken met enkel css. Alleen kost me dat een jaar omdat ik er niet goede in ben
Ik vind onderhoudbaarheid belangrijker dan een paar kB op je css file. Daar merk je toch niets van (als het niet de spuigaten uitloopt)
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?
Nouja je wilt er ook een icoontje bij ofzo. Had prima met li::after gekund natuurlijk maar nu is het <i class=" fa fa-angle-right"></i> in de HTML. Plus inderdaad 100 classnames per element. Natuurlijk maakt het allemaal geen zak uit, maar de autist in mij houdt er niet vanquote:Op donderdag 24 juli 2014 09:30 schreef Maringo het volgende:
[..]
Als je menu drie keer zo lang is, dan doe je toch iets niet goed, lijkt me. Maar dat kan ook aan je bootstraptheme liggen. Een beetje theme zorgt ervoor dat je alleen een ul met li's hebt en dan zorgt een bepaalde class in de ul voor de gehele opmaak.
Dit geldt ook inderdaad. Het is wel lekker makkelijk allemaal zo.quote:Op donderdag 24 juli 2014 09:42 schreef Catch22- het volgende:
Ik vind onderhoudbaarheid belangrijker dan een paar kB op je css file. Daar merk je toch niets van (als het niet de spuigaten uitloopt)
Gebruik ik ook al een tijdje, echt ideaal. Heb er een handige mixin voor geschreven voor Less. If interested wil ik hem wel delenquote:
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?
Wij gebruiken hier SASS maar je mag hem altijd delen natuurlijkquote:
[..]
Gebruik ik ook al een tijdje, echt ideaal. Heb er een handige mixin voor geschreven voor Less. If interested wil ik hem wel delen
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.quote:Op donderdag 24 juli 2014 10:22 schreef Scorpie het volgende:
[..]
Wij gebruiken hier SASS maar je mag hem altijd delen natuurlijk
Mixin
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | @primary-color: #B63918; @iconSize: 17px; .make-icon(@var, @color: @primary-color) { &:before { .fa; padding-right:5px; color:@color; font-size:@iconSize; content:(@var); } } .reset-icon() { &:before { .fa; padding-right:0; content:' '; } } .rotate-icon() { &:before { .fa-rotate-90; } } .make-icon-after(@var, @color: @primary-color) { &:after { .fa; padding-left:5px; color:@color; font-size:@iconSize; content:(@var); } } |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | a.action { .make-icon(@fa-var-adjust); &.moveUp, &.moveup { .make-icon(@fa-var-arrow-circle-o-up); } &.moveDown, &.movedown { .make-icon(@fa-var-arrow-circle-o-down); } //etc &.sub { .make-icon(@fa-var-level-up); .rotate-icon(); } } |
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 dat heeft maar een paar kleine aanpassingen nodig voor SASS.quote:
[..]
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.
Mixin
[ code verwijderd ]
Gebruik
[ code verwijderd ]
Ja, het is niet superhoogstaand of spannend, maar dit scheelde mij veel ergernis. Je hebt alleen dan 2 classes nodig voor een icon, maar dat levert wel nettere css op. En als je een icon + onopgemaakte class gebruikt zie je het adjust icoon, weet je gelijk dat je dat nog moet fiksenquote:Op donderdag 24 juli 2014 10:30 schreef Scorpie het volgende:
[..]
Ja dat heeft maar een paar kleine aanpassingen nodig voor SASS.
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?
waarom (als je toch px gebruikt) niet 16px voor de icons. Volgens mij zijn ze op 16px 'getekend' dus ook scherper.quote:
[..]
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.
Mixin
[ code verwijderd ]
Gebruik
[ code verwijderd ]
De keren dat ik fontawesome gebruik maak ik zelf de classes. Een .icon voor algemeen en dan een naam bij de inhoud waar het icoon nodig is.
Dus .icon:before {
content: "";
…
}
.user:before {
content: "\xxxx";
}
Als ik dan nog zin heb maak ik nog een subset van het font. Vind overbodige bits maar vies. Keer een html uglyfier maken met php en daar ook de css mee laten parsen
[ Bericht 27% gewijzigd door n8n op 24-07-2014 11:32:01 ]
“Specialization is for insects”.—Robert Heinlein
Omdat ze dan beter passen in de rest van de site. Ik maak het mij zelf graag makkelijk. En op zo'n manier dat als ik over een half jaar onderhoud moet doen, ik ook nog graag snap wat er staat.
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?
Niet per sé voor 16px meer in v3:quote:
[..]
waarom (als je toch px gebruikt) niet 16px voor de icons. Volgens mij zijn ze op 16px 'getekend' dus ook scherper.
http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
Klik maar op een icoon, dan zie je ook de grotere versies.
groter kon altijd al, punt was dat de iconen oorspronkelijk gemaakt zijn op 16 bij 16 pixels, ze zien er derhalve het scherpst uit op 16 bij 16 pixels of een vermenigvuldiging daarvan al zal het vanaf 32px steeds minder opvallen.quote:Op donderdag 24 juli 2014 11:42 schreef Maringo het volgende:
[..]
Niet per sé voor 16px meer in v3:
http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
Klik maar op een icoon, dan zie je ook de grotere versies.
“Specialization is for insects”.—Robert Heinlein
http://n8n.nl/lab/osx/?si(...)ht&wallpaper=default
Early stage projectje naar aanleiding van de nieuwe OS X en het hele retina versus schalen verhaal. Een OS zou prima responsive/schaalbaar moeten kunnen. Je kan de grootte aanpassen door de get value in de url aan te passen.
(over een venster met je muis laat 'm verdwijnen, komt na 2 tellen terug, is om de animatie te testen)
Early stage projectje naar aanleiding van de nieuwe OS X en het hele retina versus schalen verhaal. Een OS zou prima responsive/schaalbaar moeten kunnen. Je kan de grootte aanpassen door de get value in de url aan te passen.
(over een venster met je muis laat 'm verdwijnen, komt na 2 tellen terug, is om de animatie te testen)
“Specialization is for insects”.—Robert Heinlein
quote:Microsoft To Drop Support For Older Versions of Internet Explorer
After January 12, 2016, only the most recent version of Internet Explorer available for a supported operating system will receive technical support and security updates. For example, customers using Internet Explorer 8, 9, or 10 on Windows 7 SP1 should migrate to Internet Explorer 11 to continue receiving security updates and technical support.
From the blog post: "Microsoft recommends enabling automatic updates to ensure an up-to-date computing experience—including the latest version of Internet Explorer—and most consumers use automatic updates today. Commercial customers are encouraged to test and accept updates quickly, especially security updates.
Regular updates provide significant benefits, such as decreased security risk and increased reliability, and Windows Update can automatically install updates for Internet Explorer and Windows."
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.
IE7 en lager kan me sowieso de pijp blazen. In IE8 zorg ik dat het werkt, meer niet.
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?
Had 6 maanden terug nog een klant van een klant waarbij Bootstrap in een enkel geval crashte op IE7quote:
IE7 en lager kan me sowieso de pijp blazen. In IE8 zorg ik dat het werkt, meer niet.
(halve middag debuggen).Zou mooi zijn als IE11 het minimum wordt.
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.
Als je voor bedrijven werkt aan interne systemen is het helaas nog nodig om IE8 te supporten
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?
Bij ons moet de site zelfs werken in IE7. Het gaat hier wel om de basis, dus als een elementje een paar pixels naar rechts staat of er minder mooi uit ziet (bijv geen transparency) dan maakt dat niet uit. Als de functionaliteit maar hetzelfde is als op IE8+.
"You know what Hell really is? It's not lakes of burning oil or chains of ice. It's being removed from God's sight."
In contracten staat standaard huidige versies major browser tot een versie terug. Ie8 en lager support betaalt de klant voor. Maar ik zorg altijd dat alles in ie8 werkt.
Pixelperfect doe ik sowieso niet aan. Is namelijk een utopie en niet van toepassing op applicaties
Pixelperfect doe ik sowieso niet aan. Is namelijk een utopie en niet van toepassing op applicaties
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?
Kort JS vraagje: in browsers in OS X krijg je met window.pageYOffset een negatieve waarde als je omhoog scrolled omdat de pagina bounced (standaard in het OS). Krijg je deze negatieve waarde standaard in browsers als je 'voorbij' 0 door blijft scrollen of is dat alleen vanwege dat bounce gebeuren in OS X?
“Specialization is for insects”.—Robert Heinlein
het nieuwe IE6quote:
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.“Specialization is for insects”.—Robert Heinlein
Hoi een vraagje ik zit het boek " PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies" te lezen hehe. En daarin volg een tutorial hoe je wat javascript validatie kan schrijven voor een form. Alleen wanneer ik een regel leeg laat, dan hoort hij een error te laten zien zoals op deze afbeelding weergegeven:
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord !
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord
!
Begin eens met Chrome te werken.quote:Op donderdag 14 augustus 2014 14:48 schreef superky het volgende:
Hoi een vraagje ik zit het boek " PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies" te lezen hehe. En daarin volg een tutorial hoe je wat javascript validatie kan schrijven voor een form. Alleen wanneer ik een regel leeg laat, dan hoort hij een error te laten zien zoals op deze afbeelding weergegeven:
[ afbeelding ]
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord
Je gebruikt verkeerde quotes. Je hebt aparte open en sluiten ” in plaats van ". Zowel bij de single als de double quotes. Browsers lezen alleen de " goed.quote:
Hoi een vraagje ik zit het boek " PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies" te lezen hehe. En daarin volg een tutorial hoe je wat javascript validatie kan schrijven voor een form. Alleen wanneer ik een regel leeg laat, dan hoort hij een error te laten zien zoals op deze afbeelding weergegeven:
[ afbeelding ]
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord
Als je chrome gebuikt kun je in de DevTools snel zien dat dit fout gaat.
[ Bericht 6% gewijzigd door BrainOverfloW op 14-08-2014 15:53:51 ]
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
Zo leren we allemaal van onze foutenquote:
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
single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met htmlquote:
[..]
Je gebruikt verkeerde quotes. Je hebt aparte open en sluiten ” in plaats van ". Zowel bij de single als de double quotes. Browsers lezen alleen de " goed.
Als je chrome gebuikt kun je in de DevTools snel zien dat dit fout gaat.
[ afbeelding ]
“Specialization is for insects”.—Robert Heinlein
Dat is een smaakkwestie (single of double), als je het maar consequent doet.
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?
Gister nog een hoop gedoe dat klant niet kon inloggen op het CMS, blijkt dat te komen door IE8, het is echter een grote financieele instelling, en die zijn jaren bezig geweest met een upgrade naar IE8, kortom upgrade naar windows 7 duurt nog minimaal 6 jaar.quote:
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
true that.quote:
Dat is een smaakkwestie (single of double), als je het maar consequent doet.
Heb trouwens (tatatada) m'n eerste zelfstandige js gemaakt. Wel vervelend dat als je begonnen bent je meer leert en zo hele stukken opnieuw aan het doen bent.
Heb alleen geen requestanimationframe weten te implementeren (al werkt het op 60fps op m'n 2011 laptop).
http://www.n8n.nl/lab/fok/presentation/action.js (ff een link, zit mobiel, pardon).
Vragen/Opmerkingen?
“Specialization is for insects”.—Robert Heinlein
Ziet er wel netjes uit zo
Mijn eerste app draait nu live. Meteor (Node-based dus) api en een Android en iOs Cordova-powered app (die in de appstores staan)
Mijn eerste app draait nu live. Meteor (Node-based dus) api en een Android en iOs Cordova-powered app (die in de appstores staan)
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?
nice! Had echt een shitstorm verwachtquote:
Ziet er wel netjes uit zo
Mijn eerste app draait nu live. Meteor (Node-based dus) api en een Android en iOs Cordova-powered app (die in de appstores staan)
app store al doorgekomen? Staat (nog) niet in de eerste 10 resultaten
“Specialization is for insects”.—Robert Heinlein
Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.quote:
[..]
single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met html
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
komt nog uit de tijd van de typemachine, toen waren dubbele functies voor toetsen lastig/onmogelijk en combineerden ze “ en ” naar ". Nu weet niemand beter en gebruikt men in teksten nog steeds de ‘domme’ quotes terwijl " en ' eigenlijk voor tijdsnotering en afmetingen zijnquote:
[..]
Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.
“Specialization is for insects”.—Robert Heinlein
Je class niet laten beginnen met (een) cijfer(s).quote:
[ afbeelding ]
[ afbeelding ]
[ afbeelding ]
Die 9292 blijft daar vast op die positie, wat ik ook doe... wat moet ik doen? Hij reageert gewoon op niks..
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. :'(
Ik heb een code gevonden (hover/mouse over CSS) en ik zou graag deze willen toepassen op de IMG (images) die ik op mijn website heb. Wat moet ik erbij zetten om het werkend te krijgen?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 | /* Hover Shadow */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before { opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } |
Dat zou ik niet doen ;-) een hele jaap CSS je code in jagen terwijl je niet weet wat het doet.quote:
Ik heb een code gevonden (hover/mouse over CSS) en ik zou graag deze willen toepassen op de IMG (images) die ik op mijn website heb. Wat moet ik erbij zetten om het werkend te krijgen?
[ code verwijderd ]
mijn advies?
| 1 2 3 4 | img:hover { border:4px solid #00ff00; /* TEST */ } |
:-) vanuit daar uitbouwen naar wat je wilt hebben
Vooral dat wat hier boven staat.
Top dankje! Ik had nog één vraag:quote:
[..]
Dat zou ik niet doen ;-) een hele jaap CSS je code in jagen terwijl je niet weet wat het doet.
mijn advies?
[ code verwijderd ]
:-) vanuit daar uitbouwen naar wat je wilt hebben
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
quote:
[..]
Top dankje! Ik had nog één vraag:
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
[ afbeelding ]
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
[ afbeelding ]
| 1 | <body style="background-image:hout.jpg; background-repeat:no-repeat;"> |
Al zou ik de styling persoonlijk niet inline doen ;-)
je kan het beter in een losse stylesheet kieperen om je code maintable te houden
Vooral dat wat hier boven staat.
quote:
[..]
Top dankje! Ik had nog één vraag:
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
[ afbeelding ]
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
[ afbeelding ]
Wat is dit voor prut
| 1 2 3 4 5 6 7 | body { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } |
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. :'(
quote:
[..]
[ code verwijderd ]
Al zou ik de styling persoonlijk niet inline doen ;-)
je kan het beter in een losse stylesheet kieperen om je code maintable te houden
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.quote:
[..]
[ afbeelding ]
Wat is dit voor prut
[ code verwijderd ]
Ehm.. weten jullie ook hoe ik een tekst kan weergeven als ik 'hover' over een hyperlink?
Dus als ik 'hover' over een foto van een broodje kebab dat er een tekstvak verschijnt met de tekst 'dit is een broodje kebab'
http://codepen.io/cbracco/pen/qzukgquote:
[..]
[..]
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.
Ehm.. weten jullie ook hoe ik een tekst kan weergeven als ik 'hover' over een hyperlink?
Dus als ik 'hover' over een foto van een broodje kebab dat er een tekstvak verschijnt met de tekst 'dit is een broodje kebab'
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. :'(
quote:
[..]
http://codepen.io/cbracco/pen/qzukg
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } |
Hoe krijg ik de tooltip boven het element (telegraaf icoon?)
Wat heb je zelf al geprobeerd?quote:
[..]
[ code verwijderd ]
[ afbeelding ]
Hoe krijg ik de tooltip boven het element (telegraaf icoon?)
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. :'(
Niet veel, omdat ik het niet begrijp, waarom.. Heb wel de voorgaande fouten kunnen ontdekken, vandaar ook dat ik 3 voorgaande posts heb met een x of een leeg bericht.quote:
Op
Ik heb :quote:
| 1 2 | margin-bottom: 5px; margin-left: -80px; |
weggehaald, maar dan gaat de tooltip weer een stuk naar rechts, maar het moet boven iets element staan..
Daarnaast zit er op de tekst 'routeplanner/verkeer/weer' een hyperlink verborgen... Dat terwijl ik geen hyperlink gezet heb.
Je moet je <a href> wel afsluitenquote:
Daarnaast zit er op de tekst 'routeplanner/verkeer/weer' een hyperlink verborgen... Dat terwijl ik geen hyperlink gezet heb.
[ afbeelding ]
[ afbeelding ]
[ afbeelding ]
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. :'(
TOPPIE!!.. Klein dingetje vergeten.. de / ,maar het maakt een wezenlijk verschil. En die tooltip ?quote:
[..]
Je moet je <a href> wel afsluiten
TOPPIE!!.. Klein dingetje vergeten.. de / ,maar het maakt een wezenlijk verschil. En die tooltip ?quote:
[..]
Je moet je <a href> wel afsluiten
quote:
[..]
Afsluiten heeft niet geholpen..
[ afbeelding ]
| 1 | <a href="#"><img src="" /></a> |
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. :'(
Ik ben je hondje niet. Probeer zelf eens iets, luie flikkerquote:
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. :'(
Wat een gare code. Blijf met je tengels van HTML/CSS af als je er geen hol van snapt 
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. :'(
Zo hoort ie toch?quote:
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. :'(
BroodjeKebab, verdiep je even in het verschil tussen position relative en absolute. Als je daar mee leert werken kun je met maar een fractie van de code die je nu hebt je plaatjes op volgorde zetten.
En geef de bij elkaar horende plaatjes samen een div om ze bij elkaar te houden. Dan heb je één class nodig om je categorie divs op volgorde te zetten en eentje voor hoe de plaatjes zich binnen hun div gedragen. En dan kan die elle lange lijst met los gepositioneerde plaatjes er vervolgens uit.
Bovendien kun je dan later makkelijk nieuwe plaatjes toevoegen en doen ze gelijk goed mee zodra je ze de goede class geeft. Zoals je nu werkt zul je al die plaatjes opnieuw moeten positioneren als je er iets nieuws tussen wilt zetten.
En geef de bij elkaar horende plaatjes samen een div om ze bij elkaar te houden. Dan heb je één class nodig om je categorie divs op volgorde te zetten en eentje voor hoe de plaatjes zich binnen hun div gedragen. En dan kan die elle lange lijst met los gepositioneerde plaatjes er vervolgens uit.
Bovendien kun je dan later makkelijk nieuwe plaatjes toevoegen en doen ze gelijk goed mee zodra je ze de goede class geeft. Zoals je nu werkt zul je al die plaatjes opnieuw moeten positioneren als je er iets nieuws tussen wilt zetten.
Dat het niet publiekelijk is, is geen excuus om slechte CSS te schrijven. Als je goede CSS wilt leren moet je juist je best doen om jezelf geen slechte gewoontes uit gemak aan te leren.quote:
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.
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
Even de noob uithangen. Ik gebruik het volgende om query strings van een URL te pakken met javascript
http://jquery-howto.blogs(...)ues-with-jquery.html
En dan onderaan staat
edit: oh wacht. Grapje window.location. gedoe niet gezien 
[ Bericht 4% gewijzigd door #ANONIEM op 18-08-2014 01:45:00 ]
http://jquery-howto.blogs(...)ues-with-jquery.html
En dan onderaan staat
Maar ik zie hem geen URL of iets opgeven waar die de query vars vandaan moet halen. Hoe geef ik die op?quote:Now, if you include the above code in your javascript file, you can get URL parameter values in the following way:
// Get object of URL parameters
var allVars = $.getUrlVars();
// Getting URL var by its nam
var byName = $.getUrlVar('name');
edit: oh wacht. Grapje
window.location. gedoe niet gezien [ Bericht 4% gewijzigd door #ANONIEM op 18-08-2014 01:45:00 ]
Ik heb het volgende:
Dit lijkt redelijk te werken. de console.log geeft hetgene wat ik verwacht.
Maar zodra ik de functie aanroep krijg ik een undifined te zien
Ennnn in de developer console van Chrome zie ik eerst de undefined en dan zie ik pas XHR finished loading: GET bla bla bla. Alsof die eerst de undefined stuurt en dan pas de json api aanroept.
Waar komt die undefined vandaan en waarom werkt mijn return niet maar console.log wel?
[ Bericht 0% gewijzigd door #ANONIEM op 18-08-2014 04:44:22 ]
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | function getYoutubeInfo(id) { var url = "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=json"; $.getJSON( url ).done( function(data) { var returnObj = { title: data.entry.title.$t, uploader: data.entry.author[0].name.$t } console.log(returnObj); return returnObj; }); }; |
Dit lijkt redelijk te werken. de console.log geeft hetgene wat ik verwacht.
Maar zodra ik de functie aanroep krijg ik een undifined te zien
Ennnn in de developer console van Chrome zie ik eerst de undefined en dan zie ik pas XHR finished loading: GET bla bla bla. Alsof die eerst de undefined stuurt en dan pas de json api aanroept.
Waar komt die undefined vandaan en waarom werkt mijn return niet maar console.log wel?
[ Bericht 0% gewijzigd door #ANONIEM op 18-08-2014 04:44:22 ]
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |