Politics for the indifferent
from the 30th Chaos Communication Congress 30c3 - 

Alexa was one of the very few reporters at the military trial of Chelsea Manning (formerly Bradley Manning). 
Manning leaked US military and state documents to Wikileaks in 2010 and was sentenced to 35 years in prison this year. 
Alexa calls the trial "unfair and unjust". What were those leaks about exactly? 
How did the US government treat its whistleblowing prisoner? 
Why does a person who exposes war crimes go to jail while the war criminals do not? 
I asked Alexa about it.

Alexa online: www.alexaobrien.com / @carwinb

Subcribe to the Youtube channel! Check out more episodes in English http://bit.ly/1airQdt

Become fan of "Jung & Naiv" on Facebook! www.facebook.com/jungundnaiv
Follow Tilo on Twitter @TiloJung @JungNaiv

This conversation was recorded on December 28th, 2013 in Hamburg.

from the 30th Chaos Communication Congress 30c3 - 

Alexa was one of the very few reporters at the military trial of Chelsea Manning (formerly Bradley Manning). 
Manning leaked US military and state documents to Wikileaks in 2010 and was sentenced to 35 years in prison this year. 
Alexa calls the trial "unfair and unjust". What were those leaks about exactly? 
How did the US government treat its whistleblowing prisoner? 
Why does a person who exposes war crimes go to jail while the war criminals do not? 
I asked Alexa about it.

Alexa online: www.alexaobrien.com / @carwinb

Subcribe to the Youtube channel! Check out more episodes in English http://bit.ly/1airQdt

Become fan of "Jung & Naiv" on Facebook! www.facebook.com/jungundnaiv
Follow Tilo on Twitter @TiloJung @JungNaiv

This conversation was recorded on December 28th, 2013 in Hamburg.

Jung & Naiv

Politics for the indifferent

#105 - The leaks of Chelsea Manning - Alexa O Jung & Naiv (English Episode)

<p><strong>Tino und Stephan in Holland</strong>
</br>&nbsp;

            <div class="podlove-web-player intrinsic-ignore podlove-web-player-loading" id="player-66dfaf382df31"><root data-test="player--xl" style="max-width:950px;min-width:260px;">
  <div class="tablet:px-6 tablet:pt-6 mobile:px-4 mobile:pt-4 flex flex-col">
    <div class="flex-col items-center mobile:flex tablet:hidden">
      <show-title class="text-sm"></show-title>
      <episode-title class="text-base mb-2"></episode-title>
      <subscribe-button class="mb-4 mobile:flex tablet:hidden"></subscribe-button>
      <poster class="rounded-sm w-48 shadow overflow-hidden"></poster>
      <divider class="w-full my-6"></divider>
    </div>

    <div class="tablet:flex flex-grow">
      <div class="w-64 mobile:hidden tablet:block tablet:mr-6">
        <poster class="rounded-sm shadow overflow-hidden"></poster>
      </div>
      <div class="w-full">
        <div class="hidden tablet:block">
          <show-title class="text-base"></show-title>
          <episode-title class="text-xl desktop:text-2xl"></episode-title>
          <divider class="w-full my-4"></divider>
        </div>
        <div class="flex items-center justify-between">
          <div class="block">
            <play-state on="active">
              <speed-control class="flex items-center"></speed-control>
            </play-state>
          </div>

          <div class="flex">
            <play-state on="active">
              <chapter-previous class="mx-2 block"></chapter-previous>
            </play-state>
            <play-state on="active">
              <step-backward class="mx-2 block"></step-backward>
            </play-state>

            <play-button class="mx-2 block" :label="$t('PLAYER.PLAY_EPISODE')"></play-button>

            <play-state on="active">
              <step-forward class="mx-2 block"></step-forward>
            </play-state>
            <play-state on="active">
              <chapter-next class="mx-2 block"></chapter-next>
            </play-state>
          </div>

          <div class="block">
            <play-state on="active">
              <volume-control class="flex items-center"></volume-control>
            </play-state>
          </div>
        </div>
        <div class="flex w-full">
          <progress-bar></progress-bar>
        </div>
        <div class="flex w-full -mt-2">
          <div class="w-3/12 text-left">
            <timer-current class="text-sm"></timer-current>
          </div>
          <div class="w-6/12 text-center truncate">
            <play-state on="active">
              <current-chapter class="text-sm"></current-chapter>
            </play-state>
          </div>
          <div class="w-3/12 text-right">
            <timer-duration class="text-sm"></timer-duration>
          </div>
        </div>
      </div>
    </div>
    <divider class="w-full mt-6 mb-3"></divider>
    <div class="flex justify-between">
      <div class="flex mobile:w-full tablet:w-3/12 desktop:w-3/12 justify-between">
        <tab-trigger tab="chapters">
          <icon type="chapter"></icon>
        </tab-trigger>
        <tab-trigger tab="transcripts">
          <icon type="transcripts"></icon>
        </tab-trigger>
        <tab-trigger tab="files">
          <icon type="download"></icon>
        </tab-trigger>
        <tab-trigger tab="playlist">
          <icon type="playlist"></icon>
        </tab-trigger>
        <tab-trigger tab="share">
          <icon type="share"></icon>
        </tab-trigger>
      </div>
      <subscribe-button class="mt-1 mobile:hidden tablet:flex"></subscribe-button>
    </div>
  </div>
  <div class="w-full relative overflow-hidden">
    <tab name="chapters">
      <tab-chapters></tab-chapters>
    </tab>
    <tab name="transcripts">
      <tab-transcripts></tab-transcripts>
    </tab>
    <tab name="files">
      <tab-files></tab-files>
    </tab>
    <tab name="playlist">
      <tab-playlist></tab-playlist>
    </tab>
    <tab name="share">
      <tab-share></tab-share>
    </tab>
    <tab-overflow></tab-overflow>
  </div>
  <error></error>
</root>
</div>
            <script>
              document.addEventListener("DOMContentLoaded", function() {
                var player = document.getElementById("player-66dfaf382df31");
                podlovePlayerCache.add([{"url":"https:\/\/fotopodcast.de\/wp-json\/podlove-web-player\/shortcode\/publisher\/2601","data":{"version":5,"show":{"title":"fotopodcast.de","subtitle":"News und Tipps rund um die Fotografie","summary":"Der runde Tisch der Fotografie.\r\nErfahrungsaustausch, Anregungen, Tipps und News aus der Fotopraxis.","poster":"https:\/\/fotopodcast.de\/podlove\/image\/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f75706c6f6164732f323031372f30312f466f746f706f64636173742e6a7067\/500\/0\/0\/fotopodcast-de","link":"https:\/\/fotopodcast.de"},"title":"FPC113b - Guten Rutsch","subtitle":"Tino und Stephan in Holland","summary":"","publicationDate":"2013-12-30T11:27:39+01:00","duration":"00:09:45.353","poster":"https:\/\/fotopodcast.de\/podlove\/image\/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f75706c6f6164732f667063313133622e6a7067\/500\/0\/0\/b-guten-rutsch","link":"https:\/\/fotopodcast.de\/fpc113b\/","chapters":[],"audio":[{"url":"https:\/\/chrt.fm\/track\/DD7GD2\/fotopodcast.de\/podlove\/file\/2293\/s\/webplayer\/c\/website\/fpc113b.mp3","size":"9456155","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"https:\/\/chrt.fm\/track\/DD7GD2\/fotopodcast.de\/podlove\/file\/2293\/s\/webplayer\/fpc113b.mp3","size":"9456155","title":"MP3 (128 KBit\/s)","mimeType":"audio\/mpeg"},{"url":"https:\/\/chrt.fm\/track\/DD7GD2\/fotopodcast.de\/podlove\/file\/2292\/s\/webplayer\/fpc113b.mp3","size":"4772713","title":"MP3 (64 KBit\/s)","mimeType":"audio\/mpeg"}],"contributors":[{"id":"5","name":"Stephan","avatar":"https:\/\/fotopodcast.de\/podlove\/image\/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f75706c6f6164732f323031392f30382f42696c6473636869726d666f746f2d323031392d30382d31312d756d2d31342e34362e30302d313030783130302e706e67\/150\/150\/0\/stephan","role":{"id":"1","slug":"moderator","title":"Moderator"},"group":null,"comment":null},{"id":"7","name":"Tino","avatar":"https:\/\/fotopodcast.de\/podlove\/image\/687474703a2f2f7777772e74727562656c2e64652f6176617461722e6a7067\/150\/150\/0\/tino","role":{"id":"1","slug":"moderator","title":"Moderator"},"group":null,"comment":null}]}}, {"url":"https:\/\/fotopodcast.de\/wp-json\/podlove-web-player\/shortcode\/config\/default\/theme\/default","data":{"activeTab":null,"subscribe-button":null,"share":{"channels":["facebook","whats-app","linkedin","pinterest","xing","mail","link"],"outlet":"https:\/\/fotopodcast.de\/wp-content\/plugins\/podlove-web-player\/web-player\/share.html","sharePlaytime":true},"related-episodes":{"source":"show","value":null},"version":5,"playlist":"https:\/\/fotopodcast.de\/wp-json\/podlove-web-player\/shortcode\/show\/","theme":{"tokens":{"brand":"#E64415","brandDark":"#807E7C","brandDarkest":"#b92432","brandLightest":"#E1E1E1","shadeDark":"#807E7C","shadeBase":"#807E7C","contrast":"#000","alt":"#fff"},"fonts":{"ci":{"name":"ci","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":800},"regular":{"name":"regular","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":300},"bold":{"name":"bold","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":700}}},"base":"https:\/\/fotopodcast.de\/wp-content\/plugins\/podlove-web-player\/web-player\/"}}]);
                podlovePlayer(player, "https://fotopodcast.de/wp-json/podlove-web-player/shortcode/publisher/2601", "https://fotopodcast.de/wp-json/podlove-web-player/shortcode/config/default/theme/default").then(function() {
                  player && player.classList.remove("podlove-web-player-loading");
                });
              });
            </script>
            
        
<br>
Tino und Stephan waren in Holland bei Foto Konijnenberg. Auf der Rückfahrt haben wir schnell ein paar Worte aufgenommen und wünschen Euch einen guten Rutsch ins neue Jahr.</br>
</br>
Dir hat die Folge gefallen, du hast eine Anregung zu dieser oder Wünsche für kommende Folgen? Wir freuen uns über konstruktive Kritik, Feedback, Ideen und natürlich auch über Lob. <a href="https://fotopodcast.de/fpc113b/#respond">Hinterlasse uns doch gerne einen Kommentar - denn nur so können wir gemeinsam besser werden.</a>
</br>
</br>
Social Media:
<ul class="podcast_services">
	<li>
    	<a href="https://podcasts.social/@fotopodcast" title="Mastodon Account (URL)">
			
<img decoding="async" alt="Mastodon Icon" width="16" src="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6d6173746f646f6e2e706e67/16/0/0/mastodon" srcset="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6d6173746f646f6e2e706e67/16/0/0/mastodon 1x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6d6173746f646f6e2e706e67/32/0/0/mastodon 2x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6d6173746f646f6e2e706e67/48/0/0/mastodon 3x"/>
 Mastodon
        </a>
    </li>
	<li>
    	<a href="https://facebook.com/fotopodcast.de" title="Facebook Account">
			
<img decoding="async" alt="fotopodcast.de Icon" width="16" src="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f66616365626f6f6b2e706e67/16/0/0/facebook" srcset="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f66616365626f6f6b2e706e67/16/0/0/facebook 1x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f66616365626f6f6b2e706e67/32/0/0/facebook 2x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f66616365626f6f6b2e706e67/48/0/0/facebook 3x"/>
 fotopodcast.de
        </a>
    </li>
	<li>
    	<a href="mailto:info [ät] fotopodcast [punkt] de" title="Email">
			
<img decoding="async" alt="Email Icon" width="16" src="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f656d61696c2e706e67/16/0/0/email" srcset="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f656d61696c2e706e67/16/0/0/email 1x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f656d61696c2e706e67/32/0/0/email 2x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f656d61696c2e706e67/48/0/0/email 3x"/>
 Email
        </a>
    </li>
	<li>
    	<a href="https://instagram.com/fotopodcast" title="Instagram Account">
			
<img decoding="async" alt="Instagram Icon" width="16" src="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f696e7374616772616d2e706e67/16/0/0/instagram" srcset="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f696e7374616772616d2e706e67/16/0/0/instagram 1x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f696e7374616772616d2e706e67/32/0/0/instagram 2x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f696e7374616772616d2e706e67/48/0/0/instagram 3x"/>
 Instagram
        </a>
    </li>
	<li>
    	<a href="https://de.linkedin.com/in/fotopodcast-redaktionsteam" title="Linkedin URL">
			
<img decoding="async" alt="LinkedIn Icon" width="16" src="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6c696e6b6564696e2e706e67/16/0/0/linkedin" srcset="https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6c696e6b6564696e2e706e67/16/0/0/linkedin 1x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6c696e6b6564696e2e706e67/32/0/0/linkedin 2x, https://fotopodcast.de/podlove/image/68747470733a2f2f666f746f706f64636173742e64652f77702d636f6e74656e742f706c7567696e732f706f646c6f76652d706f6463617374696e672d706c7567696e2d666f722d776f726470726573732f6c69622f6d6f64756c65732f736f6369616c2f696d616765732f69636f6e732f6c696e6b6564696e2e706e67/48/0/0/linkedin 3x"/>
 LinkedIn
        </a>
    </li>
</ul>


<h5>Teilnehmer:</h5> 


	<ul>
									<li>
					<strong>Stephan</strong>
										<ul>
													<li>
								<a href="https://twitter.com/macwillis">Twitter</a>
							</li>
													<li>
								<a href="https://secure.flickr.com/photos/macwillis">Flickr</a>
							</li>
													<li>
								<a href="javascript:DeCryptX('3s0h2q3w3r3C0s2v3h3s1i0a1o2/2n2k1u0s1d2j2m2g0.0d0e')">Email</a>
							</li>
													<li>
								<a href="https://stephan-litschke.de">Website</a>
							</li>
													<li>
								<a href="https://facebook.com/stephan.litschke">Facebook</a>
							</li>
																														</ul>
				</li>
												<li>
					<strong>Tino</strong>
										<ul>
													<li>
								<a href="https://secure.flickr.com/photos/tinotrubel">Flickr</a>
							</li>
													<li>
								<a href="https://www.tino-trubel.de">Meine Homepage</a>
							</li>
													<li>
								<a href="https://facebook.com/tino.trubel">Facebook</a>
							</li>
													<li>
								<a href="https://instagram.com/tinovechta">Instagram</a>
							</li>
													<li>
								<a href="https://twitter.com/tinovechta">Twitter</a>
							</li>
																														</ul>
				</li>
						</ul>


<br>
<br>
<span style="color: #999999;"><span style="font-size:75%;">
Produktlinks zu Amazon.de weden durch das Amazon PartnerNet unterstüzt (Affiliate).
Durch den Kauf über einen solchen Link unterstützt du den Fotopodcast.de damit die laufenden Kosten bezahlt werden können, dir selbst enstehen keine Kosten!!!</br>
</span></span></p>


fotopodcast.de (News und Tipps rund um die Fotografie - Alle Folgen)

Tino und Stephan in Holland

FPC113b - Guten Rutsch

<p>Kurz vor Weihnachten plauderten Rodney und Peter über den neuesten CSS-Präprozessor (den niemand benutzen sollte) und statische Webseiten.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:24] <a href="http://www.myth.io/">Myth</a></dt>
<dd>Myth ist ein CSS-Präprozessor, der sich als CSS-Polyfill verkauft, dabei aber den Verkaufs-Part wesentlich besser macht als den Polyfill-Part. Rodney macht eins der Probleme darin aus, dass man nicht mehr erkennen kann, ob CSS/Myth-Code vom Browser oder vom Präprozessor verarbeitet wird. Das ist besonders problematisch, da Myth z.B. Variablen nur in der Syntax <a href="http://www.w3.org/TR/css-variables-1/">dem Standard</a> nachempfindet und nicht die Kaskade berücksichtigt (<a href="https://hacks.mozilla.org/2013/12/css-variables-in-firefox-nightly/">siehe</a> <a href="https://hacks.mozilla.org/2013/12/css-variables-in-firefox-nightly/">auch</a>). Das wiederum verhindert, dass man die richtigen CSS-Vars überhaupt nutzt. Die sind ggf. sehr nutzenswert, auch wenn Rodney in den aktuellen Browsern noch einige Bugs ausfindig gemacht hat. Die Zusamenfasung (<a href="http://blog.rodneyrehm.de/archives/30-CSS-Polyfill-Preprocessor-Its-A-Myth.html">hier aus Rodneys Feder in lang</a>): Myth sollte man dringend ignorieren und keinesfalls benutzen.</dd>
<dt>[00:35:05] <a href="http://www.typeandgrids.com/blog/goodbye-wordpress-2014-will-be-the-year-of-flat-file-cmses">Goodbye WordPress: 2014 Will Be the Year of Flat-File CMSes — Type &#038; Grids</a></dt>
<dd>Jeremiah Shoaf lässt einen Abgesang auf fette CMS vom Stapel, in den Rodney und Peter eingeschränkt einstimmen. Peters hatte in der Vergangenheit PHP-Monstren wie WordPress und <a href="http://modx.com/">ModX</a> im Einsatz und will aus Performance-, Sicherheits- und Genervtheitsgründen schleunigst zurück zu einer statischen Seite. Rodneys Seite besteht schon aus einem Kirby-ähnlichem Eigenbau-Produkt, während sein Blog noch <a href="http://www.s9y.org/">Serendipity</a> nutzt. Das große Problem für das Statische-Seiten-Jahr 2014 machen wir darin aus, Nicht-Nerds das Konzept zu verkaufen&nbsp;&hellip;</dd>
</dl>
<h3>[00:45:32] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://github.com/addyosmani/es6-tools">addyosmani/es6-tools</a></dt>
<dd>Echte JS-Hipster benutzen schon ES6 bevor es Standard ist.</dd>
<dt><a href="http://tobiasahlin.com/spinkit/">SpinKit</a></dt>
<dd>Was früher das Ajax-Gif war macht man heute mit CSS.</dd>
<dt><a href="http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php">How Do Users Really Hold Mobile Devices?</a></dt>
<dd>Interessante Erkenntnisse.</dd>
<dt><a href="http://www.youtube.com/watch?v=NTJUFQmHbvc">Lea Verou: CSS in the 4th Dimension</a></dt>
<dd>Leicht bekömmlicher Rundumschlag zum Thema Animationen und Transitions.</dd>
<dt><a href="https://github.com/use-init/generator-init">generator-init</a></dt>
<dd>Ein Yeoman-Generator für <a href="http://use-init.com/">INIT</a>.</dd>
</dl>


Kurz vor Weihnachten plauderten Rodney und Peter über den neuesten
CSS-Präprozessor (den niemand benutzen sollte) und statische Webseiten.


SCHAUNOTIZEN

[00:00:24] MYTH

Myth ist ein CSS-Präprozesso…

Working Draft

Kurz vor Weihnachten plauderten Rodney und Peter über den neuesten
CSS-Präprozessor (den niemand benutzen sollte) und statische Webseiten.


SCHAUNOTIZEN

[00:00:24] MYTH

Myth ist ein CSS-Präprozessor, der sich als CSS-Polyfill verkauft, dabei aber
den Verkaufs-Part wesentlich besser macht als den Polyfill-Part. Rodney macht
eins der Probleme darin aus, dass man nicht mehr erkennen kann, ob CSS/Myth-Code
vom Browser oder vom Präprozessor verarbeitet wird. Das ist besonders
problematisch, da Myth z.B. Variablen nur in der Syntax dem Standard
nachempfindet und nicht die Kaskade berücksichtigt (siehe auch). Das wiederum
verhindert, dass man die richtigen CSS-Vars überhaupt nutzt. Die sind ggf. sehr
nutzenswert, auch wenn Rodney in den aktuellen Browsern noch einige Bugs
ausfindig gemacht hat. Die Zusamenfasung (hier aus Rodneys Feder in lang): Myth
sollte man dringend ignorieren und keinesfalls benutzen.

[00:35:05] GOODBYE WORDPRESS: 2014 WILL BE THE YEAR OF FLAT-FILE CMSES — TYPE &
GRIDS

Jeremiah Shoaf lässt einen Abgesang auf fette CMS vom Stapel, in den Rodney und
Peter eingeschränkt einstimmen. Peters hatte in der Vergangenheit PHP-Monstren
wie WordPress und ModX im Einsatz und will aus Performance-, Sicherheits- und
Genervtheitsgründen schleunigst zurück zu einer statischen Seite. Rodneys Seite
besteht schon aus einem Kirby-ähnlichem Eigenbau-Produkt, während sein Blog noch
Serendipity nutzt. Das große Problem für das Statische-Seiten-Jahr 2014 machen
wir darin aus, Nicht-Nerds das Konzept zu verkaufen …


[00:45:32] KEINE SCHAUNOTIZEN

ADDYOSMANI/ES6-TOOLS

Echte JS-Hipster benutzen schon ES6 bevor es Standard ist.

SPINKIT

Was früher das Ajax-Gif war macht man heute mit CSS.

HOW DO USERS REALLY HOLD MOBILE DEVICES?

Interessante Erkenntnisse.

LEA VEROU: CSS IN THE 4TH DIMENSION

Leicht bekömmlicher Rundumschlag zum Thema Animationen und Transitions.

GENERATOR-INIT

Ein Yeoman-Generator für INIT.

Revision 151: Myth, statische Seiten, Links

<p>Das 150er-Jubiläum geriet aufgrund von Themen- und Personalmangel sowie leichter Verpestung seitens Peters etwas kurz. Da konnte auch der eigentlich sehr motivierte Schepp nicht mehr viel ausrichten.</p>
<h3>[00:00:37] News</h3>
<dl>
<dt><a href="http://mcc.id.au/blog/2013/12/variables">CSS-Variablen im Firefox</a></dt>
<dd>In der endgültigen Standard-Fassung.</dd>
</dl>
<h3>[00:01:31] Glücksrad</h3>
<dl>
<dt><a href="http://www.whatwg.org/specs/web-apps/current-work/#the-colgroup-element">Das colgroup-Element</a></dt>
<dd>Wir quasseln etwas über das unterbewertete colgroup-Element und über die ähnlich unterbewerteten <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-col-element">col-</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-caption-element">caption-</a> und <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-tbody-element">tbody</a>-Elemente. Durch CSS3-Selektoren wie die <a href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">nth-child-Pseudoklasse</a> erachten wir <code>colgroup</code> und <code>col</code> für weitgehend überflüssig und anstelle von <code>caption</code> sollte man in der HTML5-Ära wohl auch besser zum <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-figure-element">figure-Element</a> greifen. Und auch über den Wechsel von Selfhtml zu <a href="http://developers.whatwg.org/">developers.whatwg.org</a> kann man mal nachdenken. Zum Schluss ranten wir noch in guter Tradition etwas über Mobile-Browser.</dd>
</dl>
<h3>[00:14:01] Keine Schaunotizen</h3>
<dl>
<dt><a href="http://dev.tutsplus.com/articles/what-you-may-not-know-about-the-z-index-property--webdesign-16892">What You May Not Know About the Z-Index Property</a></dt>
<dd>Nicht-offensichtliches zum Z-Index.</dd>
<dt><a href="http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/">jquery.adaptive-backgrounds.js</a></dt>
<dd><i lang="en">A jQuery plugin for extracting dominant colors from images and applying it to its parent</i>.</dd>
<dt><a href="http://blogs.msdn.com/b/ie/archive/2013/12/12/understanding-the-real-world-performance-of-your-web-application-across-ie11-and-other-browsers.aspx">Understanding the Real-World Performance of your Web Application Across IE11 and Other Browsers</a></dt>
<dd>Im Prinzip ein Tutorial für die verschiedenen Performance-APIs in IE11 und einigen anderen Browsern.</dd>
<dt><a href="http://www.html5rocks.com/en/tutorials/es6/promises/">JavaScript Promises &#8211; There and back again</a></dt>
<dd>Jake Archibald erklärt <em>alles</em> was es zum Thema Promises zu wissen gibt.</dd>
<dt><a href="https://github.com/elmarburke/hoodie-plugin-angularjs">hoodie-plugin-angularjs</a></dt>
<dd>Verheiratet Hoodie mit AngularJS.</dd>
</dl>


Das 150er-Jubiläum geriet aufgrund von Themen- und Personalmangel sowie leichter
Verpestung seitens Peters etwas kurz. Da konnte auch der eigentlich sehr
motivierte Schepp nicht mehr viel ausrichten.
…

Das 150er-Jubiläum geriet aufgrund von Themen- und Personalmangel sowie leichter
Verpestung seitens Peters etwas kurz. Da konnte auch der eigentlich sehr
motivierte Schepp nicht mehr viel ausrichten.


[00:00:37] NEWS

CSS-VARIABLEN IM FIREFOX

In der endgültigen Standard-Fassung.


[00:01:31] GLÜCKSRAD

DAS COLGROUP-ELEMENT

Wir quasseln etwas über das unterbewertete colgroup-Element und über die ähnlich
unterbewerteten col-, caption- und tbody-Elemente. Durch CSS3-Selektoren wie die
nth-child-Pseudoklasse erachten wir colgroup und col für weitgehend überflüssig
und anstelle von caption sollte man in der HTML5-Ära wohl auch besser zum
figure-Element greifen. Und auch über den Wechsel von Selfhtml zu
developers.whatwg.org kann man mal nachdenken. Zum Schluss ranten wir noch in
guter Tradition etwas über Mobile-Browser.


[00:14:01] KEINE SCHAUNOTIZEN

WHAT YOU MAY NOT KNOW ABOUT THE Z-INDEX PROPERTY

Nicht-offensichtliches zum Z-Index.

JQUERY.ADAPTIVE-BACKGROUNDS.JS

A jQuery plugin for extracting dominant colors from images and applying it to
its parent.

UNDERSTANDING THE REAL-WORLD PERFORMANCE OF YOUR WEB APPLICATION ACROSS IE11 AND
OTHER BROWSERS

Im Prinzip ein Tutorial für die verschiedenen Performance-APIs in IE11 und
einigen anderen Browsern.

JAVASCRIPT PROMISES – THERE AND BACK AGAIN

Jake Archibald erklärt alles was es zum Thema Promises zu wissen gibt.

HOODIE-PLUGIN-ANGULARJS

Verheiratet Hoodie mit AngularJS.

Revision 150: Kurz-Jubiläum mit News, Glücksrad und Links

<p></p>
<p>Spontan haben wir beim 30c3 haben im Studio des <a href="http://twitter.com/sendezentrum">Sendezentrums</a> einen Podcast aufgenommen. Wir riefen die wunderbare Laura Dornheim (@schwazblond) und den großartigen Jürgen Geuter (@tante) zusammen und haben den CCC einfach mal auf die Couch gelegt.</p>
<p><a href="http://www.flickr.com/photos/schattenraum/11660367106/" title="Wir müssen reden by philipsteffan, on Flickr"><img loading="lazy" decoding="async" src="http://farm4.staticflickr.com/3800/11660367106_aeb08ac91a_z.jpg" width="640" height="424" alt="Wir müssen reden"></a></p>
<p>Foto: <a href="http://www.flickr.com/photos/schattenraum/">Philip Steffan</a></p>
<p>Danke für die Shownotes an: <a href="https://twitter.com/Mashehu">@mashehu</a>, <a href="https://alpha.app.net/blumenkraft">@blumenkraft</a>, <a href="https://twitter.com/mlp_bigmcintosh">@BigMcIntosh</a> und <a href="https://twitter.com/antonioinotna">@antonioinotna</a></p>
<ul>
<li>Anfang  </li>
<li>Heute vom 30c3  </li>
<li>Mit <a href="http://twitter.com/schwarzblond">@schwarzblond</a></li>
<li>Mit <a href="http://twitter.com/tante">@tante</a> (war beim <a href="http://www.neunetz.com/2013/12/06/neunetzcast-30-hier-unterschreiben-und-alles-wird-gut/">Neunetzcast</a>)  </li>
<li><a href="http://die-sondersendung.de">aus dem Sendendezentrum der Sondersendung</a>  </li>
<li><a href="http://www.startnext.de/ctrlverlust/blog/?bid=25504">Michi hat   erfolgreich per Crowdfunding sein kommendes Buch &#8222;Das Neue Spiel &#8211; nach dem Kontrollverlust&#8220; finanziert</a>  </li>
<li>8000 Euro schon nach wenigen Stunden erreicht!  </li>
</ul>
<h2><a href="http://de.wikipedia.org/wiki/30C3">30. Chaos Communication Congress</a> <code>00:09:24</code></h2>
<ul>
<li><a href="http://www.google.com/glass/start/">Google Glass</a>  </li>
<li><a href="http://en.wikipedia.org/wiki/Memoto">Memoto</a>  </li>
<li><a href="https://events.ccc.de/congress/2013/Fahrplan/events/5537.html">Google Glass Talk</a>  </li>
<li>Tantes Lieblingstalk: &#8222;No Neutral Ground in a Burning World&#8220; von Eleanor Saitta und Quinn Norton  </li>
<li><a href="http://events.ccc.de/congress/2013/Fahrplan/events/5604.html">Max Lieblingstalk: &#8222;Seeing The Secret State: Six Landscapes&#8220; von Trevor Paglen zum Überwachen der Überwacher: Tracking von Geheimdienstsatelliten und geheimen Footballteams</a>  </li>
<li><a href="http://en.wikipedia.org/wiki/Countersurveillance">Counter Surveillance</a>  </li>
<li><a href="http://www.woz.ch/1349/gegenspionage/der-ueberwachte-ueberwacher">Schweizer Journalisten überwachen Schweizer Geheimdienstchef</a>  </li>
<li><a href="http://www.youtube.com/watch?v=xEJIR0-KJu0">Keynote von Glenn Greenwald</a>  </li>
<li><a href="http://www.zeit.de/digital/internet/2013-12/glenn-greenwald-journalismus-debatte">Zeit stößt Debatte um die Haltung Greenwalds an; kann man Journalist und Aktivist gleichzeitig sein?</a>  </li>
<li><a href="http://de.wikipedia.org/wiki/Paul_Watzlawick">Man kann nicht nicht Kommunizieren</a>  </li>
<li><a href="http://storify.com/stkonrath/should-a-journalist-take-sides-response-to-glenn-g">Storify zur Twitter-Diskussion zwischen Greenwald, Biermann, Leopold und anderen</a>  </li>
<li>&#8222;Greenwald ist die Stimme Snowdens&#8220; (Max)  </li>
<li>&#8222;Wir können die NSA mit Pathos nicht erschlagen&#8220; (mspro)  </li>
<li><a href="http://www.youtube.com/watch?v=td0em-CxTyU">Die Eröffnungsrede von Tim Pritlove</a>  </li>
<li>Viele Vorträge haben ein &#8222;After Snowden&#8220; Wording bekommen, kommen aber eigentlich nur bis zu &#8222;While Snowden&#8220; (tante)  </li>
<li>Michi fühlt Carpe-Diem-Stimmung auf dem Kongress, hat noch nie so viele tanzende Nerds gesehen – obwohl das Jahr von schlechten Botschaften und verlorenen Kämpfen geprägt war. &#8222;Tanz auf dem Vulkan (Michi)  </li>
<li><a href="http://www.youtube.com/watch?v=p56aVppK2W4">&#8222;Bullshit made in Germany&#8220; Vortrag von Linus Neumann</a>  </li>
<li><a href="https://alpha.app.net/linuzifer">Linus Neumann</a>  </li>
<li><a href="http://events.ccc.de/congress/2013/Fahrplan/events/5339.html">Vortrag &#8222;The year in crypto&#8220; von Nadja Heniger, djb und Tanja Lange</a>  </li>
<li><a href="http://events.ccc.de/congress/2013/Fahrplan/events/5611.html">Vortrag von Aram Bartholl &#8222;Hello World!&#8220;</a>
<ul>
<li><a href="http://de.wikipedia.org/wiki/Aram_Bartholl">Aram Bartholl</a></li>
</ul>
</li>
<li><a href="https://events.ccc.de/congress/2013/Fahrplan/events/5447.html">Vortrag &#8222;Policing the Romantic Crowds&#8220;</a>  </li>
<li><a href="http://www.youtube.com/watch?v=2Bkpitdl95I">Michis Lieblingstalk: &#8222;Überwachen und Sprache&#8220; von josch</a>  </li>
<li><a href="http://de.wikipedia.org/wiki/Kollokation">Kollokation</a>  </li>
<li><a href="http://rebellmarkt.blogger.de/">Don Alphonso</a>  </li>
<li><a href="http://blog.fefe.de/">Fefes Blog</a>  </li>
<li><a href="http://blog.refefe.de">Linus Talk über Re:Fefe</a>  </li>
<li><a href="http://events.ccc.de/congress/2013/Fahrplan/events/5608.html">CCC Jahresrückblick mit Linus Neumann, Frank Rieger und Constanze Kurz</a>  </li>
<li><a href="http://freiheitstattangst.de">Freiheit statt Angst</a>  </li>
<li><a href="https://events.ccc.de/congress/2013/Fahrplan/events/5397.html">Assanges Vortrag auf dem 30C3</a>  </li>
<li><a href="http://de.wikipedia.org/wiki/Julian_Assange">Juilian Assange</a>  </li>
<li><a href="http://de.wikipedia.org/wiki/Minority_Report">Pre Crime</a>  </li>
<li><a href="http://www.wauland.de/">Wau Holland Stiftung</a>  </li>
<li><a href="https://events.ccc.de/congress/2013/Fahrplan/events/5601.html">Jan Philipp Albrecht Vortrag EUDataP: State of the Union</a>  </li>
<li><a href="http://de.wikipedia.org/wiki/Datenschutz-Grundverordnung">EU Datenschutz-Grundverordnung</a>  </li>
<li><a href="http://eudatenschutz.tumblr.com/">@tantes Blog zur EU Datenschutz-Grundverordnung</a>  </li>
</ul>
<h2>(kurzzeitige) Änderung des Blockverhaltens von Twitter <code>01:14:05</code></h2>
<ul>
<li><a href="https://twitter.com/blockempfehlung">Blockempfehlung</a>  </li>
<li><a href="http://www.mirror.co.uk/news/world-news/justine-sacco-tweet-going-africa-2950100">Going to Africa. Hope I don&#8217;t get AIDS. Just kidding. I&#8217;m white!&#8216;</a>  </li>
<li><a href="https://twitter.com/cjakubetz/status/416540895660756992">Link aus dem Chat</a>  </li>
<li><a href="http://www.vice.com/de/read/25-hashtags-die-du-an-holocaust-gedenksttten-nicht-verwenden-solltest">Viceartikel über Selfies auf Holocaustgedenkstätten</a><br />
<a href="http://wmr.343max.de/wp-content/uploads/sites/3/2013/12/Bcqa2oZIUAA-JbR.jpg"><img loading="lazy" decoding="async" src="http://wmr.343max.de/wp-content/uploads/sites/3/2013/12/Bcqa2oZIUAA-JbR.jpg" alt="Bcqa2oZIUAA-JbR" width="960" height="1280" class="alignnone size-full wp-image-966" srcset="https://wir.muessenreden.de/wp-content/uploads/sites/3/2013/12/Bcqa2oZIUAA-JbR.jpg 960w, https://wir.muessenreden.de/wp-content/uploads/sites/3/2013/12/Bcqa2oZIUAA-JbR-225x300.jpg 225w, https://wir.muessenreden.de/wp-content/uploads/sites/3/2013/12/Bcqa2oZIUAA-JbR-768x1024.jpg 768w" sizes="(max-width: 960px) 100vw, 960px" /></a></li>
</ul>
<h2>Zusammenfassung, wie gefällt denn der 30c3? <code>01:42:44</code></h2>
<ul>
<li>&#8222;Alles wird gut&#8220; (Michael)  </li>
<li>tante macht beim 31C3 Waffeln  </li>
</ul>
<h2>Ende <code>01:45:16</code></h2>
<p></p>


Wir. Müssen Reden

WMR76 - Bombe, Bombe, Djihad, YOLO

CCC für Desinteressierte
CCC für Desinteressierte: Zu Besuch auf dem 30. Chaos Communication Congress #30c3 - Alle Folgen vom 30c3 als Playlist http://bit.ly/1g0SNGC

Folge 104 mit IT-Sicherheitsexperte Felix "Fefe" von Leitner über seinen Blog, Fnords, den CCC, die Vorratsdatenspeicherung & Überwachung, die neue große Koalition und Landwirtschaftsminister & Neofeminist Hans-Peter Friedrich (http://youtu.be/ehBPGxDZweY)

blog.fefe.de

Abonniert den Youtube-Kanal. Ihr könnt auch Fan von "Jung & Naiv" auf Facebook werden https://www.facebook.com/jungundnaiv


Aufnahme vom 28.12.2013

CCC für Desinteressierte: Zu Besuch auf dem 30. Chaos Communication Congress #30c3 - Alle Folgen vom 30c3 als Playlist http://bit.ly/1g0SNGC

Folge 104 mit IT-Sicherheitsexperte Felix "Fefe" von Leitner über seinen Blog, Fnords, den CCC, die Vorratsdatenspeicherung & Überwachung, die neue große Koalition und Landwirtschaftsminister & Neofeminist Hans-Peter Friedrich (http://youtu.be/ehBPGxDZweY)

blog.fefe.de

Abonniert den Youtube-Kanal. Ihr könnt auch Fan von "Jung & Naiv" auf Facebook werden https://www.facebook.com/jungundnaiv


Aufnahme vom 28.12.2013

CCC für Desinteressierte

#104 - Fefe - Jung & Naiv

CCC für Desinteressierte
CCC für Desinteressierte: Zu Besuch auf dem 30. Chaos Communication Congress #30c3 - Alle Folgen vom 30c3 als Playlist http://bit.ly/1g0SNGC

Folge 103 mit dem Europaabgeordneten der Grünen, Jan Philipp Albrecht: Was hat ein Politiker eigentlich beim Chaos Computer Club verloren? Warum ist der #30c3 politisch? Und wie hält es Jan mit diesem ominösen Datenschutz - geht mich das was an?

Jan im Netz: www.janalbrecht.eu

Abonniert den Youtube-Kanal. Ihr könnt auch Fan von "Jung & Naiv" auf Facebook werden https://www.facebook.com/jungundnaiv


Aufnahme vom 28.12.2013

CCC für Desinteressierte: Zu Besuch auf dem 30. Chaos Communication Congress #30c3 - Alle Folgen vom 30c3 als Playlist http://bit.ly/1g0SNGC

Folge 103 mit dem Europaabgeordneten der Grünen, Jan Philipp Albrecht: Was hat ein Politiker eigentlich beim Chaos Computer Club verloren? Warum ist der #30c3 politisch? Und wie hält es Jan mit diesem ominösen Datenschutz - geht mich das was an?

Jan im Netz: www.janalbrecht.eu

Abonniert den Youtube-Kanal. Ihr könnt auch Fan von "Jung & Naiv" auf Facebook werden https://www.facebook.com/jungundnaiv


Aufnahme vom 28.12.2013

PODLIST

Neue Episoden

30/12/2013

#105 - The leaks of Chelsea Manning - Alexa O Jung & Naiv (English Episode)

Jung & Naiv

#105 - The leaks of Chelsea Manning - Alexa O Jung & Naiv (English Episode)

Jung & Naiv

#105 - The leaks of Chelsea Manning - Alexa O Jung & Naiv (English Episode)

Jung & Naiv

FPC113b - Guten Rutsch

fotopodcast.de (News und Tipps rund um die Fotografie - Alle Folgen)

29/12/2013

Revision 151: Myth, statische Seiten, Links

Working Draft

Revision 150: Kurz-Jubiläum mit News, Glücksrad und Links

Working Draft

WMR76 - Bombe, Bombe, Djihad, YOLO

Wir. Müssen Reden

#104 - Fefe - Jung & Naiv

Jung & Naiv

#104 - Fefe - Jung & Naiv

Jung & Naiv

#104 - Fefe - Jung & Naiv

Jung & Naiv

#103 - Was geht mich denn Datenschutz an? - Jan Philipp Albrecht (Die Grünen) - Jung & Naiv

Jung & Naiv

#103 - Was geht mich denn Datenschutz an? - Jan Philipp Albrecht (Die Grünen) - Jung & Naiv

Jung & Naiv