because ideas can change reality!

Are you curious to know who we are, what we do or even how we look(ed) like?
suter & partner is a young and (still) small company from Switzerland.

You'll find some short answers viewing our su-papp on Windows Phone Store » 

always ...

...with a smile for web and mobile

date of release 14.03.14

Update: We have developed an app with 81 Sicilian gestures! See the note at the end of this post.

In Sicily gestures are used as an additional language for a long time. Sicilians are able to communicate without words! They're talking with hand signs, sometimes in combination with other parts of their body. Some examples:

"Duci duci!"

Italiano: Al bacio. Dolcissimo!
English: Sweet as a kiss.
Deutsch: Zum Küssen. Einfach süss!
繁中 (Chinese):  甜姐兒 !
More...

Today the suter  and partner blog is born

Fresh year, new hair!

Here we will present you our ongoing projects, joys and adventures :-)

Get our Video Greetings 2014 here.
If you are bored go to our web-business card and draw a little ...

Good luck and happy day!
The suter & partner team

    <style>

        #c {
            height: 150px;
            width: 150px;
            float: right;
        }

        #menu {
            display: inline-block;
            border: 1px inset #999;
            padding: 44px;
            cursor: pointer;
            box-shadow: 0 0 8px #aaa;
        }

            #menu:hover { border: 1px inset #333; }

            ul{ 
                list-style-type:none; 
                max-height: 400px; 
                overflow: hidden;
                overflow-y: auto;
                width: 50%;
                margin: 40px;
            }
            li{
                margin-left: 20px;
                line-height: 20px;
                padding: 5px;
            }
            .letter{
                margin-left: 0;
                font-weight: bold;
            }
    </style>

 <body>
    <div id="c">Color</div>

    <ul id="menu">
        Select Website
        <li class="letter">Random</li>
        <li>Zufall (8)</li>
        <li>Zufall (alle)</li>
        <li class="letter">A</li>
        <li>aagz.ethz.ch</li>
        <li>arolla.ethz.ch</li>
        <li>asmena.ethz.ch</li>
        <li class="letter">B</li>
        <li>baufak.ethz.ch</li>
        <li>bauing-diplomreise.ethz.ch</li>
        <li>bauoek-modell.ethz.ch</li>
        <li>bendit.ethz.ch</li>
</ul>

<script>
var c = document.getElementById('c');
var menu = document.getElementById('menu');
var options = menu.getElementsByTagName('li')

for (var i = 0; i < options.length; i++) {
    options[i].style.display = 'none';
    options[i].addEventListener('mouseenter', function () {
var aaa = this.getAttribute('data-url');
//if (this.querySelector('[data-url]')) {
    console.log(aaa);
//}
c.innerHTML = this.innerText;
    })
}

menu.addEventListener('click', function () {
    for (var i = 0; i < options.length; i++) {
options[i].style.display = options[i].style.display != 'none' ? 'none' : 'block';
    }
})
</script>