body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}

Via css-tricks.com

Tags: top-shadow, css,

Kategorie: webdesign

Auf dem iPad oder iPhone kommt es häufig bei Log-in-Feldern vor, das sich die Autovervollständigung oder Autokorrektur öffnet.

Mittels diesem kleinen Script und jQuery ist es möglich, die Attribute von Input-Feldern zu ändern. Damit wird die Autocompleter und Autocorrect Funktion ausgestellt.

 
var isiPad = navigator.userAgent.match(/iPad/i) != null;
var isiPhone = navigator.userAgent.match(/iPhone/i) != null;

if (isiPad == true || isiPhone == true){
			$("input").attr({
			  autocomplete: 'off',
			  autocorrect: 'off'
			});
		}

Kategorie: programmierung

Multiple Borders können mittels CSS und pseudo-elementen dargestellt werden.

Dem 1. Element wird ein einzelner border zugewiesen.
Der 2. border wird als pseudo-element hinzugefügt.
Der 3. wird mittels einem outline-element dargestellt.
Der 4. wird mittels box-shadow realisiert.

Diesen Tip gibt es von:
http://css-tricks.com/snippets/css/multiple-borders/
Demo:
http://jsfiddle.net/chriscoyier/Vm9aM/



Der 2. Tip ist von:
http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-multiple-borders-with-simple-css/

Hier wird mittels den pseudo-elementen :before bzw. :after der border angefügt.

	
	Multi-Borders
	
		body { background: #d2d1d0; }
		
		#box {
			background: #f4f4f4;
			border: 1px solid #bbbbbb;
			width: 200px;
			height: 200px;
			margin: 60px auto;
			position: relative;
		}
		
		#box:before {
			border: 1px solid white;
			content: '';
			width: 198px;
			height: 198px;
			position: absolute;
		}
		
		#box:after {
			content: '';
			position: absolute;
			width: 196px;
			height: 196px;
			border: 1px solid #bbbbbb;
			left: 1px; top: 1px;
		}
	



	

Tags: HTML, border, multiple, CSS,

Kategorie: webdesign

BINKBEATS Beats Unraveled #3: Without You by Lapalux

http://www.youtube.com/watch?v=ppE4XzWbIg8

Rheyne - Live Jam #83 (coffee table jam)

http://www.youtube.com/watch?v=FBmg8MFk_Rg

Nancy Sinatra - Bang Bang (Dubstep Remix)

http://www.youtube.com/watch?v=x8aTSXZPEHw

Recording John Smith - iTrack Studio

http://www.youtube.com/watch?feature=player_embedded&v=VJhDednq6qM

http://johnsmithjohnsmith.com/

Kategorie: music

Es gibt verschiedene Wege und Möglichkeiten ein Element in XAML zu animieren.

zb.: ein animiertes Label (lblTimer):

<Label Content="0" Height="28" Margin="446,22,0,0" Name="lblTimer" VerticalAlignment="Top" FontFamily="Cooper" Foreground="#FF3D903D" HorizontalContentAlignment="Right" >

<Label.Triggers>

<EventTrigger RoutedEvent="Label.Loaded">

<BeginStoryboard>

<Storyboard>

<DoubleAnimation Storyboard.TargetName="lblTimer" Storyboard.TargetProperty="Opacity" From="1.0" To="0.0" Duration="0:0:1" AutoReverse="True" RepeatBehavior="Forever" ></DoubleAnimation>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Label.Triggers>

</Label>

#xlzznt74-18895 - CSHARP - Sourcecode

Quelle c-SharpCorner - Tutorial von Ashish Shukla

Tags: C#, XAML, Animation,

Kategorie: programmierung

In WPF gibt es keinen Timer oder eine Timer Klasse.
Aber die DispatchTimer Klasse kann benutzt werden einen Timer zu erzeugen.

Als Erstes den Namspace angeben.

	using System.Windows.Threading;

Einen neuen Zeitgeber erzeugen und konfigurieren.

	//  DispatcherTimer setup
		dispatcherTimer = new System.Windows.Threading.DispatcherTimer();

	//Tick EventHandler
		dispatcherTimer.Tick += new EventHandler(dispatcherTimer_Tick);

	//Tick interval einstellen und Timer starten.
		dispatcherTimer.Interval = new TimeSpan(0,0,1);
		dispatcherTimer.Start();

Danach den TickHandler erstellen. Hierbei wird ein Label benutzt und diesem die aktuellen Sekunden übergeben.

	//  System.Windows.Threading.DispatcherTimer.Tick handler
	//
	//  Updates the current seconds display and calls
	//  InvalidateRequerySuggested on the CommandManager to force 
	//  the Command to raise the CanExecuteChanged event.
	private void dispatcherTimer_Tick(object sender, EventArgs e)
	{
	    // Updating the Label which displays the current second
	    lblSeconds.Content = DateTime.Now.Second;
	
	    // Forcing the CommandManager to raise the RequerySuggested event
	    CommandManager.InvalidateRequerySuggested();
	}

Eine andere Möglichkeit ist ein Label zu benutzen und in diesem einfach einen Counter hochzählen zu lassen.

	int a = 1;

	private void dispatcherTimer_Tick(object sender, EventArgs e)
	{
            //Get content from Label Timer and add 1
            lblTimer.Content = a;
            a = ++a;
            CommandManager.InvalidateRequerySuggested();
        }

link: http://msdn.microsoft.com/de-de/library/system.windows.threading.dispatchertimer.aspx

link: http://www.c-sharpcorner.com/uploadfile/mahesh/timer-in-wpf/

timer tick c# wpf

Tags: C# Timer, WPF

Kategorie: programmierung

PIXEL HEAVEN 2013 - Retro entertaiment days(& night)

Where and when:
JUNE 15-16, 2013
CDQ COOPERATIVE (CDQ)
BURAKOWSKA 12 STREET; 01-066 WARSZAWA (PL)

Sehenswert ist auf jeden Fall der von Hławka gemachte Trailer zur Veranstaltung:
http://vimeo.com/65767797

Das Making of gibts gleich mit dazu:
http://vimeo.com/65763564

VIA Synthtopia

Tags: 8Bit, Retro, 3d

Kategorie: