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
<select name="topics-select" id="topics-select" class="bb-styled"> | |
<option selected>Themen</option> | |
<option>Thema 1</option> | |
<option>Thema 2</option> | |
</select> |
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
// !--- Caching | |
$(selector).each(function( index ) { | |
var $el = $(this); | |
// 2-3 DOM-Manipulationen an dem Element | |
// mit Benutzung von $el, z.B. $el.width() | |
}); | |
// !--- kein Caching | |
$(selector).each(function( index ) { | |
// 2-3 DOM-Manipulationen an dem Element |
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
div { | |
width: 200px; | |
height: 100px; | |
margin: 30px auto; | |
} | |
#doubleBorder { | |
border-style: double; | |
} | |
#insetBorder { | |
border-style: inset; |
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
#myDualColorBorder { | |
border-top: 5px solid #eaeaea; | |
position: relative; | |
} | |
#myDualColorBorder:before { | |
position: absolute; | |
top: -5px; | |
display: block; | |
content: ''; | |
border-top: 5px solid #ffd300; |
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
#myEmbossedElement { | |
background-color: #eee; | |
border: 2px solid #eee; | |
border-radius: 5px; | |
box-shadow: inset 1px 1px 5px 1px #ddd; | |
} |
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
#myDoubleShadowBorder { | |
border: 2px solid green; | |
box-shadow: inset 0px 0px 0px 2px red; | |
} |
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
#myDoubleborder { | |
border: 2px solid green; | |
outline: 2px solid red; | |
} |
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
/* Don't use... */ | |
body { | |
margin: 0px; | |
} | |
h1 { | |
padding: 0px; | |
} | |
/* ...instead use it without measurement units */ | |
body { |
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
var evt = document.createEvent('Event'); | |
evt.initEvent('bbEvent', true, true); | |
var customEventData = { | |
dataString: "Hello", | |
dataArray: ['W', 'o', 'r', 'l', 'd'] | |
} | |
evt.data = customEventData; | |
element.dispatchEvent(evt); |
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
package de.bennybennet.examples; | |
public class Example extends Parent { | |
String exampleVarPP = "I'm only visible for every class in this package."; | |
private String exampleVarPriv = "I'm only visible for this class"; | |
public Example() { | |
System.out.println("...entered the constructor"); | |
} | |