[HTML, CSS, JS] Frontend #41: De Node is hoger

zaterdag 9 augustus 2014 @ 19:45:46 #177

Devolution

Beep beep Richie

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."

zaterdag 9 augustus 2014 @ 20:46:43 #178

Catch22-

Ben je Blind?!

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

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?

zondag 10 augustus 2014 @ 10:28:31 #179

n8n

Pragmatisch

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

zondag 10 augustus 2014 @ 10:30:05 #180

n8n

Pragmatisch

quote:
Op vrijdag 8 augustus 2014 16:49 schreef Scorpie het volgende:
IE8

het nieuwe IE6

SPOILER
Om 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

donderdag 14 augustus 2014 @ 14:48:56 #181

superky

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

!

donderdag 14 augustus 2014 @ 15:14:11 #182

Scorpie

Abject en infaam!

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 !

Begin eens met Chrome te werken.

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

donderdag 14 augustus 2014 @ 15:43:20 #183

BrainOverfloW

Fok! around the Clock!

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.

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

donderdag 14 augustus 2014 @ 17:17:31 #184

superky

Ja xD mijn fout wat stom van me..

donderdag 14 augustus 2014 @ 17:32:29 #185

BrainOverfloW

Fok! around the Clock!

quote:
Op donderdag 14 augustus 2014 17:17 schreef superky het volgende:
Ja xD mijn fout wat stom van me..

Zo leren we allemaal van onze fouten

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

vrijdag 15 augustus 2014 @ 10:25:28 #186

n8n

Pragmatisch

quote:
Op donderdag 14 augustus 2014 15:43 schreef BrainOverfloW het volgende:

[..]

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 ]

single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met html

“Specialization is for insects”.—Robert Heinlein

vrijdag 15 augustus 2014 @ 10:30:19 #187

Catch22-

Ben je Blind?!

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?

vrijdag 15 augustus 2014 @ 10:31:24 #188

raptorix

quote:
Op vrijdag 8 augustus 2014 16:49 schreef Scorpie het volgende:
IE8

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.

🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block

vrijdag 15 augustus 2014 @ 10:37:54 #189

n8n

Pragmatisch

quote:
Op vrijdag 15 augustus 2014 10:30 schreef Catch22- het volgende:
Dat is een smaakkwestie (single of double), als je het maar consequent doet.

true that.

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

vrijdag 15 augustus 2014 @ 10:43:29 #190

Catch22-

Ben je Blind?!

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)

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?

vrijdag 15 augustus 2014 @ 10:47:33 #191

n8n

Pragmatisch

quote:
Op vrijdag 15 augustus 2014 10:43 schreef Catch22- het volgende:
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)

nice! Had echt een shitstorm verwacht

app store al doorgekomen? Staat (nog) niet in de eerste 10 resultaten

“Specialization is for insects”.—Robert Heinlein

vrijdag 15 augustus 2014 @ 19:15:54 #192

BrainOverfloW

Fok! around the Clock!

quote:
Op vrijdag 15 augustus 2014 10:25 schreef n8n het volgende:

[..]

single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met html

Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.

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

zaterdag 16 augustus 2014 @ 00:23:17 #193

n8n

Pragmatisch

quote:
Op vrijdag 15 augustus 2014 19:15 schreef BrainOverfloW het volgende:

[..]

Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.

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 zijn

“Specialization is for insects”.—Robert Heinlein

zaterdag 16 augustus 2014 @ 15:45:25 #194

BroodjeKebab

heb het al./

[ Bericht 30% gewijzigd door BroodjeKebab op 16-08-2014 15:50:27 ]

zaterdag 16 augustus 2014 @ 15:50:44 #195

donroyco

dus niet Donroyco

quote:
Op zaterdag 16 augustus 2014 15:45 schreef BroodjeKebab het volgende:
[ afbeelding ]

[ afbeelding ]

[ afbeelding ]

Die 9292 blijft daar vast op die positie, wat ik ook doe... wat moet ik doen? Hij reageert gewoon op niks..

Je class niet laten beginnen met (een) cijfer(s).

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. :'(

zaterdag 16 augustus 2014 @ 18:18:54 #196

BroodjeKebab

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;
}

zaterdag 16 augustus 2014 @ 18:23:09 #197

amvrosios

blaataap

quote:
Op zaterdag 16 augustus 2014 18:18 schreef BroodjeKebab het volgende:
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 ]

Dat zou ik niet doen ;-) een hele jaap CSS je code in jagen terwijl je niet weet wat het doet.
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.

zaterdag 16 augustus 2014 @ 18:40:43 #198

BroodjeKebab

quote:
Op zaterdag 16 augustus 2014 18:23 schreef amvrosios het volgende:

[..]

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

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:

Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?

zaterdag 16 augustus 2014 @ 18:42:38 #199

amvrosios

blaataap

quote:
Op zaterdag 16 augustus 2014 18:40 schreef BroodjeKebab het volgende:

[..]

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.

zaterdag 16 augustus 2014 @ 18:42:53 #200

donroyco

dus niet Donroyco

quote:
Op zaterdag 16 augustus 2014 18:40 schreef BroodjeKebab het volgende:

[..]

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. :'(

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» development

» digital corner

» development