[HTML, CSS, JS] Frontend #42: eval("alert('weer een nieuw deel')");

zondag 4 januari 2015 @ 13:32:04 #202

Rockiejj

Who's your daddy?

He, ik ben bezig met een opdracht voor school maar loop nu tegen het volgende aan:

Ik wil in 1 paragraaf meerdere onderbrekingsstrepen plaatsen (heten ze zo? Het <hr />-streepje iig)
maar als ik dat doe stopt m'n paragraaf er mee, dus de CSS tot dat stuk doet het gewoon goed, maar tot de streep en niet verder!

Klopt dat, of doe ik iets fout?

Diep inspirerende quote
- "bekend" persoon

zondag 4 januari 2015 @ 13:34:17 #203

Reemi

Zeg maar Remi.

quote:
Op zondag 4 januari 2015 13:32 schreef Rockiejj het volgende:
He, ik ben bezig met een opdracht voor school maar loop nu tegen het volgende aan:

Ik wil in 1 paragraaf meerdere onderbrekingsstrepen plaatsen (heten ze zo? Het <hr />-streepje iig)
maar als ik dat doe stopt m'n paragraaf er mee, dus de CSS tot dat stuk doet het gewoon goed, maar tot de streep en niet verder!

Klopt dat, of doe ik iets fout?

Kun je je code plaatsen? Schept een duidelijker beeld van wat er fout gaat.

Smile like you mean it
www.wefut.com

zondag 4 januari 2015 @ 13:40:23 #204

Rockiejj

Who's your daddy?

quote:
Op zondag 4 januari 2015 13:34 schreef Reemi het volgende:

[..]

Kun je je code plaatsen? Schept een duidelijker beeld van wat er fout gaat.

Tuurlijk!
Het HTML stuk waar het over gaat:

1
2
3
4
5
6
7
8
9
10
11
12
13

<div class=links>
            <h2> Het laatste nieuws</h2>
            <p> <br />
                <img src=http://40.media.tumblr.com/8dfba4430e6c11714ca4c7b825bc7f6b/tumblr_nhle911TbV1r9kndao1_1280.jpg /><br/>
                Momenteel zit Tyler Ward in Mexico, waar hij op de foto staat met de Maya ruïnes!<br />
                Yucatan, Mexico (2 januari 2015)
                <br />
                <hr />
                <img src=http://40.media.tumblr.com/9d11b04db262d7c166518bb4bb224a7f/tumblr_nhhjq9UQmV1r9kndao1_500.jpg /><br />
                Gelukkig nieuwjaar namens Tyler Ward!<br />
                Mexico (1 januari 2015)
            </p>
        </div>

CSS:

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

body{
    background-color: #cccc99;
    color: white;
    }
h1{
    width: 95%;
    background-color: #000033;
    border: 2px solid white;
    padding: 15px;
    margin: 1% 1%;
    text-align: center;
    }
h2{
    background-color: #000033;
    border: 2px solid white;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    }

ul{
    width: 95%;
    background-color: #000033;
    border: 2px solid white;
    padding: 15px;
    margin: 1%;
    text-align: center;
    }

li{
    display: inline;
    padding: 4%;
    color: white;
    }

.links{
    width: 59%;
    float: left;
    margin: 1% 1%;
    }

.rechts{
    width: 30%;
    float: right;
    padding-right: 15px;
    margin: 1% 1%;
    }

p {    background-color: #000033;
    border: 2px solid white;
    text-align: center;
    }

a{
    color: white;
    text-decoration: none;
    }

a:hover{
    color: #cccc99;
    text-decoration: underline;
    }

img{
    max-height: 365px;
    max-width: 365px;
    }

Diep inspirerende quote
- "bekend" persoon

zondag 4 januari 2015 @ 13:45:12 #205

Reemi

Zeg maar Remi.

quote:
Op zondag 4 januari 2015 13:40 schreef Rockiejj het volgende:

[..]

Tuurlijk!
Het HTML stuk waar het over gaat:
[ code verwijderd ]

CSS:
[ code verwijderd ]

<p> is een enkele paragraaf, terwijl <hr> juist bedoeld is om twee paragrafen te scheiden. Oftewel, een logische indeling is:

1
2
3

Ik zie dat je het <p>-element als contentvak gebruikt door het een achtergrond te geven, maar dat kun je beter met een <div> doen. Dat levert het volgende op:

1
2
3
4
5

Dan staat alles netjes in hetzelfde vak.

Smile like you mean it
www.wefut.com

zondag 4 januari 2015 @ 13:45:50 #206

Catch22-

Ben je Blind?!

Een p is semantisch gezien voor tekst. Dus niet voor hr's of plaatjes

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 4 januari 2015 @ 13:46:07 #207

Rockiejj

Who's your daddy?

quote:
Op zondag 4 januari 2015 13:45 schreef Reemi het volgende:

[..]

<p> is een enkele paragraaf, terwijl <hr> juist bedoeld is om twee paragrafen te scheiden. Oftewel, een logische indeling is:
[ code verwijderd ]

Ik zie dat je het <p>-element als contentvak gebruikt door het een achtergrond te geven, maar dat kun je beter met een <div> doen. Dat levert het volgende op:
[ code verwijderd ]

Dan staat alles netjes in hetzelfde vak.

Maar dan krijg je alle paragrafen met een aparte omlijning, right?

Diep inspirerende quote
- "bekend" persoon

zondag 4 januari 2015 @ 13:46:30 #208

Reemi

Zeg maar Remi.

quote:
Op zondag 4 januari 2015 13:46 schreef Rockiejj het volgende:

[..]

Maar dan krijg je alle paragrafen met een aparte omlijning, right?

Niet als je doet wat ik zeg: de omlijning en achtergrondkleur aan de div toewijzen, in plaats van aan het p-element.

Smile like you mean it
www.wefut.com

zondag 4 januari 2015 @ 13:46:54 #209

Rockiejj

Who's your daddy?

quote:
Op zondag 4 januari 2015 13:46 schreef Reemi het volgende:

[..]

Niet als je doet wat ik zeg: de omlijning aan de div toewijzen, in plaats van aan het p-element.

Ik wilde het net editten

Diep inspirerende quote
- "bekend" persoon

zondag 4 januari 2015 @ 13:50:00 #210

Rockiejj

Who's your daddy?

Ah ja, dit is hoe ik het wilde hebben! Thanks!

Diep inspirerende quote
- "bekend" persoon

zondag 4 januari 2015 @ 13:50:20 #211

Reemi

Zeg maar Remi.

quote:
Op zondag 4 januari 2015 13:50 schreef Rockiejj het volgende:
Ah ja, dit is hoe ik het wilde hebben! Thanks!

Smile like you mean it
www.wefut.com

zondag 4 januari 2015 @ 14:15:06 #212

Rockiejj

Who's your daddy?

quote:
Op zondag 4 januari 2015 13:50 schreef Reemi het volgende:

[..]

Nog 1 vraagje:
Ik heb twee aparte blokken (1 links en 1 rechts) maar ik wil dat de afbeeldingen links max 65% van de pagina omvatten en de afbeeldingen rechts slechts 30%, hoe moet ik dit in mijn css veranderen?
Ik heb wel al aparte div's genaamd links en rechts.

Diep inspirerende quote
- "bekend" persoon

zondag 4 januari 2015 @ 14:25:46 #213

Rockiejj

Who's your daddy?

Laat maar, opgelost

Diep inspirerende quote
- "bekend" persoon

zondag 4 januari 2015 @ 22:45:29 #214

KimJong-un

Heeft de titel Doctor

als ik een link in een div heb staan en in mijn css maak ik de position absolute, werkt dat dan?

.div a{
position: absolute;
}

bijnamen: briljante kameraad, geweldige leider.

zondag 4 januari 2015 @ 22:46:03 #215

Merkie

Surprisingly contagious

Wat is je vraag? Je code is correct.

2000 light years from home

zondag 4 januari 2015 @ 22:50:41 #216

KimJong-un

Heeft de titel Doctor

quote:
Op zondag 4 januari 2015 22:46 schreef Merkie het volgende:
Wat is je vraag? Je code is correct.

Die link is een button naar een andere pagina. Ik heb verschillende div's die even groot zijn en in elk zo'n div staat een button. Nu wil ik die button binnen elk vak op dezelfde plaats hebben staan.

Dus zeg maar 10px vanaf bottom en 10px vanaf links.

Nu heb ik gewoon float left en komt het onder de tekst te staan. De hoeveelheid tekst bepaald dus hoe hoog de button in het vak staat.

Ik dacht die link nu position absolute te geven en de div waar die instaat position relative. Dan zou het mooiste zijn als ik kan zeggen dat de margin-bottom 10 px is en dat hij dan netjes 10 px beneden uit de rand staat.

bijnamen: briljante kameraad, geweldige leider.

zondag 4 januari 2015 @ 22:52:09 #217

Catch22-

Ben je Blind?!

Deze al gelezen? Zo niet, goed en aandachtig doen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/

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 4 januari 2015 @ 23:01:59 #218

KimJong-un

Heeft de titel Doctor

quote:
Op zondag 4 januari 2015 22:52 schreef Catch22- het volgende:
Deze al gelezen? Zo niet, goed en aandachtig doen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/

dankje, ik had gewoon bottom en left moeten gebruiken in plaats van met margin te kloten.

bijnamen: briljante kameraad, geweldige leider.

donderdag 8 januari 2015 @ 11:26:29 #219

Rockiejj

Who's your daddy?

Ik loop weer te kloten, mijn footer wilt niet over de hele pagina, waarschijnlijk omdat ik een linker en een rechter div heb, maar is er een manier om dit op te lossen? Als ik clear: both; doe dan valt m'n rechter div schuin onder mijn linker div.

Hier de codes:

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

<!doctype html>

<html>
    <head>
        <title>Tyler Ward Online</title>
        <meta name="description" content="Een fansite over Tyler Ward" />
        <meta name="keywords" content="fansite over Tyler Ward Nederlands" />
        <meta name="language" content="Nederlands" />
        <meta name="copyright" content="xxx" />
        <meta name ="author" content="xxx" />
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link rel="shortcut icon" type="image/jpg" href="icon.png">
    </head>
    <body>
        <h1 name=top>Welkom op de fansite van Tyler Ward!<br />
            <a href="https://twitter.com/tylerwardmusic"><img src="media/images/twitter.svg" class=miniicon /></a>
            <a href="https://www.facebook.com/TylerWardMusic?fref=ts"><img src="media/images/Facebook.svg" class=miniicon /></a>
            <a href="https://www.youtube.com/channel/UC4vT3qTr8fwVS7IsPgqaGCQ"><img src="media/images/Youtube.svg" class=miniicon /></a>
            <a href="http://instagram.com/TylerWardMusic"><img src="media/images/Instagram.svg" class=miniicon /></a>
            <a href="http://www.tylerwardmusic.com/"><img src="media/images/Website.svg" class=miniicon /></a></h1>

        <ul>
            <li class=active><a href="index.html">Het laatste nieuws</a></li>
            <li><a href="over.htm">Over Tyler</a>
            <li><a href="galerij.htm">Galerij</a></li>
            <li><a href="contact.htm">Contact</a>
            <li><a href="zoeken.htm">Zoeken</a></li>
        </ul>

        <div class=links>
            <h2> De laatste video </h2>
            <div id="content">
                <iframe width="560" height="315" src="http://www.youtube.com/embed/LVA0MZv8s1k?list=RDLVA0MZv8s1k" frameborder="0"></iframe>
            </div>
            <h2> Het laatste nieuws </h2>
            <div id="content">
                <br />
                <p>
                <img src="http://photos-a.ak.instagram.com/hphotos-ak-xaf1/t51.2885-15/10919308_800811829956376_2059906634_n.jpg" class="groot" alt="Tyler met zijn neefje"/><br />
                Tyler is terug in Colorado en staat hier met zijn neefje op de foto.<br />
                Colorado, USA (6 januari 2015)<br />
                <a href="">Lees meer..</a>
                </p>
                <p>
                <img src=http://40.media.tumblr.com/8dfba4430e6c11714ca4c7b825bc7f6b/tumblr_nhle911TbV1r9kndao1_1280.jpg class="groot" alt="Tyler bij de ruïnes"/><br />
                Momenteel zit Tyler Ward in Mexico, waar hij op de foto staat met de Maya ruïnes!<br />
                Yucatan, Mexico (2 januari 2015)<br />
                <a href="">Lees meer..</a>
                </p>
                <img src="media/images/underline.png" class="divider"/>
                <p>
                <br />
                <img src=http://40.media.tumblr.com/9d11b04db262d7c166518bb4bb224a7f/tumblr_nhhjq9UQmV1r9kndao1_500.jpg class="groot" alt="Tyler op oud&nieuw" /><br />
                Gelukkig nieuwjaar namens Tyler Ward!<br />
                Mexico (1 januari 2015)<br />
                </p>
                <a href=#top>Terug naar boven</a>
            </div>

        </div>
        <div class=rechts>
            <h2> Tyler op facebook </h2>
            <div id="content">
                <p> bla bla bla </p
            </div>
        </div>
        <h2> Zoeken
            <form action="http://www.example.org/search.php">
                <input type="search" name="search" placeholder="Zoek hier" />
                <input type="submit" value="Zoek!" />
            </form>
        </h2>

        <h2> Galerij </h2>
        <div id="galerij">
            <img src=http://40.media.tumblr.com/8dfba4430e6c11714ca4c7b825bc7f6b/tumblr_nhle911TbV1r9kndao1_1280.jpg class="galerij"/>
        </div>


        <footer class=paginabreed>
            <p>© All rights reserved - 2014 <a href=#top>Terug naar boven</a></p>
        </footer>

    </body>
</html>

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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170

body{
    background-color: #cccc99;
    color: white;
    font-family: Myriad Pro, Arial, Verdana;
    }
h1{
    background-color: #000033;
    border: 3px solid #444444;
    padding: 15px;
    margin: 1% 1%;
    text-align: center;
    }
h2{
    background-color: #000033;
    border: 3px solid #444444;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    }
ul{
    width: 96%;
    background-color: #000033;
    border: 3px solid #444444;
    padding: 1%;
    margin-left: 1%;
    text-align: center;
    height: auto;
    }

li{
    display: inline;
    color: white;
    position: relative;
    cursor: pointer;
    background: #000033;
    padding: 1%;
    font-size: 1.2em;
    }

li.active{
    background-color: white;
    text-decoration: underline;
    }
li.active > a{
    color: black;
    }

ul li ul{
    display: none;
    }

.links{
    width: 65%;
    float: left;
    margin: 0 1%;
    }

.rechts{
    width: 30%;
    float: right;
    margin: 0 1%;
    }

#content {
    background-color: #000033;
    border: 3px solid #444444;
    text-align: center;
    clear: both;
    }

#paginabreed{
    width: 96%;
    background-color: #000033;
    border: 3px solid #444444;
    padding: 1%;
    margin-left: 1%;
    text-align: center;
    }

#galerij {
    background-color: #000033;
    border: 3px solid #444444;
    text-align: center;
    padding: 1%;
    margin: 1%;
    }

a{
    color: #007E7E;
    text-decoration: none;
    }

a:hover{
    color: #cccc99;
    text-decoration: underline;
    }

img.divider{
    max-width: 50%;
    }

img.galerij{
    max-height: 30%;
    max-width: 30%;
    }

img.groot{
    max-height: 40%;
    max-width: 40%;
    min-width: 200px;
    min-height: 200px;
    }

img.icon{
    max-height: 50px;
    max-width: 50px;
    }

img.miniicon{
    max-height: 1em;
    max-width: 1em;
    }

iframe{
    padding: 1%;
    max-width: 100%;
    }

footer{
    width: 96%;
    background-color: #000033;
    border: 3px solid #444444;
    padding: 10px;
    margin-top: 1%;
    text-align: center;
    position: static;
    bottom: 0px;
    clear: both;
    height: auto !important}

@media all and (max-width: 480px){
    li{
        display: block;
        }
    iframe{
        max-width: 280px;
        }
    img{
        max-height: 280px;
        max-width: 280px;
        }
    .links{
        width: 100%;
        float: none;
        }

    .rechts{
        width: 100%;
        float: none;
        }

@media all and (min-width: 481px) and (max-width: 980px){
    iframe{
        width: 90%;
        height: 90%;
        }
    img{
        max-height: 500px;
        max-width: 500px;
        }

[ Bericht 0% gewijzigd door Rockiejj op 09-01-2015 22:40:04 ]

Diep inspirerende quote
- "bekend" persoon

donderdag 8 januari 2015 @ 14:09:29 #220

donroyco

dus niet Donroyco

quote:
Op donderdag 8 januari 2015 11:26 schreef Rockiejj het volgende:
Ik loop weer te kloten, mijn footer wilt niet over de hele pagina, waarschijnlijk omdat ik een linker en een rechter div heb, maar is er een manier om dit op te lossen? Als ik clear: both; doe dan valt m'n rechter div schuin onder mijn linker div.

Hier de codes:
[ code verwijderd ]

[ code verwijderd ]

Hey Daniël, maak eens een jsfiddle / CodePen aan.

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

donderdag 8 januari 2015 @ 14:53:17 #221

KomtTijd...

quote:
Op donderdag 8 januari 2015 11:26 schreef Rockiejj het volgende:
Ik loop weer te kloten, mijn footer wilt niet over de hele pagina, waarschijnlijk omdat ik een linker en een rechter div heb, maar is er een manier om dit op te lossen? Als ik clear: both; doe dan valt m'n rechter div schuin onder mijn linker div.

Hier de codes:
[ code verwijderd ]

[ code verwijderd ]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.

zcflevo.nl

donderdag 8 januari 2015 @ 18:48:34 #222

Donnie-Brasco

Malparido!

Als ik een beetje wil gaan beginnen met het maken van websites en dergelijke, waar kan ik dan het beste mee beginnen? HTML?

I got two dudes that turned into raspberry slushy and flushed down my toilet. I can't even take a proper dump in there.

donderdag 8 januari 2015 @ 18:57:04 #223

BrainOverfloW

Fok! around the Clock!

quote:
Op donderdag 8 januari 2015 18:48 schreef Donnie-Brasco het volgende:
Als ik een beetje wil gaan beginnen met het maken van websites en dergelijke, waar kan ik dan het beste mee beginnen? HTML?

Dat is wel het begin punt ja. HTML en CSS (CSS geeft het uiterlijk aan je html). 30 Days to learn HTML & CSS is bijvoorbeeld een goeie cursus om je deze basis te leren. En ga vooral lekker zelf proberen met de dingen die je leert. Van alleen opdrachtjes natypen leer je het niet.

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 8 januari 2015 @ 19:12:12 #224

Donnie-Brasco

Malparido!

quote:
Op donderdag 8 januari 2015 18:57 schreef BrainOverfloW het volgende:

[..]

Dat is wel het begin punt ja. HTML en CSS (CSS geeft het uiterlijk aan je html). 30 Days to learn HTML & CSS is bijvoorbeeld een goeie cursus om je deze basis te leren. En ga vooral lekker zelf proberen met de dingen die je leert. Van alleen opdrachtjes natypen leer je het niet.

Gaan we daar mee beginnen, wordt gewoon een beetje tijdvedrijf

I got two dudes that turned into raspberry slushy and flushed down my toilet. I can't even take a proper dump in there.

vrijdag 9 januari 2015 @ 22:34:20 #225

Rockiejj

Who's your daddy?

quote:
Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.

Een eh.. wat?

Diep inspirerende quote
- "bekend" persoon

vrijdag 9 januari 2015 @ 22:39:09 #226

Rockiejj

Who's your daddy?

quote:
Op donderdag 8 januari 2015 14:53 schreef KomtTijd... het volgende:

[..]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.

quote:
Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.

http://codepen.io/anon/pen/myRXYM

Diep inspirerende quote
- "bekend" persoon

vrijdag 9 januari 2015 @ 22:41:00 #227

Rockiejj

Who's your daddy?

quote:
Op donderdag 8 januari 2015 18:48 schreef Donnie-Brasco het volgende:
Als ik een beetje wil gaan beginnen met het maken van websites en dergelijke, waar kan ik dan het beste mee beginnen? HTML?

Ik heb heel veel aan het boek HTML & CSS gehad, is een mooi en duidelijk boek.

Diep inspirerende quote
- "bekend" persoon

vrijdag 9 januari 2015 @ 22:41:45 #228

BrainOverfloW

Fok! around the Clock!

quote:
Op vrijdag 9 januari 2015 22:34 schreef Rockiejj het volgende:

[..]

Een eh.. wat?

JSfiddle en Codepen zijn websites waar je HTML/CSS/JS op uit kunt voeren zonder een hele pagina te hoeven maken. Erg handig voor het testen van ideeën of het delen van stukken code als je ergens mij zit.

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 9 januari 2015 @ 22:50:16 #229

Rockiejj

Who's your daddy?

quote:
Op vrijdag 9 januari 2015 22:41 schreef BrainOverfloW het volgende:

[..]

JSfiddle en Codepen zijn websites waar je HTML/CSS/JS op uit kunt voeren zonder een hele pagina te hoeven maken. Erg handig voor het testen van ideeën of het delen van stukken code als je ergens mij zit.

Ik zie het inderdaad, handig!

Diep inspirerende quote
- "bekend" persoon

maandag 12 januari 2015 @ 22:24:48 #230

n8n

Pragmatisch

Wat heb ik nou weer aan m'n broek hangen, heb een site, werkt de css niet. Met niet bedoel ik totaal niet, niet in Safari, niet in Chrome. De inspector van beide zien de css wel, ze herkennen het ook als css-bestand. Het enige wat er in staat is body { color: red } (om te testen, en ja er is een body-tag).

Iemand dit wel eens meegemaakt? Als ik met stylish (browser extensie) de pagina de kleur rood geef lukt het wel. Superweird deze.

Heb ook nog even een js toegevoegd die alleen 'test' in een alert gooit, die werkt wel.

Edit: zie dat het MIME Type text/plain is, moet haast daar aan liggen, oké bedankt

Edit2:

[ Bericht 11% gewijzigd door n8n op 12-01-2015 22:31:46 ]

“Specialization is for insects”.—Robert Heinlein

maandag 12 januari 2015 @ 22:32:11 #231

Rockiejj

Who's your daddy?

quote:
Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.

quote:
Op donderdag 8 januari 2015 14:53 schreef KomtTijd... het volgende:

[..]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.

Schatten, willen jullie nog even naar mijn code kijken, ik raak er alleen maar dieper in verdwaald

Diep inspirerende quote
- "bekend" persoon

dinsdag 13 januari 2015 @ 00:07:10 #232

BrainOverfloW

Fok! around the Clock!

quote:
Op maandag 12 januari 2015 22:32 schreef Rockiejj het volgende:

[..]

[..]

Schatten, willen jullie nog even naar mijn code kijken, ik raak er alleen maar dieper in verdwaald

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur

1
2
3
4
5
6
7
8
9
10

<header>
-Hier je titel en menu code
</header>
<main>
<section class="links"></section>
<section class="rechts"></section>
</main>
<footer>
-Copyright
</footer>

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.

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

dinsdag 13 januari 2015 @ 00:08:18 #233

Rockiejj

Who's your daddy?

quote:
Op dinsdag 13 januari 2015 00:07 schreef BrainOverfloW het volgende:

[..]

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur
[ code verwijderd ]

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.

Ik ga kijken of dit het oplost, thanks!

Diep inspirerende quote
- "bekend" persoon

donderdag 15 januari 2015 @ 22:49:17 #234

Rockiejj

Who's your daddy?

quote:
Op dinsdag 13 januari 2015 00:07 schreef BrainOverfloW het volgende:

[..]

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur
[ code verwijderd ]

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.

Werkte perfect!
Kan je voor mij misschien ook nog eens kijken naar mijn navigatiebalk, ik heb nu een dropdown menu, alleen is mijn dropdown nu extreem breed, en ik zie niet waar het fout gaat. Kun je me misschien helpen

http://codepen.io/anon/pen/myRXYM

Diep inspirerende quote
- "bekend" persoon

vrijdag 16 januari 2015 @ 00:04:40 #235

BrainOverfloW

Fok! around the Clock!

quote:
Op donderdag 15 januari 2015 22:49 schreef Rockiejj het volgende:

[..]

Werkte perfect!
Kan je voor mij misschien ook nog eens kijken naar mijn navigatiebalk, ik heb nu een dropdown menu, alleen is mijn dropdown nu extreem breed, en ik zie niet waar het fout gaat. Kun je me misschien helpen
http://codepen.io/anon/pen/myRXYM

nav ul li:hover > ul
Daar met width en margin je juiste lengte en positie in zetten.

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 16 januari 2015 @ 00:53:25 #236

Donnie-Brasco

Malparido!

quote:
Op vrijdag 9 januari 2015 22:41 schreef Rockiejj het volgende:

[..]

Ik heb heel veel aan het boek HTML & CSS gehad, is een mooi en duidelijk boek.

Thnx voor de tip, heb nog cadeaubon van bol.com liggen dus ga hem bestellen denk ik

I got two dudes that turned into raspberry slushy and flushed down my toilet. I can't even take a proper dump in there.

vrijdag 16 januari 2015 @ 12:25:36 #237

Rockiejj

Who's your daddy?

quote:
Op vrijdag 16 januari 2015 00:53 schreef Donnie-Brasco het volgende:

[..]

Thnx voor de tip, heb nog cadeaubon van bol.com liggen dus ga hem bestellen denk ik

Ja moet je doen, ik heb er wel een hoop aan gehad!

Diep inspirerende quote
- "bekend" persoon

zondag 25 januari 2015 @ 15:54:04 #238

n8n

Pragmatisch

https://dev.opera.com/articles/javascript-best-practices/

Goed artikel dit, met name over de namespaces.

“Specialization is for insects”.—Robert Heinlein

dinsdag 27 januari 2015 @ 08:47:40 #239

Chandler

Kleine vraag, hoe krijg ik bij het volgende voorbeeld de uitloop van de span terug in de container?

http://codepen.io/anon/pen/ogwraj

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 27 januari 2015 @ 08:52:34 #240

mstx

2x1/2 = 1/2 x 1/2

quote:
Op dinsdag 27 januari 2015 08:47 schreef Chandler het volgende:
Kleine vraag, hoe krijg ik bij het volgende voorbeeld de uitloop van de span terug in de container?

http://codepen.io/anon/pen/ogwraj

[ afbeelding ]

.top p {
box-sizing:border-box;
}

Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾

dinsdag 27 januari 2015 @ 09:36:35 #241

Chandler

Thanks! je moet het maar weten

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 27 januari 2015 @ 10:21:28 #242

Catch22-

Ben je Blind?!

vind ik zelf niet zo fraai, op 1 element box-sizing toepassen

1
2
3
4
5
6
7
8
9
10
11

.top p {
  background: rgba(0, 0, 0, 0.25);
  font-family: 'Roboto', sans-serif;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px;
  color: white;
  margin: 0;
  width: calc(100% - 10px);
}

Is netter. Maar het fijnste is box-sizing op alles gooien

http://www.paulirish.com/2012/box-sizing-border-box-ftw/

alleen moet je dat wel vantevoren gelijk doen

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?

dinsdag 27 januari 2015 @ 10:34:12 #243

Chandler

Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 27 januari 2015 @ 10:38:44 #244

Catch22-

Ben je Blind?!

quote:
Op dinsdag 27 januari 2015 10:34 schreef Chandler het volgende:
Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.

Als Paul Irish iets zegt, dat is het waar.

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?

dinsdag 27 januari 2015 @ 11:05:04 #245

Chandler

quote:
Op dinsdag 27 januari 2015 10:38 schreef Catch22- het volgende:

[..]

Als Paul Irish iets zegt, datn is het waar.

maar goed, ga weer druk verder spelen om hier een mooie gallery van te maken

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 27 januari 2015 @ 12:51:23 #246

PimD

Nee.

Box-sizing:border-box op alles gooien is leuk, tot dat je een of andere gare vendor-code moet includen. Maar ja, dan heb je natuurlijk al een groter probleem

Nee.

dinsdag 27 januari 2015 @ 13:26:08 #247

MrNiles

Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?

dinsdag 27 januari 2015 @ 22:23:00 #248

Remkoe_

mohh

Programmeren en er maar niet uit komen! WRAAAAH!

Wellicht zijn er mensen bekend met StackoverFlow.. Voor mijn opleiding ben ik pas begonnen met het programmeren. Op dit moment zijn wij bezig met het maken van een sociale media dienst m.b.v jquery..

Op dit moment loop ik vast op een Follow & UnFollow button. Ik heb de button gestyled zodat er bij 1 class het lijkt of de knop niet is in gedrukt en 1 class dat de knop WEL is ingedrukt. Nu is het nog de schone taak hem werkende te krijgen. Normaal is de knop niet ingedrukt (class1) en staat er de tekst "follow" en wanneer je die knop indrukt moet hij een andere class gebruiken (class2) en moet de tekst "unfollow" worden. Helder en niet zo moeilijk toch? Maar toch loop ik vast!!

Nu heb ik de vraag voorgelegd bij mensen op StackoverFlow en die hebben mij zeker kunnen helpen maar alsnog kom ik er niet uit en begrijp ik sommige dingen niet. Hier is de link naar de topic daar :

http://goo.gl/GNTmD0

Is er soms iemand die zich geroepen voelt en mij uit deze HELL kan halen? Ruk zowat de haren uit m'n kop

“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”

dinsdag 27 januari 2015 @ 22:26:30 #249

Catch22-

Ben je Blind?!

Je denkt jquery is poepsimpel en zonder lezen kan ik er wel mee werken? En waarom een div en geen a?

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?

dinsdag 27 januari 2015 @ 22:30:54 #250

donroyco

dus niet Donroyco

quote:
Op dinsdag 27 januari 2015 13:26 schreef MrNiles het volgende:
Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?

Voorbeeld?

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

dinsdag 27 januari 2015 @ 22:31:25 #251

donroyco

dus niet Donroyco

quote:
Op dinsdag 27 januari 2015 22:23 schreef Remkoe_ het volgende:
Programmeren en er maar niet uit komen! WRAAAAH!

Wellicht zijn er mensen bekend met StackoverFlow.. Voor mijn opleiding ben ik pas begonnen met het programmeren. Op dit moment zijn wij bezig met het maken van een sociale media dienst m.b.v jquery..

Op dit moment loop ik vast op een Follow & UnFollow button. Ik heb de button gestyled zodat er bij 1 class het lijkt of de knop niet is in gedrukt en 1 class dat de knop WEL is ingedrukt. Nu is het nog de schone taak hem werkende te krijgen. Normaal is de knop niet ingedrukt (class1) en staat er de tekst "follow" en wanneer je die knop indrukt moet hij een andere class gebruiken (class2) en moet de tekst "unfollow" worden. Helder en niet zo moeilijk toch? Maar toch loop ik vast!!

Nu heb ik de vraag voorgelegd bij mensen op StackoverFlow en die hebben mij zeker kunnen helpen maar alsnog kom ik er niet uit en begrijp ik sommige dingen niet. Hier is de link naar de topic daar :

http://goo.gl/GNTmD0

Is er soms iemand die zich geroepen voelt en mij uit deze HELL kan halen? Ruk zowat de haren uit m'n kop

Wat begrijp je niet? Laten we daar eens mee beginnen.

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

dinsdag 27 januari 2015 @ 22:34:29 #252

Remkoe_

mohh

Via JSFiddle werkt mijn code gewoon maar offline vanaf mijn pc niet

Daar komt mijn frustratie uit..

http://jsfiddle.net/frd6qkjq/5/

Hier werkt ie gewoon.

PS: Jaaaaa hij is niet responsive

Moeten we nog gaan leren maargoed..

“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”

dinsdag 27 januari 2015 @ 22:38:51 #253

donroyco

dus niet Donroyco

quote:
Op dinsdag 27 januari 2015 22:34 schreef Remkoe_ het volgende:
Via JSFiddle werkt mijn code gewoon maar offline vanaf mijn pc niet Daar komt mijn frustratie uit..

http://jsfiddle.net/frd6qkjq/5/

Hier werkt ie gewoon.

PS: Jaaaaa hij is niet responsive Moeten we nog gaan leren maargoed..

http://learn.jquery.com/about-jquery/how-jquery-works/

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

dinsdag 27 januari 2015 @ 22:48:15 #254

BrainOverfloW

Fok! around the Clock!

quote:
Op dinsdag 27 januari 2015 22:34 schreef Remkoe_ het volgende:
Via JSFiddle werkt mijn code gewoon maar offline vanaf mijn pc niet Daar komt mijn frustratie uit..

http://jsfiddle.net/frd6qkjq/5/

Hier werkt ie gewoon.

PS: Jaaaaa hij is niet responsive Moeten we nog gaan leren maargoed..

Check via je DevTools eens of je foutmeldingen krijgt, mocht je dat nog niet gedaan hebben. Misschien gaat er iets fout bij het inladen van je jQuery. Dat probleem valt weg als je de boel op jsfiddle gooit want die laad jQuery wel gewoon in.

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

dinsdag 27 januari 2015 @ 22:50:24 #255

n8n

Pragmatisch

Weet iemand (een artikel dat uitlegt) hoe je methods kan chainen en toch een resultaat kan return-en? Om te chainen moet je altijd return this; doen maar jquery kan het bijvoorbeeld wel: $(resultaat).chain(resultaat).chain(etc).

“Specialization is for insects”.—Robert Heinlein

dinsdag 27 januari 2015 @ 22:55:09 #256

Remkoe_

mohh

quote:
Check via je DevTools eens of je foutmeldingen krijgt, mocht je dat nog niet gedaan hebben. Misschien gaat er iets fout bij het inladen van je jQuery. Dat probleem valt weg als je de boel op jsfiddle gooit want die laad jQuery wel gewoon in.

Heb ik gedaan maar krijg geen foutmelding. Hij laad Jquery prima in :S

“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”

dinsdag 27 januari 2015 @ 22:55:37 #257

Catch22-

Ben je Blind?!

quote:
Op dinsdag 27 januari 2015 22:50 schreef n8n het volgende:
Weet iemand (een artikel dat uitlegt) hoe je methods kan chainen en toch een resultaat kan return-en? Om te chainen moet je altijd return this; doen maar jquery kan het bijvoorbeeld wel: $(resultaat).chain(resultaat).chain(etc).

promises. .then

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?

dinsdag 27 januari 2015 @ 22:59:31 #259

Remkoe_

mohh

Ongelofelijk wat ben ik stom zeg.. Dat is het... Man daar had ik zelf ook nog wel over na kunnen denken... In ieder geval hartstikke bedankt!

“Scientists tell us that the fastest animal on earth, with a top speed of 120 feet per second, is a cow that has been dropped out of a helicopter.”

dinsdag 27 januari 2015 @ 23:19:43 #260

n8n

Pragmatisch

quote:
Op dinsdag 27 januari 2015 22:55 schreef Catch22- het volgende:

[..]

promises. .then

merci

“Specialization is for insects”.—Robert Heinlein

woensdag 28 januari 2015 @ 16:02:28 #261

Chandler

Weer wat...

Ik heb een stukje html dat ik middels jquery in elkaar wil knopen.

1	li = $('<li/>').css('background', 'url(' + item.thumbnail + ')').css('background-size', '100% 100%').html($('<a/>').attr('href', item.embed).html($('<div/>').attr('class', 'image').html($('<h2/>').html(item.title) + $('<p/>').text(item.name + $('<span/>').text(toHHMMSS(item.seconds))))));

Nu loopt alles tot aan div class="image"> goed, en daarna wordt alles [object Object]... terwijl het er toch goed uit lijkt te zien... iemand een suggestie?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 28 januari 2015 @ 16:08:18 #262

Catch22-

Ben je Blind?!

quote:
Op woensdag 28 januari 2015 16:02 schreef Chandler het volgende:
Weer wat...

Ik heb een stukje html dat ik middels jquery in elkaar wil knopen.
[ code verwijderd ]

Nu loopt alles tot aan div class="image"> goed, en daarna wordt alles [object Object]... terwijl het er toch goed uit lijkt te zien... iemand een suggestie?

Geen tijd/zin om het te fixen, maar doe jezelf een lol en maak de elementen die je nodig hebt eerst aan en append ze dan. Dat voorkomt onleesbare meuk als dit. Meerdere cssproperties kan je als object meegeven (.css({'width': '100%', 'color': 'red'})), maar beter doe je dat met classes

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?

woensdag 28 januari 2015 @ 16:13:10 #263

Chandler

Classes zijn idd beter

Nou het grappige is dat dit

1
2
3
4

var li = $('<li/>').css('background', 'url(' + item.thumbnail + ')').css('background-size', '100% 100%')
.html($('<a/>').attr('href', item.embed)
.html($('<div/>').attr('class', 'image')
.html($('<h2/>').html(item.title)))));

werkt maar als ik

1	+ $('<p/>').text(item.name + $('<span/>').text(toHHMMSS(item.seconds))

achter item.title) zet het fout gaat, maar goed, ga verder met debuggen!

en dit is de opzet

1
2
3
4
5
6
7
8

var html = '<li style="background: url(' + item.thumbnail + ');background-size: 100% 100%;">
  <a href="' + item.embed + '">
    <div class="image">
      <h2>' + item.title + '</h2>
      <p>' + item.name + '<span>' + toHHMMSS(item.seconds) + '</span></p>
    </div>
  </a>
</li>';

[ Bericht 16% gewijzigd door Chandler op 28-01-2015 16:27:59 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 28 januari 2015 @ 16:16:20 #264

Catch22-

Ben je Blind?!

quote:
Op woensdag 28 januari 2015 16:13 schreef Chandler het volgende:
Classes zijn idd beter

Nou het grappige is dat dit
[ code verwijderd ]

werkt maar als ik
[ code verwijderd ]

achter item.title) zet het fout gaat, maar goed, ga verder met debuggen!

Als je meer dan twee haakjes achterelkaar moet gebruiken om iets te sluiten, dan weet je al dat het mis gaat. Ik kan niet eens zien wat je uberhaupt probeert. Dus bouw gewoon los die elementen op en gebruik ze dan.

En gebruik in elk geval goede indenting, scheelt je veel geneuzel

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?

woensdag 28 januari 2015 @ 17:30:31 #265

PimD

Nee.

Kijk eens naar templating i.p.v. die lappen HTML te genereren in JavaScript. Mustache bijvoorbeeld.

Nee.

donderdag 29 januari 2015 @ 10:58:35 #266

n8n

Pragmatisch

quote:
Op woensdag 28 januari 2015 16:08 schreef Catch22- het volgende:

[..]

Geen tijd/zin om het te fixen, maar doe jezelf een lol en maak de elementen die je nodig hebt eerst aan en append ze dan. Dat voorkomt onleesbare meuk als dit.

sheelt ook enorm in de performance, minder dom manipulatie. http://24ways.org/2011/your-jquery-now-with-less-suck

Zou je een bestaand element uit de html kunnen pakken, dat deconstructen naar een prototype en dat reconstructen met Json/xml? Een soort automatische templating

[ Bericht 5% gewijzigd door n8n op 29-01-2015 11:04:04 ]

“Specialization is for insects”.—Robert Heinlein

donderdag 29 januari 2015 @ 11:00:24 #267

n8n

Pragmatisch

Die promise is wel erg egde-case trouwens. Ik ga zoiets proberen: http://jsfiddle.net/ScENm/

“Specialization is for insects”.—Robert Heinlein

donderdag 5 februari 2015 @ 15:51:43 #268

knight18

Geen idee of ik hier aan het juiste adres ben dus neem mij niet kwalijk

.
Ben op het moment aan het experimenteren met bootstrap, een simpele website in mekaar zetten.

Nu wilde ik aan de linker en rechterkant wat meer witte ruimte hebben.
De volgende code heb ik in css gezet:

1 2	html,body { height: 100%; margin-left: 75px; margin-right: 75px; padding: 0px; }

Het grootste gedeelte van de site past zich nu daaraan aan (waaronder de bovenste navbar), helaas blijft de navbar aan de onderkant de gehele breeddte innemen. Terwijl deze ook gewoon in de body staat.
Weet iemand hoe dit op te lossen is?

donderdag 5 februari 2015 @ 15:54:28 #269

Catch22-

Ben je Blind?!

In principe NOOIT css op je html element zetten.

body { padding:0 75px; }

zou het moeten doen.

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?

donderdag 5 februari 2015 @ 15:58:24 #270

knight18

quote:
Op donderdag 5 februari 2015 15:54 schreef Catch22- het volgende:
In principe NOOIT css op je html element zetten.

body { padding:0 75px; }

zou het moeten doen.

Sorry dat wist ik niet

.
Maar als ik het probeer wat jij zei, dan blijft de onderste bar nog steeds over de gehele breedte. Terwijl die dus wel gewoon in de body staat.

donderdag 5 februari 2015 @ 16:00:49 #271

Catch22-

Ben je Blind?!

quote:
Op donderdag 5 februari 2015 15:58 schreef knight18 het volgende:

[..]

Sorry dat wist ik niet .
Maar als ik het probeer wat jij zei, dan blijft de onderste bar nog steeds over de gehele breedte. Terwijl die dus wel gewoon in de body staat.

die staat fixed gepositioneerd.

Je moet niet beginnen met bootstrap maar met de basics van CSS en HTML, anders wordt het niets

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?

donderdag 5 februari 2015 @ 19:55:04 #272

n8n

Pragmatisch

Bootstrap kan beter helemaal de prullenmand in

“Specialization is for insects”.—Robert Heinlein

donderdag 5 februari 2015 @ 20:32:47 #273

TwenteFC

quote:
Op donderdag 5 februari 2015 19:55 schreef n8n het volgende:
Bootstrap kan beter helemaal de prullenmand in

Niet gaan lopen fucken met Bootstrap.

donderdag 5 februari 2015 @ 20:38:54 #274

Catch22-

Ben je Blind?!

quote:
Op donderdag 5 februari 2015 19:55 schreef n8n het volgende:
Bootstrap kan beter helemaal de prullenmand in

bootstrap is ziek baas. Scheelt mij zo ziek veel tijd bij webapplicaties. En aangezien ik daar alleen maar mee bezig ben is dat wel praktisch

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?

donderdag 5 februari 2015 @ 22:44:52 #275

mstx

2x1/2 = 1/2 x 1/2

quote:
Op donderdag 5 februari 2015 20:38 schreef Catch22- het volgende:

[..]

bootstrap is ziek baas. Scheelt mij zo ziek veel tijd bij webapplicaties. En aangezien ik daar alleen maar mee bezig ben is dat wel praktisch

Yep, ik heb ook niet zo'n zin om voor elke app weer het wiel opnieuw uit te vinden en de standaardelementen weer te moeten stylen.

Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾

donderdag 5 februari 2015 @ 23:07:03 #276

Catch22-

Ben je Blind?!

quote:
Op donderdag 5 februari 2015 22:44 schreef mstx het volgende:

[..]

Yep, ik heb ook niet zo'n zin om voor elke app weer het wiel opnieuw uit te vinden en de standaardelementen weer te moeten stylen.

bootstrap is net als andere tools, toepassen als nodig, maar niet klakkeloos overal in rammen

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?

donderdag 5 februari 2015 @ 23:22:35 #277

n8n

Pragmatisch

quote:
Op donderdag 5 februari 2015 20:38 schreef Catch22- het volgende:

[..]

bootstrap is ziek baas. Scheelt mij zo ziek veel tijd bij webapplicaties. En aangezien ik daar alleen maar mee bezig ben is dat wel praktisch

ik vind de usecase ook prachtig maar de uitwerking zeer ondermaats

“Specialization is for insects”.—Robert Heinlein

donderdag 5 februari 2015 @ 23:29:36 #278

boem-dikkie

Jedi Mind Baby!

quote:
Op donderdag 5 februari 2015 23:22 schreef n8n het volgende:

[..]

ik vind de usecase ook prachtig maar de uitwerking zeer ondermaats

Waarom?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 6 februari 2015 @ 00:13:29 #279

n8n

Pragmatisch

quote:
Op donderdag 5 februari 2015 23:29 schreef boem-dikkie het volgende:

[..]

Waarom?

gebruikt uitgebreide en onlogische class namespaces, de css gebruikt pixels, responsive is so so. Voor iets waarvan je verwacht dat het uitgekristalliseerd zou zijn heeft het veelal lelijke afwerking, het ziet er verouderd uit, het gridsysteem is verouderd, best practices zijn verouderd, veel bloat.

Volgens mij is foundation al wat moderner en minder 2000 legacy.

“Specialization is for insects”.—Robert Heinlein

vrijdag 13 februari 2015 @ 12:38:04 #281

n8n

Pragmatisch

Iemand een leuk, geinig, handig JS templating systeem gevonden dat niet je inner-html verneukt? React ziet er wel goed uit want virtuele DOM maar is alsnog vrij opinionated qua achterliggende structuur (waar ook wat voor valt te zeggen). Ben eigenlijk alleen nog maar http://lhorie.github.io/mithril/index.html tegengekomen.

Wel jammer dat frontend werk vaak gepaard gaat met Angular of jQuery (als je naar 90% van alle vacatures kijkt). Vind beide echt smerig

“Specialization is for insects”.—Robert Heinlein

vrijdag 13 februari 2015 @ 12:42:45 #282

Catch22-

Ben je Blind?!

quote:
Op vrijdag 13 februari 2015 12:38 schreef n8n het volgende:
Iemand een leuk, geinig, handig JS templating systeem gevonden dat niet je inner-html verneukt? React ziet er wel goed uit want virtuele DOM maar is alsnog vrij opinionated qua achterliggende structuur (waar ook wat voor valt te zeggen). Ben eigenlijk alleen nog maar http://lhorie.github.io/mithril/index.html tegengekomen.

Wel jammer dat frontend werk vaak gepaard gaat met Angular of jQuery (als je naar 90% van alle vacatures kijkt). Vind beide echt smerig

Mja, ik gebruik zelf veel angularjs. De DOM wordt er niet mooier van, maar de syntax is wel bijzonder helder en dat vind ik 1 van de allerbelangrijkste zaken bij elke techniek. Onderhoud wordt daardoor makkelijker.

ReactJS is wel leuk, maar die syntax is echt kut. Ik wil gewoon geen HTML opbouwen in JS.

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 13 februari 2015 @ 12:48:01 #283

KomtTijd...

Heb het nog niet echt veel gebruikt maar wat ik van Angular gezien heb vind ik dat best wel een mooi framework. Het biedt in ieder geval de mogelijkheden je JS goed gestructureerd te houden. Dat er her en der wat extra tags in je DOM staan moet je je maar bij neerleggen, daar hoeft toch niemand naar te kijken.

zcflevo.nl

vrijdag 13 februari 2015 @ 12:53:03 #284

n8n

Pragmatisch

quote:
Op vrijdag 13 februari 2015 12:42 schreef Catch22- het volgende:

[..]

Mja, ik gebruik zelf veel angularjs. De DOM wordt er niet mooier van, maar de syntax is wel bijzonder helder en dat vind ik 1 van de allerbelangrijkste zaken bij elke techniek. Onderhoud wordt daardoor makkelijker.

ReactJS is wel leuk, maar die syntax is echt kut. Ik wil gewoon geen HTML opbouwen in JS.

Ik zit even een gulden middenweg te verzinnen maar dat lukt zo 1, 2, 3 niet nee. Met JS html schrijven wil je ook niet nee, dan zit je weer in dezelfde schuit als php (ooit zat). Als je met Laravel templating gebruikt hoef je in principe ook alleen je content tussen {{ }} te zetten, is toch een stuk netter (en waarschijnlijk langzamer). Wat React technisch wel beter doet is de virtuele DOM waardoor je niet live dom operaties doet, dat is toch wel de achilleshiel van moderne webapplicaties.

quote:
Op vrijdag 13 februari 2015 12:48 schreef KomtTijd... het volgende:
daar hoeft toch niemand naar te kijken.

ik ben echt een mierenneuker

Dit is de een JS-generated anchor tag met de link die ik net plaatste: m("a", {href: page.url}, page.title); Op zich is de abstractie al beter dan js-inline html-tags

“Specialization is for insects”.—Robert Heinlein

vrijdag 13 februari 2015 @ 12:58:55 #286

Catch22-

Ben je Blind?!

quote:
Op vrijdag 13 februari 2015 12:56 schreef Scorpie het volgende:

[..]

True. Enige nadeel vind ik dat je met Angular even heel goed na moet denken qua conventies, hoe je iets moet oplossen cq aanpakken. Je kan namelijk op 14920235 manieren iets aanpakken.

Voordeel is dat je als je dat niet doet je al een eind komt. Ik heb dat ook gedaan en ben steeds meer en meer aan het ontdekken wat de beste werkwijze is.

We zijn nu met een gigantische webapplicatie bezig waarbij ik 2/3 schermen met angularjs opbouw omdat het makkelijker werkt. Heb bijvoorbeeld een scherm met een tabel waar ik 500 tabelrijen in render, waarbij je de volgorde van de kolommen en de zichtbaarheid kan aanpassen (drag n drop, alles) en dat blijft gewoon snel. Als ik dat met jQuery zou doen kostte me dat echt veel codetijd, met angularjs kan ik dat vele male sneller en overzichtelijker doen. Ook zit er een async zoek/filtermogelijkheid in, gaat allemaal zoveel makkelijker met de two-way-databinding.

De reguliere schermen (overzicht, detail, wijzigen) doe ik zonder angular omdat dat niets toevoegt.

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 13 februari 2015 @ 13:07:48 #288

KomtTijd...

quote:
Op vrijdag 13 februari 2015 12:56 schreef Scorpie het volgende:

[..]

True. Enige nadeel vind ik dat je met Angular even heel goed na moet denken qua conventies, hoe je iets moet oplossen cq aanpakken. Je kan namelijk op 14920235 manieren iets aanpakken.

Goed nadenken over wat je gaat bouwen wordt op een gegeven moment sowieso wel noodzakelijk. Dat head-first in een probleem duiken en jquery aan jquery knopen tot het werkt, daar kom je jezelf op een gegeven moment echt mee tegen.
Ik hoef zelf niet meer zo nodig te frontenden, maar als ik weer een projectje krijg ga ik het echt niet meer Jqueryen.

quote:
Op vrijdag 13 februari 2015 12:53 schreef n8n het volgende:

[..]

ik ben echt een mierenneuker

Sja het is altijd maar net welke mier je wel en niet wilt neuken. De een wil cleane DOM, de ander wil cleane scripts, weer een ander wil zo min mogelijk libraries inladen... De conclusie die ik zo langzamerhand getrokken heb is dat onderhoudbaarheid het allerbelangrijkste is. Over efficiëntie nadenken moet je doen als je performance problemen hebt, en bitneuken is sowieso niet meer van dit decennium.

zcflevo.nl

vrijdag 13 februari 2015 @ 13:08:18 #289

Catch22-

Ben je Blind?!

quote:
Op vrijdag 13 februari 2015 13:01 schreef Scorpie het volgende:

[..]

Herkenbaar, ik vind het ook niks.

Het is een afweging, mbt angularjs

+ overzicht in je code en template
+ performance
+ geen html in je js
+ two way data binding

- code in je html

Overall ben ik dan wel overtuigd.Maar met AngularJS is het net als met LESS, jQuery of wat dan ook; je kan er een zo grote zooi van maken als je zelf wil. Als je het netjes houdt dan is imo weinig mis mee.

En daarbij moet je tools inzetten waar ze voor gemaakt zijn. Ik heb net een webapp naar acceptatie getrapt dat ik in Ionic (angularjs + cordova) heb gebouwd. Is eigenlijk voor 'native' apps, maar met angularjs is dat prima als webapp te gebruiken. En dat zijn 5 pagina's ofzo, dan is AngularJS ideaal. Ik zou er nooit een hele webapp in bouwen.

Net als dat ik een Meteor app in productie heb die eigenlijk maar 1 beheerscherm heeft. Op kleine schaal is Meteor heel tof, zou ik ook niet snel een grote webapp mee bouwen.

[ Bericht 11% gewijzigd door Catch22- op 13-02-2015 13:15:32 ]

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 13 februari 2015 @ 13:34:28 #291

Catch22-

Ben je Blind?!

quote:
Op vrijdag 13 februari 2015 13:27 schreef Scorpie het volgende:

[..]

Idem hier, AngularJS + Ionic gebruikt voor een (klein) project voor een klant. Prima om te gebruiken. Volledige webapps zijn inderdaad onderhevig aan een andere discussie.

Maar dan kan AngularJS ook van toepassing zijn.

<fileupload />

om daarin met een directive een async fileupload met response te loaden is toch wel erg handig.

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 13 februari 2015 @ 14:14:04 #293

Catch22-

Ben je Blind?!

quote:
Op vrijdag 13 februari 2015 14:06 schreef robin007bond het volgende:

[..]

Wat gebruik je dan voor een volledige webapp?

Ik zal er wel voor aangevallen, maar ik heb ergens een best grote webapplicaties gemaakt met enkel JQuery. En zonder PHP Framework. Hartstikke stom misschien.

gewoon een backend (.net/java/php/nodejs) met plain-html. Daar gebruik je wel frameworks bij, maar niet voor routing, templating e.d.

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 13 februari 2015 @ 15:38:17 #295

picodealion

quote:
Op vrijdag 13 februari 2015 12:56 schreef Scorpie het volgende:

[..]

True. Enige nadeel vind ik dat je met Angular even heel goed na moet denken qua conventies, hoe je iets moet oplossen cq aanpakken. Je kan namelijk op 14920235 manieren iets aanpakken.

https://github.com/johnpapa/angularjs-styleguide

quote:
Op vrijdag 13 februari 2015 13:07 schreef KomtTijd... het volgende:

Sja het is altijd maar net welke mier je wel en niet wilt neuken. De een wil cleane DOM, de ander wil cleane scripts, weer een ander wil zo min mogelijk libraries inladen... De conclusie die ik zo langzamerhand getrokken heb is dat onderhoudbaarheid het allerbelangrijkste is. Over efficiëntie nadenken moet je doen als je performance problemen hebt, en bitneuken is sowieso niet meer van dit decennium.

Amen

vrijdag 13 februari 2015 @ 15:39:25 #296

Catch22-

Ben je Blind?!

quote:
Op vrijdag 13 februari 2015 15:38 schreef picodealion het volgende:

[..]

https://github.com/johnpapa/angularjs-styleguide

Voor jij hem postte nog weer doorgelezen nav de discussie hier

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 13 februari 2015 @ 15:40:50 #298

picodealion

quote:
Op vrijdag 13 februari 2015 15:39 schreef Catch22- het volgende:

[..]

Voor jij hem postte nog weer doorgelezen nav de discussie hier

Ik ben pas een maandje of 8 met Angular bezig, nu net bij Rabobank aan de slag waar ze zijn guidelines hanteren. Zitten een boel goede ideeën bij waar mijn vorige project ook wel baat bij had gehad.

zondag 15 februari 2015 @ 20:43:43 #299

Aether

Heeft iemand eens UIKit gebruikt en hoe beviel dat?

When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.

maandag 16 februari 2015 @ 12:49:01 #300

n8n

Pragmatisch

quote:
Op vrijdag 13 februari 2015 13:07 schreef KomtTijd... het volgende:

Sja het is altijd maar net welke mier je wel en niet wilt neuken. De een wil cleane DOM, de ander wil cleane scripts, weer een ander wil zo min mogelijk libraries inladen... De conclusie die ik zo langzamerhand getrokken heb is dat onderhoudbaarheid het allerbelangrijkste is. Over efficiëntie nadenken moet je doen als je performance problemen hebt, en bitneuken is sowieso niet meer van dit decennium.

als je alle mieren een beetje neukt, heb je wel verdomd snelle websites. Pagina's interactief in een kwart seconde, met allemaal fancy dingen alles er op en er aan. Nou zullen wat ng-tags niet het verschil maken maar heel jquery parsen voor een toggle en input validatie wel. 5000 dom-elementen in je pagina (wat je ook 'gewoon' bij Google/Facebook ziet) slaat ook nergens op. Klakkeloos allemaal frameworks er op gooien gebeurt echt te vaak. Soms zie je 2 versies van jquery op een site (los ingeladen) omdat 1 (vaak slecht geschreven) Plug-in toevallig die dependancy heeft maar geen update.

“Specialization is for insects”.—Robert Heinlein

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

[HTML, CSS, JS] Frontend #42: eval("alert('weer een nieuw deel')");

» digital corner

» digital corner