<!DOCTYPE html>
<html lang="de" class="no-js">
    <head>
        <meta charset="utf-8">
        <title>designfrei.trilodge.de</title>
        <meta name="viewport" content="width=device-width, maximum-scale=1.2, user-scalable=1, initial-scale=1">
        <meta name="keywords" content="trilodge.de, webentwicklung, frontend, css, design, geek, html, webworker">      
        <meta name="description" content="designfrei.trilodge.de - Made with ♥ & kirby on a mac.">       
        <meta name="robots" content="index,follow,noarchive">     
		<link rel="alternate" type="application/rss+xml" href="http://designfrei.trilodge.de/blog/feed" title="Blog Feed">
		        
        <link rel="stylesheet" href="http://designfrei.trilodge.de/assets/css/core.css" />
  		<link rel="stylesheet" href="http://designfrei.trilodge.de/assets/css/respond.css" />

        <link href="http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,400italic,700" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,800,300" rel="stylesheet">

        <script src="http://designfrei.trilodge.de/assets/js/modernizr.custom.14937.js"></script>
        <script src="http://designfrei.trilodge.de/assets/js/jquery.js"></script>

    </head>
    <!--[if IE 7 ]>    <body class="ie ie7"> <![endif]-->
    <!--[if IE 8 ]>    <body class="ie ie8"> <![endif]-->
    <!--[if IE 9 ]>    <body  class="ie ie9"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <body class="modern"> <!--<![endif]-->


<div id="Wrapper">
    <header>
        <div>
        	<h1><a href="http://designfrei.trilodge.de/">designfrei.trilodge.de</a></h1>
        	
        	<ul>
        		<li><a href="http://designfrei.trilodge.de/blog/feed" class="feedme" data-icon="&#xE73A;" rel="alternate" title="RSS FEED abonnieren">RSS</a></li>
        	</ul>
        </div>
    </header>
<article><h1> <a href="http://designfrei.trilodge.de/blog/instagram-is">Instagram <span>is</span></a></h1><p>Es soll ja noch Leute geben, die dieses wundervolle App namens Instagram noch nicht auf ihrem Smartphone oder iPhone oder ähnlichem installiert haben. Schade eigentlich.<br> <a href="http://designfrei.trilodge.de/blog/instagram-is">weiterlesen →</a></p></article><article><h1> <a href="http://designfrei.trilodge.de/blog/versal-eszett">Versal-Eszett</a></h1><p>Neulich bin ich eher zufällig über dieses Zeichen und ein kleines Problem mit eben diesem gestolpert. Das scharfe S oder auch ß als Kleinbuchstabe hat nämlich eigentlich einen großen Bruder - das Versal-Eszett.<br> <a href="http://designfrei.trilodge.de/blog/versal-eszett">weiterlesen →</a></p></article><article><h1> <a href="http://designfrei.trilodge.de/blog/modernizr-optimization">Modernizr <span>trifft</span> LocalStorage</a></h1><p>Modernizr ist ein Tool zur Feature-Erkennung in Browsern. Das sollte eigentlich sehr viel Zeit in Anspruch nehmen. Lässt sich das Ganze also noch beschleunigen?<br> <a href="http://designfrei.trilodge.de/blog/modernizr-optimization">weiterlesen →</a></p></article><article><h1> <a href="http://designfrei.trilodge.de/blog/min-width">Min-Width</a></h1><p>Eine Mindestbreite eines Elements mit „min-width“ festlegen mittels CSS, so weit so unspannend, wenn man mal die Dinosaurier unter den Browsern wie Internet Explorer 6 o.ä. außer Acht lässt. Es handelt sich genauso wenig um irgendeine schicke CSS3-Geschichte, dennoch hatte ich einen „Aha-Moment“.<br> <a href="http://designfrei.trilodge.de/blog/min-width">weiterlesen →</a></p></article><article><h1> <a href="http://designfrei.trilodge.de/blog/kirby-theme"><span>Ein</span> Kirby-Theme <span>erstellen</span></a></h1><p>Eigentlich wollten wir für <i>designfrei</i> ein fertiges Theme nutzen, um schnell an den Start gehen zu können. Eigentlich.<br> <a href="http://designfrei.trilodge.de/blog/kirby-theme">weiterlesen →</a></p></article><article><h1> <a href="http://designfrei.trilodge.de/blog/responsive">Touch <span>by</span> Touch</a></h1><p>Proportional zu der Zahl der Geräte auf denen man testet, verhält sich auch die Zahl der "netten Unterschiede", die währenddessen auffallen. Obwohl das Design hier ja eher minimal ist, haben wir so einiges gelernt dabei. Das möchten wir niemandem vorenthalten.<br> <a href="http://designfrei.trilodge.de/blog/responsive">weiterlesen →</a></p></article><article><h1> <a href="http://designfrei.trilodge.de/blog/kirbyinstall">Kirby installieren <br><span>- wie gehts?</span></a></h1><p>Ganz ehrlich, bei Kirby kann ich nicht wirklich von einer Installation sprechen. Es ist ein dateibasiertes CMS, kommt also ohne Datenbank aus. Eigentlich schon totgesagt überzeugen solche Systeme mit ihrer Einfachheit. Und Kirby macht das mit Bravour.<br> <a href="http://designfrei.trilodge.de/blog/kirbyinstall">weiterlesen →</a></p></article><article><h1> <a href="http://designfrei.trilodge.de/blog/designfrei">Designfrei</a></h1><p>Es wird Zeit, dass sich hier wieder etwas dreht. Lang genug ist es still gewesen um trilodge.de als Webseite. Wir nehmen es uns schon so lange vor etwas Neues zu machen, aber wie so oft fehlte es an Zeit oder sogar an Motivation. Leider. Das ändert sich jetzt!<br> <a href="http://designfrei.trilodge.de/blog/designfrei">weiterlesen →</a></p></article>


        </div>
        <footer class="info">
            <div class="content">
                <section class="about">
                    <h3>Fabian Tempel</h3>
                    <p><img src="/assets/images/author2.jpg" alt="Fabian Tempel">Senior frontend developer & geek living in berlin, 
                        passionate about good design and clean markup. Petrolhead when it comes to cars.</p>
                    <p><a href="https://twitter.com/trilodge" class="twitter-follow-button" data-show-count="false" data-lang="de">@trilodge folgen</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
                </section>
                <section class="about">
                    <h3>Martin Waldau</h3>
                    <p><img src="/assets/images/author1.jpg" alt="Martin Waldau">web developer, biker, networker, listener, petrolhead, gamer, creator, 
                        user, friend, web evangelist and always ready for some mischief...</p>
                    <p><a href="https://twitter.com/skyfyre" class="twitter-follow-button" data-show-count="false" data-lang="de">@skyfyre folgen</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
                </section>
                
                <p>Made with &hearts; &amp; kirby on a mac - <a href="http://designfrei.trilodge.de/about">Impressum</a>- &copy; 2013 trilodge.de</p>
            </div>
        </footer>
        <script type="text/javascript">
		
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-3210946-3']);
		  _gaq.push(['_setDomainName', 'trilodge.de']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		
		</script>
	</body>

</html>