[html, css, js] Frontend is het nieuwe backend

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_126323269
Maken jullie ook gebruik van die hippe waterfall chart in Firefox om responsiveness te testen?
  zaterdag 11 mei 2013 @ 07:42:40 #77
166255 Maringo
Bèhèhèhèh
pi_126337919
quote:
7s.gif Op vrijdag 10 mei 2013 21:40 schreef Devv het volgende:
Maken jullie ook gebruik van die hippe waterfall chart in Firefox om responsiveness te testen?
Ik gebruik de code van dit:
http://mattkersley.com/responsive/
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_126339170
Graag wil ik dat achter mijn content een zwarte transparante laag komt zodat het goed lees baar op de foto`s

nu heb ik dat gedaan met onderstaande code.

1
2		#content > ul > li {position:absolute;height:100% ;width:100%; }
.box1 {background: rgba(0,0,0,0.9);;width:100%;height:100%;position:absolute;top:0;left:0 ;padding:10px }

het probleem is dat hij 100% hoogte neemt van het scherm en niet van de content dus zodra je gaat scrollen gebeurt er dit.

http://jjfoto.eu5.org/web.jpg

nu kan ik dat oplossen door het percentage in een aantal pixels te veranderen, alleen dan wordt ie ook langer als de content korter is.

weet iemand hoe ik dit moet oplossen??
pi_126339336
Absoluut positioneren gaat a.d.h.v. de dichtstbijzijnde gepositioneerde parent. Dus als je een parent element "position:relative;" geeft zal ie niet meer het hele scherm beslaan.
Bleuh.
pi_126339516
quote:
0s.gif Op zaterdag 11 mei 2013 10:25 schreef PimD het volgende:
Absoluut positioneren gaat a.d.h.v. de dichtstbijzijnde gepositioneerde parent. Dus als je een parent element "position:relative;" geeft zal ie niet meer het hele scherm beslaan.
Hartelijk dank!
pi_126346502
Ik ben vrij nieuw met CSS, ik begin het steeds beter onder de knie te krijgen. Mijn vraag is, wat is DE manier om 'afwijkende' lettertypes te gebruiken? Ik bedoel dus fonts die standaard op een computer niet geinstalleerd zijn.
pi_126347331
http://www.fontsquirrel.com/ en dan Webfont Generator. Alles wat je ooit nodig hebt.
pi_126347613
quote:
2s.gif Op zaterdag 11 mei 2013 07:42 schreef Maringo het volgende:

[..]

Ik gebruik de code van dit:
http://mattkersley.com/responsive/
Ik had het meer over het laden van web onderdelen ;) . Maar dat is ook wel een handige tool.
  zaterdag 11 mei 2013 @ 15:07:13 #84
12221 Tijn
Powered by MS Paint
pi_126348340
quote:
14s.gif Op zaterdag 11 mei 2013 14:39 schreef picodealion het volgende:
http://www.fontsquirrel.com/ en dan Webfont Generator. Alles wat je ooit nodig hebt.
Ik kijk altijd eerst even bij Google Fonts, dat is verreweg de makkelijkste manier om een ander font op je website te krijgen.
Verberg de nieuwsticker
pi_126348381
Die kende ik niet :@.
  zaterdag 11 mei 2013 @ 15:09:22 #86
134533 donroyco
dus niet Donroyco
pi_126348419
quote:
11s.gif Op zaterdag 11 mei 2013 15:08 schreef picodealion het volgende:
Die kende ik niet :@.
Serieus? :')
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. :'(
pi_126348470
Nee grapje haha kende ik allang

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.
  zaterdag 11 mei 2013 @ 15:24:24 #88
56176 Catch22-
Ben je Blind?!
pi_126349004
Als je maar nooit fontsquirrelfonts voor tekst kleiner dan 18-22pixels gebruikt. Die fonts Zijn dan vaak onleesbaar.
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?
pi_126350733
quote:
2s.gif Op zaterdag 11 mei 2013 15:07 schreef Tijn het volgende:

[..]

Ik kijk altijd eerst even bij Google Fonts, dat is verreweg de makkelijkste manier om een ander font op je website te krijgen.
Is Google fonts cross browser compatible?

Als ik naar de source kijken maakt het gebruik van .woff
  zaterdag 11 mei 2013 @ 16:13:11 #90
12221 Tijn
Powered by MS Paint
pi_126350874
quote:
0s.gif Op zaterdag 11 mei 2013 16:09 schreef xaban06 het volgende:

[..]

Is Google fonts cross browser compatible?

Als ik naar de source kijken maakt het gebruik van .woff
Ik heb geen idee wat ze precies doen, maar het werkt in alle browsers prima.
Verberg de nieuwsticker
  zaterdag 11 mei 2013 @ 16:22:16 #91
134533 donroyco
dus niet Donroyco
pi_126351288
quote:
0s.gif Op zaterdag 11 mei 2013 16:09 schreef xaban06 het volgende:

[..]

Is Google fonts cross browser compatible?

Als ik naar de source kijken maakt het gebruik van .woff
Dat verschilt natuurlijk per browser.
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. :'(
pi_126354925
Zolang je geen IE8 gebruikt, is het wel cross-browser :') .
  zaterdag 11 mei 2013 @ 17:55:00 #93
12221 Tijn
Powered by MS Paint
pi_126355008
quote:
0s.gif Op zaterdag 11 mei 2013 17:52 schreef Devv het volgende:
Zolang je geen IE8 gebruikt, is het wel cross-browser :') .
Hoezo? In IE8 werkt Google Fonts ook, hoor.
Verberg de nieuwsticker
pi_126355083
quote:
5s.gif Op zaterdag 11 mei 2013 17:55 schreef Tijn het volgende:

[..]

Hoezo? In IE8 werkt Google Fonts ook, hoor.
Dat mag dan een wonder heten.
  zaterdag 11 mei 2013 @ 17:59:34 #95
12221 Tijn
Powered by MS Paint
pi_126355149
quote:
0s.gif Op zaterdag 11 mei 2013 17:57 schreef Devv het volgende:

[..]

Dat mag dan een wonder heten.
Hoezo?

IE was juist een van de eerste browsers met ondersteuning van @font-face.
Verberg de nieuwsticker
pi_126355255
quote:
5s.gif Op zaterdag 11 mei 2013 17:59 schreef Tijn het volgende:

[..]

Hoezo?

IE was juist een van de eerste browsers met ondersteuning van @font-face.
Dat wist ik dus niet.

Ik vind IE8 over het algemeen gewoon niet echt ideaal om voor te ontwikkelen. Ik ben ook blij dat we op het werk hebben besloten om IE8 helemaal niet te ondersteunen.
  zaterdag 11 mei 2013 @ 18:06:28 #97
56176 Catch22-
Ben je Blind?!
pi_126355336
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk
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?
  zaterdag 11 mei 2013 @ 18:15:58 #98
166255 Maringo
Bèhèhèhèh
pi_126355627
quote:
0s.gif Op zaterdag 11 mei 2013 18:06 schreef Catch22- het volgende:
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk
En de rest...
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  zaterdag 11 mei 2013 @ 18:17:16 #99
228072 Crimyclown
Sapper de fap!
pi_126355658
Ik ben bezig met het oppakken van JS en in het boek staat het volgende voorbeeld:

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		//<![CDATA[
      //from antsArray.html
      
      var distractionList = new Array("", "suck his thumb", "tie his shoe");
      
      function chorus() {
        var text = "...and they all go marching down\n";
        text += "to the ground \n";
        text += "to get out \n";
        text += "of the rain. \n";
        text += " \n";
        text += "boom boom boom boom boom boom boom boom \n";
        return text;
      } // end chorus
      
      function verse(verseNum){
        //pull distraction from array
        var distraction = distractionList[verseNum];
        
        var text = "The ants go marching "; 
        text += verseNum + " by " + verseNum + " hurrah, hurrah \n";
        text += "The ants go marching "; 
        text += verseNum + " by " + verseNum + " hurrah, hurrah \n";
        text += "The ants go marching "; 
        text += verseNum + " by " + verseNum;
        text += " the little one stops to ";
        text += distraction;
        return text;
      } // end verse1
           
      //main code is now a loop
      for (verseNum = 1; verseNum < distractionList.length; verseNum++){
        alert(verse(verseNum));
        alert(chorus());
      } // end for loop
      
      //]]>

Maar ik heb een vraagje over regel 32

1for (verseNum = 1; verseNum < distractionList.length; verseNum++)

Waarom is dit niet

1for (verseNum = 1; verseNum <= distractionList.length; verseNum++)


Of maakt het niet uit en kan het op beide manieren?
Anonieme tievesclown
  zaterdag 11 mei 2013 @ 18:21:18 #100
166255 Maringo
Bèhèhèhèh
pi_126355771
quote:
1s.gif Op zaterdag 11 mei 2013 14:46 schreef Devv het volgende:

[..]

Ik had het meer over het laden van web onderdelen ;) . Maar dat is ook wel een handige tool.
Ah, verkeerd begrepen. Maar die tool zal ik ook es bekijken dan.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
actieve topics nieuwe topics
abonnement Unibet Coolblue
[html, css, js] Frontend is het nieuwe backend
Index

» digital corner

» development

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