<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <title>Knuff.se - bloggportalen som gav dig en knuff i rätt riktning</title>

  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.js"></script>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-5336991-6"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'UA-5336991-6');
  </script>

  <script>
    $(document).ready(function () {

      // Lazy load images
      $('.image.lazyload').visibility({
        type: 'image',
        transition: 'zoom in',
        duration: 500
      });

      $(".knuffframsida a").click(function () {
        $(".modal.knuffframsida").modal('show');
      });

      $(".knuffapi a").click(function () {
        $(".modal.knuffapi").modal('show');
      });

      $(".knufftrend a").click(function () {
        $(".modal.knufftrend").modal('show');
      });

    });
  </script>

  <style type="text/css">
    body {
      background-color: #fff;
    }

    .main.container {
      margin: 2em 0 3em 0;
    }

    .text.container .left.floated.image {
      margin: 0 2em 2em 0;
    }

    .text.container .right.floated.image {
      margin: 0 0 1em 2em;
    }

    .footer {
      padding: 2em;
    }
  </style>

</head>

<body>

  <div class="ui main text container">
    <h1 class="ui header">Knuff.se
      <div class="sub header">
        Bloggportalen som gav dig en knuff i rätt riktning
      </div>
    </h1>

  </div>

  <div class="ui text container">

    <span class="knuffframsida">
      <a>
        <img class="ui right floated image bordered rounded lazyload" data-src="knuff.png">
      </a>
    </span>

    <p>Knuff.se öppnade sommaren 2005 och var en populär bloggportal som tog hjälp av tusentals svenska bloggar som blixtsnabba
      och outtröttliga redaktörer för att ta reda på vad som just nu var aktuellt i bloggosfären.</p>

    <p>Knuff erbjöd en vanlig genomsökning av svenska bloggars inlägg, men det intressanta var egentligen de avancerade automatiska
      analyserna som bland annat sammanställde vilka nyheter, blogginlägg, ord/fraser, böcker, trender, videoklipp, filmer/tv-serier
      samt wikipedia-artiklar som svenska bloggare valde att uppmärksamma. Knuff var under en lång tid ett oöverträffligt
      sätt att ta pulsen på och att hänga med i vad som hände i den svenska bloggosfären och sociala medier i allmänhet.
      Utöver vad som syntes när man besökte sajten så erbjöds även möjligheten att själv visa upp samma information gratis
      och i realtid på sin egen sajt genom att klistra in lite JavaScript. Detta var något som otroligt många svenska bloggare
      samt flera av Sveriges största mediesajter och e-handelssajter gjorde för att hålla nätdiskussionen öppen och vid liv.</p>

    <div class="ui raised segment">
      <p>
        <i>"Jag brukar också gå ut på knuff.se ibland och söka på mitt namn. Då får jag upp en massa bloggar så jag kan se alla
          elakheter som skrivs om mig. Det är ganska spännande."</i>
        <!-- http://karolinalassbo.blogspot.com/2005/10/bloggfrgor-till-gran-hgglund.html -->
      </p>
      <span class="ui teal ribbon label">Göran Hägglund, socialminister (2005)</span>
    </div>

    <p>
      Knuff.se var unik, banbrytande och en uppskattad sajt som bland annat hamnade på listor över Sveriges 100 bästa sajter flera
      år i rad. Knuff var mittpunkten i ett nätverk av bloggportaler då data och metadata från Knuff användes för att möjliggöra
      andra specialiserade bloggportaler som t.ex.
      <a href="http://bloggar.se">bloggar.se</a> samt
      <a href="http://bloggkartan.se">bloggkartan.se</a>. Information från
      <a href="http://nyligen.se">nyligen.se</a> gjorde det möjligt för Knuff att hämta blogginlägg sekunder efter att de hade publicerats på en svensk
      blogg.
    </p>

    <div class="ui three column grid stackable">
      <div class="column">

        <div class="ui fluid image bordered knuffframsida">
          <a class="ui blue ribbon label">
            <i class="photo icon"></i> Bloggosfärens framsida
          </a>
          <a>
            <img src="knuffkluster.gif">
          </a>
        </div>

        <div class="ui modal knuffframsida">
          <div class="header">Den svenska bloggosfärens framsida</div>

          <div class="image content">
            <div class="ui image">
              <img src="knuff.png">
            </div>
            <div class="description">
              <p>På framsidan av knuff.se gick det snabbt att få en överblick över vad svenska bloggare ansåg vara mest aktuellt
                just då.</p>
            </div>
          </div>

          <div class="image content">
            <div class="ui image">
              <img src="knuffkluster.gif">
            </div>
            <div class="description">
              <p>Exempel på ett knuffkluster - en populär nyhet samt relaterade blogginlägg, nyheter och nyckelord.</p>
            </div>
          </div>
        </div>


      </div>
      <div class="column">

        <div class="ui fluid image bordered knuffapi">
          <a class="ui blue ribbon label">
            <i class="photo icon"></i> API / widgets
          </a>
          <a>
            <img src="knuffapi1.gif">
          </a>
        </div>

        <div class="ui modal knuffapi">
          <div class="header">API / widgets</div>
          <div class="scrolling content">


            <h2 class="ui dividing header">Knuffs bloggwidget</h2>
            <div class="image">
              <div class="ui image">
                <img src="knuffapi2.gif">
              </div>
              <div class="description">
                <p>Genom att klistra in en liten snutt javascript så erbjöds svenska bloggare enkelt möjligheten att bland annat länka tillbaka till andra bloggar som länkade dem. Bloggwidgeten gick även att konfigurera att visa upp bland annat plats från <a href="http://bloggkartan.se" target="_blank">bloggkartan.se</a>, ev. plats på bloggtopplistor, andra bloggar som ofta länkades, aktuella böcker, ord, ämnen, videoklipp samt blogginlägg. 

              </div>
            </div>

            <h2 class="ui dividing header">Knuffs länkwidgets</h2>
            <div class="image">
              <div class="ui image">
                <img src="knuffapi1.gif">
              </div>
              <div class="description">
                <p></p>
              </div>
            </div>

            <div class="image">
              <div class="ui image">
                <img src="knuffapi3.gif">
              </div>
              <div class="description">
                <p></p>
              </div>
            </div>

            <h2 class="ui dividing header">XML/RSS-flöden</h2>

            Knuff.se erbjöd en stor mängd information i s.k. flöden (XML-dialekten
            <a href="https://cyber.harvard.edu/rss/rss.html"
              target="_blank">RSS 2.0</a>) som gick att prenumerera på.

            <div class="ui list">
              <div class="item">
                <div class="header">http://knuff.se/rss/url/mindomaen.se</div>
                Länkar till en webbadress. Visar alla länkar knuff.se känner till (ingen tidsbegränsning) men enbart för en exakt adress.
                Exempel: mindomaen.se.
              </div>
              <div class="item">
                <div class="header">http://knuff.se/rss/q/%E4pplen</div>
                Blogginlägg som skriver om något speciellt. En sökning på knuff.se. Exempel: äpplen.
              </div>
              <div class="item">
                <div class="header">http://knuff.se/rss/sammanfattning</div>
                Sammanfattning av gårdagen i bloggosfären.
              </div>
              <div class="item">
                <div class="header">http://knuff.se/rss/nyheter</div>
                Aktuella nyheter på traditionella mediasajter.
              </div>
              <div class="item">
                <div class="header">http://knuff.se/rss/inlaegg</div>
                Aktuella blogginlägg enligt andra bloggar.
              </div>
              <div class="item">
                <div class="header">http://bloggar.se/rss/om/bananer</div>
                Blogginlägg som använder en speciell etikett. En sökning på bloggar.se. Exempel: bananer.
              </div>

            </div>


          </div>
        </div>

      </div>
      <div class="column">

        <div class="ui fluid image bordered knufftrend">
          <a class="ui blue ribbon label">
            <i class="photo icon"></i> Analyser och trender
          </a>
          <a>
            <img src="knufftrend.png">
          </a>
        </div>

        <div class="ui modal knufftrend">
          <div class="header">Analyser och trender på svenska bloggar</div>
          <div class="scrolling content">



            <h2 class="ui dividing header">Trendgrafer</h2>
            <p>Vem som helst kunde göra jämförande trendgrafer utifrån valfria sökningar på knuff.se.</p>
            <div class="image">
              <div class="ui image">
                <img src="knufftrend.png">
              </div>
            </div>
            <p>
              Exempel på statistik över sex veckors blogginlägg om Burma, (Alex) Schulman och Kanelbullens dag från oktober 2007. Exemplet
              avsåg att ge perspektiv på hur mycket
              <a href="https://sv.wikipedia.org/wiki/Protesterna_i_Burma_2007" target="_blank">protesterna i Burma</a> uppmärksammades på svenska bloggar jämfört med trevligare saker som Kanelbullens dag.
            </p>



            <h2 class="ui dividing header">Populära ord och fraser</h2>
            <p>Knuff.se genomförde sedan augusti 2005 flera gånger om dagen en avancerad analys av vilka ord svenska bloggare
              valde att skriva på sina egna bloggar. Vid varje analys togs det hänsyn till över 100 000 av de senast skrivna
              orden i den svenska bloggosfären.</p>
            </p>

            <p>Exempel på en alternativ visualisering av populära ord från mars 2006.</p>
            <div class="image">
              <div class="ui image">
                <img src="knufford.jpg">
              </div>
            </div>



            <h2 class="ui dividing header">En karta över bloggosfären</h2>
            <p>Exempel på en karta från oktober 2006 över de tusen bloggar som totalt var mest länkade under det senaste halvåret
              och hur de genom länkar kunde antas höra ihop på något sätt.
            </p>

            <p>
              Ju längre från centrum en blogg är ju mer specialiserad mot en viss smak eller inriktning är den. Ju närmare en blogg är
              mitten ju mer länkar den till eller får länkar ifrån en stor del olika sorters bloggar. Bloggar som ofta länkar
              till varandra hamnar samlade i kluster.
            </p>

            <div class="image">
              <div class="ui image">
                <img src="knuffkarta.gif">
              </div>
              <div class="description">
                <p></p>
              </div>
            </div>

            <p>För att belysa några exempel så är vissa områden i grafen färgade.
              <ul>
                <li>Rött - hubbar. Boggar som skriver om många olika saker samt ger och får många länkar från många olika sorters
                  bloggar.
                </li>
                <li> Svart - politiska hubbar. Politiska bloggar som får och ger många länkar till olika bloggar (blocköverskridande).
                  De flesta vanliga politiska bloggarna ligger minst ett steg utåt i löklagren.</li>
                <li> Rosa - mode- och nöjesbloggar. Nästan hela högerkanten består av dessa.
                </li>
                <li>Ljusgrönt - kändisar. Två extrema exempel: Linda Skugge som är mer inblandad i bloggosfären (befinner sig
                  mer i mitten) samt Margot Wallström som enbart verkar tilltala ett fåtal politiska bloggar (uppe till vänster).
                </li>
                <li>Olivgrönt - matbloggar. Ett exempel på en av många sub-bloggosfärer bestående av ett gäng liknande bloggar.</li>
              </ul>
            </p>
          </div>
        </div>

      </div>
    </div>

    <p>
      Jag som byggde allt heter
      <a href="https://www.linkedin.com/in/jhnlrssn">Johan Larsson</a>. Jag gjorde det för att jag såg den roliga utmaningen i att analysera den stora öppna mängden data
      och för att det gav mig en praktisk anledning till att lära mig mer om många olika teknologier. Grunden var open-source
      i formen av
      <a href="https://en.wikipedia.org/wiki/LAMP_(software_bundle)">LAMP (Linux, Apache, MySQL, PHP)</a> som jag sedan använde för att bygga egna unika lösningar för att effektivt analysera
      gigabyte av data med mycket små resurser. När knuff.se var som mest populär hanterades otroliga mängder förfrågningar
      samt analyser enbart av som mest två enkla servrar med en egen cachningsarkitektur som jämkade effektivitet med omedelbarhet.
      Jag hade otroligt kul under utvecklingen och det gav mig många erfarenheter som jag har haft stor nytta av sedan dess.
    </p>

    <p>
      I maj 2018, nästan 13 år efter sajten släpptes, så valde jag att låta den somna in. Det alltjämt minskande analysunderlaget,
      behovet av teknisk modernisering samt bland annat oklarheter kring den nya dataskyddsförordningen GDPR gjorde det svåra
      beslutet oundvikligt. Det går helt enkelt inte att motivera den tid och insats som jag skulle behöva lägga ner på att
      försöka återskapa något som egentligen inte längre finns. När knuff.se ursprungligen byggdes så var en stor del av
      sociala medier koncentrerat till bloggar, nu för tiden så finns det en otrolig mängd olika plattformar och det är näst
      intill omöjligt att få en någorlunda rättvisande helhetsbild på samma sätt som det gick då.
    </p>

  </div>

  <div class="footer"></div>

</body>

</html>