Tracebacks erstellen mit Squish

Wer schon eine Weile mit Squish und dessen Logging arbeitet, hat sicher schon bemerkt, dass es ein wenig irreführend sein kann und man einige Zeit benötigt, um den Grund eines Fehlers zu finden.

Separate Inits in einer Squish Test Suite

Wie bereits in meinem letzten Squish-Beitrag erwähnt, separiere ich meine Initialisierung. Alle allgemeinen Imports sowie Überladungen und Extensions werden dort aufgerufen und ausgeführt. Dort werden auch die Core-Klassen importiert und initialisiert.

Aufbau einer Testautomation mit Squish

Wie in der Software-Entwicklung sollte man sich auch bei der Implementierung einer Testautomation Gedanken über den Aufbau machen. Eine Automation kann je nach Größe und Funktion der zu testenden Software (AUT) schnell wachsen.

Testautomation mit Squish

Die Qualitätssicherung ist mittlerweile ein wichtiger Abschnitt im Lebenszyklus einer Software. Doch sind Programme oft historisch gewachsen und bieten Unmengen an Funktionen und einstellbaren Parametern an. Eine Prüfung der gesamtes Software ist gar nicht möglich.

Div Container zentrieren

#wrapper {
    width: 1000px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -500px; /* width / 2 */
}

Background Image an Auflösung anpassen

html {
    background: url(img/bg.jpg) no-repeat center center fixed;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg.jpg', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg.jpg', sizingMethod='scale');
}

Reset CSS

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, 
command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, 
header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, 
section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0; 
    border: 0;
    outline: 0;
    vertical-align: top;
}
ol, ul {
    list-style: none; 
}
blockquote, q {
    quotes: none; 
}
table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}
img { 
    vertical-align: top; 
}
embed {
    vertical-align: top;
}
* { 
    border: none; 
}

Abgerundete Ecke in allen Browsern

.rounded { 
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
}

Grid in Raphael erstellen

var r = new Raphael("raph", WIDTH, HEIGHT);
function grid(cs) {
    var i = 0;
    // cs - Größe der Gridbereiche
    for (var y = 0; y < HEIGHT; y += cs) {
        for (var x = 0; x < WIDTH; x += cs) {
            r.rect(x, y, cs, cs).attr("stroke", "#444444").attr("stroke-width", 1);
            i++;
        }
    }
}

grid(10);

Rotation von Objektsets in Raphael

Oft werden in Raphael erzeugte Objekte in sogenannte Sets verpackt. Diese dienen der Gruppierung von Elementen.

WordPress Plugin für besseres Online Editieren

Ich möchte euch heute ein Plugin an Herz legen, welches ich, mit meiner auf WordPress basierenden Seite, verwende. Es heißt Advanced Code Editor und ersetzt den Standard Texteditor von WordPress.

Jquery $(document).ready

$(document).ready(function() {
  $("pre.html").snippet("html");
  $("pre.css").snippet("css");
  $("pre.js").snippet("javascript");
});

HTML5 Grundgerüst

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <title>HTML5 Layout</title>
    <link rel="stylesheet" href="main.css" type="text/css" />
  </head>
  <body>
    ...
  </body>
</html>

Lindmaps

Lindmaps

Entwicklung ▪ Design ▪ Support ▪ Anpassungen

MSV Beinhart Klink

MSV Beinhart Klink

Installation ▪ Templates ▪ Widgets ▪ Support ▪ Anpassungen

Wasser für Agnam

Wasser für Agnam

Installation ▪ Design ▪ Widgets ▪ Support ▪ Anpassungen

Wer floatet so spät durch img und div

Die Eigenschaft float führt gerade bei HTML / CSS Neulingen öfter mal zur Verwirrung. Was passiert bei dessen Verwendung?

Raphael Grundlagen

Heute geht es um die Javascript Library Raphael. Wie schon am Color Picker auf meiner Seite zu erkennen ist, handelt es sich hierbei um ein mächtiges Werkzeug zur Zeichnung und Animation. Es bietet den Vorteil einer Schnittstellenbeschreibung und ist abwärts-kompatibel.


Impressum | Design v0.9 - Copyright © 2013 - All rights reserved.