Raspberry Pi Initialization

comments Comments Off on Raspberry Pi Initialization
By , October 18, 2012 20:21

Today I received 2 Raspberry Pi boards from watterott.com – Thanx for the fast delivery!

Specs: www.watterott.com/de/Raspberry-Pi-Model-B

During installation and configuration some bugs appeared, so here are some notes to get around:

I used this debian wheezy image: www.raspberrypi.org/downloads

and followed the linux console install guide elinux.org/RPi_Easy_SD_Card_Setup

At first various problems occurred: locale- and keyboard- config did not work in raspi-config, apt-get dist-upgrade failed to install libgcc1, …

so I changed the dd command to blocksize 1MB and re-installed the SD-card:

dd bs=1M if=~/2012-09-18-wheezy-raspbian.img of=/dev/sdX

Those problems did not disappeared, instead:

  • HDMI to DVI-D(igital) adapter works instantly
  • USB-keyboard and mouse work instantly
  • 1000mAH 5V adapter is strong enough to power the board with keyboard LAN and DVI connected
  • apt-get dist-upgrade works
  • locale- and keyboard- config works in raspi-config
  • LXDE desktop works
  • network and ssh-daemon up and running

Installation of some basic tools:

apt-get install mc screen rcconf tmux

Moving on to some multimedia stuff, I found alsa and sound- modules correctly installed, so I added:

apt-get install mplayer vlc

work in progress…

Raspberry Pi setup

Raspberry Pi setup

#Nerdsportarten Hello World Championship Twitter Battle

comments Comments Off on #Nerdsportarten Hello World Championship Twitter Battle
By , October 2, 2012 14:43

Quelle: twitter 30.09.2012

Gerätetunen
Rennraidfahren
fooball
Unboxen
Googlestoßen
Weitpingen
Hochpingen
Sportphishen
Shitstormgliding
Binary Treeathlon
Rugby on Rails
</body>building
TrollWeitwurf
RESTling
Coderace
Diskauswerfen
iPadln
1010-Kampf
Returnen
Jailbreakdance
401-Meter-Lauf
VirtualBoxen
BiathLan
Eis-shell-laufen
Graphendurchlauf
Routern
Asynchronschwimmen
turingen
Foursquaredancing
Geometriathlon
exceptions werfen
Klickboxen
Microsoftball
Erlanglauf
Exceptionfangen
Trollschuhlaufen
Bloggspringen
pluginlineskaten
mspaint-Ball
Downloadhill
Firefoxjagd
Blobfahren
Webdesign-Dreikampf (HTML, CSS, JavaScript)
Base64ball
Mausradfahren
Bedingter Weitsprung
BASHminton
NANDball
fstabhochsprung
iptable-Tennis
Try-Catching
Bridge
Rantball
BiathLan
Flipboardjumping
Webdesign-Dreikampf (HTML, CSS, JavaScript)
cURLing
Peerleading
Rackturnen
Turnierraiden
WANdern
algorithmische sportgymnastik
Base64ball
Surfen
Sudo
Kung Foo
Tastaturnen
Keyboarden
Dropboxen
Turmstreamen
Leechvolleyball
404 (verstecken spielen)
Waitsprung
bool
goto tanzen
go
Mountenbiken
Downloadhill
Mailfiltering
Nacktscanning
Try-Catching
inlinecodeskaten
Biatron
Bitminton
Botminton

Und alle finden statt bei der Hello World Championship

Arduino + Touchscreen!

comments Comments Off on Arduino + Touchscreen!
By , June 27, 2012 19:41

The arduino touchscreen shield by watterott.com :: URL? is great fun. TKilla built:

  • MIDI Controller for VJing and Audio-Studio
  • PONGuino-touch – 2 player touchscreen game
  • PC remote control with mouse- and keyboard- econtrol, VLC mediaplayer control,…
  • various tests/demos

Infos, Code, Videos & more pictures coming soon

Tool of the week: k4dirstat

comments Comments Off on Tool of the week: k4dirstat
By , December 10, 2011 04:01

HeyHo, the disc is full, the disc is full…, but i found a great help:

KDirStat – Directory statistics.

Shows where all your disk space has gone
and helps you clean it up
.”

Installation in Debian and Ubuntu:

$  apt-get install k4dirstat

I think the screenshot says it all:

Every cube in the tree-map illustration represents a file or a directory. By their size its instantly visible where all the space is used up. You can click the big blocks to get a direct link to the file in the tree.

Analyse zu Facebooks Datenbestand ÜBER DICH

comments Comments Off on Analyse zu Facebooks Datenbestand ÜBER DICH
By , October 29, 2011 00:34

highly interesting website on facebooks data collection  (en/de)

Analyse zu Facebooks Datenbestand ÜBER DICH

Hintergrund. Jede Person in der EU hat das Recht eine Kopie von allen Daten, die ein Unternehmen über die Person speichert, zu bekommen. Wie das geht findest du unter “Daten verlangen!”. Nachdem wir die ersten Antworten auf unsere Auskunftsersuchen angesehen haben, war klar: Das muss veröffentlicht werden. Wir wollen mit dieser Aktion Facebook transparenter machen und Usern eine Vorstellung von den Daten geben, die Facebook von uns speichert.

0zapftis – CCC releases analysis of Bundestrojaner national spy software

comments Comments Off on 0zapftis – CCC releases analysis of Bundestrojaner national spy software
By , October 9, 2011 00:38

The Chaos Computer Club received a binary.exe of the “Bundestrojan” spyware. That software is used by German officials to to spy on people’s computers and it uses the same tricks as trojan viruses to run keyloggers, control users, data and skype. .

CCC  reverse engineered the windows software and found many critical bugs and very bad code. The trojan opens infected systems to everybody, because the encryption implementation is broken. CCC even invented a demo frontend! 😀

Now they publish all details and german news will release parts of the malware code tomorrow!!!1!! Read multipage FAZ article tomorrow print and online!!

Fefe informs and  links to the CCC press release:

Chaos Computer Club analysiert Staatstrojaner

FAZ article

Its expected, that the officials press the selfdestruction button very soon hahahaa

😀 *party* 😀


Facebook Privacy Policy

comments Comments Off on Facebook Privacy Policy
By , September 3, 2011 01:23

Facebook complains about heise.de code to protect privacy by a two click-step confirmation , before heise even published the news and the code!

The prob is, that each Facebook button sends user tracking data to Facebook, just by visiting the site, without clicking any ‘like’/’share’… button. Heise implemented a system, which requests a click-confirmation before sending any userdata to Facebook/twitter/../../../.

We have been waiting for this code since a long time and implemented it in a similar way on our own sites so we are very happy about heise.de fighting for our rights once again!

This story reveals the true intentions of FB once again: they veeery keen on tracking the complete surf history of $any web-user: they know $every page you visit!1!

A very simple profile of a web user is worth min. >10€ on the ad-market – for sure much more if you can deliver tracking data like that..

References:

http://heise.de/-1230906

http://heise.de/-1333879

http://heise.de/-1335658

Create favicon.ico on Linux in 2 links

comments Comments Off on Create favicon.ico on Linux in 2 links
By , August 14, 2011 19:24

1. Tutorial Image editing:

U can create the image as .png with the Gimp Software, here the tutorial:

http://egressive.com/tutorial/creating-a-multi-resolution-favicon-including-transparency-with-the-gimp

Drupal interface did not like the.ico format directly saved from GImp, did not appear so I have saved a .png in Gimp and converted …


2. Post Image converting:

Post about converting .png to .ico with the Terminal on Linux:

http://steve.kargs.net/hosting/create-a-website-faviconico-with-ubuntu-linux/

Designers: Dont Panic !

If the lines of code make bleed your eyes, but you still want to work with Open Source Software … work with Linux developer or

get Ubuntu Studio optimized for Graphic Design, then all the tools are already include into your Operative System.

In the case you have all the tools:

you ´ll need to go into the directory where you have the png

$ cd Documents/design/logo/

and use just the last line from the article

$ icotool -o favicon.ico -c favicon.png

:first-letter pseudo-element for drop cap

comments Comments Off on :first-letter pseudo-element for drop cap
By , July 19, 2011 17:03

If you want the  first-letter  of a <p>aragraph to look like Drop Cap (old fashion newspaper style), with a bigger letter floated to the left every browser shows up something different.

The main problem is to align in vertical the letter to the top of the text,the property vertical-align apply on the first-letter pseudo-element only if the float is set to none, that is a waste, the target I want to reach is big Letter with text around.  if I dont float the results, it shows a line break after the first line high like the height of the first letter.

Mozilla Firefox is the only one understanding a margin or padding from the top, so thumb up for this browser.

The developer tools presented in other browsers than Firefox dont allow me to edit the CSS in live, in order  to see faster which solution I can take.  for the other browsers I used the edit & try option of http://www.w3schools.com

IE6

This pretty article http://www.satzansatz.de/cssd/pseudocss.html discusses the classic IE behavior for typo and spacing errors,  IE6 requires an empty space between the class/id name and the comma and a space between the class/id  and the {} to read the properties

SOLUTIONS: Lets fight the Browser compatibility

  1. Using spans: create a span around the first letter is the mostly compatible solution, frequently used in the past, but does not work for dynamic created content, at least it does not without a script that add the span automagically
  2. insert line height and work on margin-bottom!
  3. Use a specified font for the first letter , where the uppercases are positioned into the font editor 4 pixel down to the bottom line (simply crazy for mostly common low payed jobs!)

thanks to this article (http://www.users.globalnet.co.uk/~arcus/html/dropcaps.html) I noticed that the margin bottom on the contrary of the margin-top it works in many browser!

Important is also the line height which forces the browser to think about the first letter like if was height like the text.

the results are still really different for each browser, that terrifies me and the letter  is frequently higher than the line. but acceptable.

HERE THE CODE:
/*TODO check IE6*/

p:first-child:first-letter{
float:left; /* Make the text flow around the letter */

font-size:3em;
margin:4px 4px 0px 0px;/*for firefox that is the only one reading the margin-top*/
margin-bottom:-0.25em;/*for the other browsers, Chrome, Opera*/
line-height:0.97em; /*Adjustment mainly for IE , help position the letter on the same height then the text,  that has 0.97em line-height/
}

Centering a div in Vertical

comments Comments Off on Centering a div in Vertical
By , May 24, 2011 16:57

Sprachkurier.de : the website is made from another crew, but the owner asked me to center the website vertically in the browser, and voila´

the idea is to give a vertical dimension of an empty div of 50% to get the middle of the height, and a margin bottom negative of the value of half of the height of the content DIV that need to be centered. That means that the content need a fixed height to be positioned.

here the code

——————————-
HTML
<div class=”floater”> </div>
<div id=”content”>
Content here
</div>

CSS
/* floater is required to center the content wrapper in vertical*/
.floater {
float:left;
height:50%;
min-height:120px;
margin-bottom:-400px;
border:1px solid transparent;
}
#content {/*main wrapper centered thanks to the 2 properties clear and position*/
clear:both;
position:relative;

height: 800px
}
———————————
The content is vertically center using this simple method, that I found in this  CSS blog ; but also if was declared as cross browser method,  the result was not working so well: with Firefox that was sometimes not rendering the floater as emptx div so that the content was jumping around, I  implemented the code adding an “invisible” border without background color to don´t let jump the div  and a min-height to preserve visibility on different screen size.

To make the border invisible I did not specified the color, or the color could be the same of the background.

NOW is a bit more cross browser 😉

If you work on small monitors and you are unsure if is working because the website is anyway higher then the browser, is enough to use CTRL –  to make the website proportions smaller.

Valid XHTML 1.0 Strict

Those are the regular cross browser tests we make : Internet exploder 6, 8, 9; Safari, Chrome, Opera, Firefox

on linux, mac and pc.

Monitors dimensions: 1920×1080, 1280×800, 4:3 and 16:9, netbook and Sony Ericson mobile Walkman and Android mobile phone
Nevertheless after we used our machines we let run some test on this web utility http://browsershots.org/

———————————————————————————————————

WordPress Open Source Blog System
SynOptX Lab Theme