Wolfr Wolfr
Wolfr
/ gist:105675
Created
May 2, 2009 19:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function() { | |
| $(".content a:has(img)").addClass('linkedImage'); | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Fade in animation */ | |
| @-webkit-keyframes fadeIn { | |
| 0% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media all and (min-width: 500px) and (max-width: 700px) { | |
| /* Styles constrained to 500-700px */ | |
| } |
Wolfr
/ gist:1272232
Created
October 8, 2011 12:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .box { | |
| margin: 30px; | |
| width: 500px; | |
| height: 30px; | |
| border: 1px solid #999; | |
| box-shadow: 2px 2px 4px rgba(0,0,0,0.25); | |
| } |
Wolfr
/ gist:1272233
Created
October 8, 2011 12:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .box2 { | |
| margin: 30px; | |
| width: 500px; | |
| height: 30px; | |
| border: 1px solid #999; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.25); | |
| } |
Wolfr
/ gist:1272236
Created
October 8, 2011 12:21
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .multiBorderBox { | |
| margin: 30px; | |
| width: 500px; | |
| height: 30px; | |
| border: 1px solid black; | |
| box-shadow: 0 0 0 1px white, 0 0 0 2px black, 0 0 0 3px white, 0 0 0 4px black; | |
| } |
Wolfr
/ gist:1272238
Created
October 8, 2011 12:23
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .multiBorderBoxRounded { | |
| margin: 30px; | |
| width: 500px; | |
| height: 30px; | |
| border: 1px solid black; | |
| box-shadow: 0 0 0 1px white, 0 0 0 2px black, 0 0 0 3px white, 0 0 0 4px black; | |
| border-radius: 5px; | |
| } |
Wolfr
/ gist:1272241
Created
October 8, 2011 12:27
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .box1 { | |
| margin: 30px; | |
| width: 500px; | |
| height: 30px; | |
| border: 1px solid #999; | |
| box-shadow: 2px 2px 4px rgba(0,0,0,0.25); | |
| } |
Wolfr
/ gist:1337697
Created
November 3, 2011 20:30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jwerty.key('←', function () { | |
| // Check if we are on the first slide, if so, do not execute | |
| if (!$('.introSlide').is(":visible")) { | |
| prevSlide(); | |
| buttonToggle(); | |
| }; | |
| }); | |
| $('#prevSlide').click(function() { | |
| // Check if we are on the first slide, if so, do not execute |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Het is niet zo simpel uit te leggen. Misschien moet ik daar maar eens een artikel over schrijven want ik krijg af en toe wel vragen over deze conflicterende mening. | |
| Ik heb dat artikel geschreven toen responsive nog nieuw was voor mij en ik er minder over wist dan nu. Ik zag veel responsive websites die ontieglijk traag inlaadden en vond het dus een redelijk onzinnige practice. Dit werd goed bevestigd door het artikel dat aangehaald wordt ( http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one ), daarom had ik deze post geschreven. | |
| Wat heeft me dan van mening doen veranderen? Responsive is in principe meer in de filosofie van het web. Het heeft de "cool URIs stay the same" van Tim Berners Lee filosofie: alle URLs zijn hetzelfde (geen m. etc). Dit is belangrijk bij sharen van links tussen verschillende devices: het is belangrijk dat er geen onderscheid is. | |
| We groeien naar een wereld toe waar je overal Wifi speed internet hebt. Responsive websites zijn in die zin heel toekomstgericht. | |
| Er zi |
OlderNewer