bennybennet

<select name="topics-select" id="topics-select" class="bb-styled">
  <option selected>Themen</option>
  <option>Thema 1</option>
  <option>Thema 2</option>
</select>

bennybennet

// !--- 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

bennybennet

div {
  width: 200px;
  height: 100px;
  margin: 30px auto;
}
#doubleBorder {
  border-style: double;
}
#insetBorder {
  border-style: inset;

bennybennet

#myDualColorBorder {
  border-top: 5px solid #eaeaea;
  position: relative;
}
  #myDualColorBorder:before { 
    position: absolute; 
    top: -5px; 
    display: block; 
    content: ''; 
    border-top: 5px solid #ffd300; 

bennybennet

#myEmbossedElement {
  background-color: #eee;
  border: 2px solid #eee;
  border-radius: 5px;
  box-shadow: inset 1px 1px 5px 1px #ddd;
}

bennybennet

#myDoubleShadowBorder {
  border: 2px solid green;
  box-shadow: inset 0px 0px 0px 2px red;
}

bennybennet

#myDoubleborder {
  border: 2px solid green;
  outline: 2px solid red;
}

bennybennet

/* Don't use... */
body {
  margin: 0px;
}
h1 {
  padding: 0px;
}

/* ...instead use it without measurement units */
body {

bennybennet

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

bennybennet

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