Tech Help Blog: web

Youtube startet Videos in 4.096 x 3.072 Pixeln

Der Player von Youtube unterstützt ab sofort Videos mit einer Auflösungen von 4.096 x 3.072 Pixel. Nachdem Youtube vor knapp einem Jahr mir ihrem HD Player gestartet ist,nimmt man nun neue Ziele in Visier. Dies wurde im Rahmen der VidCon-Tagung in Los Angeles bekanntgeben.

Ab sofort gibt es die ersten Videos in 4K Qualität (4.096 x 3.072 Pixel) .Ob diese Funktion aber überhaupt für den Normalen Youtube Nutzer sinnvoll ist wage ich noch zu bezweifeln. Da wohl kaum jemand ein end-gerät besitzt das dies Auflösung wider geben könnte. So liegen beispielsweise in großen Kinos wie z.B IMAX die Filme auch nur ein einer Auflösung von 2.048p x 1080p vor.

Aktuell gibt es bei Youtube 5 Videos in 4K Qualität ,diese wurden mit einer spezial Kamera gedreht .

Die 4K Auflösung kann man unter dem Eintrag "Original" auswählen. Youtube weist auch auf den extremen Leistungs-verbrauch hin, der durch das Abspielen entsteht. Ebenfalls wird man eine sehr schnelle Internet Verbindung benötigt um diese Videos ruckel frei abzuspielen.

Link

http://www.youtube.com/view_play_list?p=5BF9E09ECEC8F88F

Firefox 4 Beta ! Neues Design und mehr Geschwindigkeit

Mozilla veröffentlichte gestern (6 Jul) die neue beta Version des Firefox 4 für Windows, Mac und Linux. Version 4 .Der Aktuell beliebteste Browsers Welt weit bieten einige Neuerung, darunter bessere Unterstützung für HTML5 Performance Steigerung und ein neues Design (Aktuell nur für Windows). Weiter Features werden nach eigenen angaben demnächst noch folgen.

Grundlegende Neuerung in Firefox 4

neuer Add-Ons Manager (Bessere Unterstützung von Plugins ,Themes)
HD-Video Unterstützung (Hardware Beschleunigung für HD-Videos )
Verbesserung im Bereich Privatsphäre
Verbesserte Absturz Verwaltung
Performance Verbesserung (Seiten lade Zeit verkürzt)
HTML5 Unterstürzung verbessert

Eine vollständige Liste der neuen features findet ihr hier

http://www.mozilla.com/en-US/firefox/beta/technology/

Design

In der Aktuellen Beat Befinden sich die Tabs nun oberhalb der Navigationsleiste ,ähnlich wie bei Googles Chrome. Diese Neuanordnung lässt sich auf Wunsch auch wieder deaktivieren. Die Menüleiste wurde dafür durch einen einzigen "Firefox"-Button ersetzt. Ich persönlich empfinde das neue Ansehen durchaus übersichtlicher und benutzerfreundlicher.

Smart Location Bar

Neu ist auch der sogenannte "Smart Location Bar" der bei der Eingabe von Adressen in die Suchleiste auch automatisch bereits geöffnete tabs mit vorschlägt

WebSocket-Protokoll

Auch für Online-Anwendungen gibt es das neue WebSocket-Protokoll, was etwa für Browserspiele oder Chats interessant seien sollte. Aktuell findet man solche Funktionen nur bei Google Chrome oder Apple's Safari.

Firefox 4 Beta 1 kann Aktuell auf der Mozilla Homepage heruntergeladen werden ,steht aber momentan nur in Englischer sprachen zur Verfügung

Links & Download

Kostenlos & Legal Musik hören ! Besten Music On Demand Services

Musik aus dem Internet zu laden ist ja eigentlich nichts neues, dennoch hat sich die Musik Landschaft im Internet in den letzten Jahren sehr stark verändert. Neben altbekannten Services wie YouTube, LastFm & Myspace gibt es mittlerweile so einiges neues in der Musik Stream Landschaft Grooveshark, Deezer, Simfy wo es möglich ist Kostenlos und legal Musik zu hören .

Grooveshark

Grooveshark ist eine der größten , international verfügbaren Online-Communitys, die es Benutzern ermöglicht Musik mit Hilfe einer Suchmaschine zu suchen. Bei Grooveshark ist es darüber hinaus auch möglich neue Musik hochzuladen. Pro Monat werden rund 50 bis 60 Millionen Songs von mehr als 400.000 Hörern abgerufen.

http://listen.grooveshark.com/

Deezer

Musiktitel aller Stilrichtungen, von Rock über Jazz, Electro und Weltmusik bis hin zu Hip-Hop können hier frei, kostenlos und völlig legal gehört werden. Gleichzeitig kommen aber auch die Künstler und alle Rechteinhaber durch Beteiligungen an den Werbeeinnahmen auf ihre Kosten.

http://www.deezer.com/de/

Simfy

Simfy will Deine Musik befreien. Deswegen kannst Du bei simfy Deine komplette Musik einfach online speichern und von überall abrufen. Du kannst Deine Freunde einladen, mit ihnen gemeinsam Musik hören und ganz nebenbei neue Musik entdecken. Auf simfy kannst Du aber nicht nur Deine eigene Musik hören - zusätzlich hast Du freien Zugriff auf das Repertoire der großen Musiklabels und über 3 Millionen Titel.

http://www.simfy.de/

Web Fonts mit @font-face in CSS3 usign Google API

Die Idee das dass Schriftarten Server seitig intrigiert werde ist schon etwas älter . Mit CSS3 und @font-face ist dies nun aber möglich, es kommt aber noch zu erheblichen Kompatibilitäts-Problemen. Abhilfe schafft hier die Google Font API.

http://code.google.com/webfonts

zuerst lade ich eine Schriftart via CSS im header meiner Seite

(bsp. die Schriftart "Cantarell" )

http://code.google.com/webfonts/family?family=Cantarell#code

<link href=' http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>

Nun kann man schon seinen CSS Code bearbeiten und die Font Intrigieren

h1 { font-family: 'Cantarell', arial, serif; }

Das wahr eigentlich auch schon alles sollte mit Goolge ohne Probleme laufen. Eine weitere Variante wäre der Google WebFont Loader der dies mit einem Java Script löst.

   
<html>
  <head>
    <script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Tangerine', 'Cantarell' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
            '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })();
    </script>
    <style type="text/css">
      .wf-inactive p {
        font-family: serif
      }
      .wf-active p {
        font-family: 'Tangerine', serif
      }
      .wf-inactive h1 {
        font-family: serif;
        font-size: 16px
      }
      .wf-active h1 {
        font-family: 'Cantarell', serif;
        font-size: 16px
      }
    </style>
  </head>
  <body>
    <h1>This is using Cantarell</h1>
    <p>This is using Tangerine!</p>
  </body>
</html>

Nun kann man auch hier beginnen die Font via CSS zu laden. In diesem Fall bringt uns Google 2 classen mit wf-inactive and wf-active.

<style type="text/css">
  .wf-inactive p { // Show paragraphs in serif font until fonts have loaded.
    font-family: serif
  }
  .wf-active p { // Show paragraphs in Tangerine when the fonts have loaded.
    font-family: 'Tangerine', serif
  }
  .wf-inactive h1 { // Show heading in serif font until fonts have loaded.
    font-family: serif;
    font-size: 16px
  }
  .wf-active h1 { // Show heading in Cantarell when the fonts have loaded.
    font-family: 'Cantarell', serif;
    font-size: 16px
  }
</style>

Youtube startet Videos in 4.096 x 3.072 Pixeln

Firefox 4 Beta ! Neues Design und mehr Geschwindigkeit

Kostenlos & Legal Musik hören ! Besten Music On Demand Services

Web Fonts mit @font-face in CSS3 usign Google API

Recent posts

Tag's