cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <div class="aaa">
aaaaaa
</div>

<div class="bbb">
bbbbbbb
	<div class="bbb__inner">業績[編集]
あらゆる視点からの斬新なメディア論を展開。
「メディアはメッセージである」という主張。普通、メディアとは「媒体」を表すが、その時私たちはメディアによる情報伝達の内容に注目する。しかし、彼はメディアそれ自体がある種のメッセージ(情報、命令のような)を既に含んでいると主張した。例えば、同じニュース内容でもメディアが新聞か放送か週刊誌かネットかで受け止め方が違ってくる。
テクノロジーやメディアは人間の身体の「拡張」であるとの主張。自動車や自転車は足の拡張、ラジオは耳の拡張であるというように、あるテクノロジーやメディア(媒体)は身体の特定の部分を「拡張」する。しかし、単純に拡張だけが行われるのではなく、「拡張」された必然的帰結として衰退し「切断」を伴う。
他にも、「ホット」と「クール」なメディアという分類や、「メディアはメッセージである」というテレビメディア論、グローバルヴィレッジ(地球村)のような分析・視点など、実に様々な理論を展開している。
生前に、大衆雑誌や映画(例えばウディ・アレン監督の『アニー・ホール』)にも出演したため、「ポップカルチャーの大司祭」というような形容で言い表された。しかし、学者の間では賛否両論に分かれ、陶酔的に耳を傾ける者もいる一方で、実証的な検討なしの思いつきでしかないというような批判もされた。
息子のエリックとの共著『メディアの法則』によれば、どんな人工物も4つの局面の組み合わせ(Tetrad of media effects)からなる「メディアの法則」に従うという。
強化(enhances)=その人工物が強化したり、可能にしたり、加速するものは何か?
衰退(obsolesces)=それにより、追いやられ、廃れ、減るものは何か?
回復(retrieves)=かつてあった作用(action)や便宜(service)のうち、回復され、再現されるものは何か?
反転(reverses)=以前の状態が限界まで圧迫されると、もとの性質から反転したりはね返ったりすることがある。それはどのようなものか?</div>
</div>
            
          
!
            
              .aaa
	background-color: red
	width: 30%
	float: left
	height: calc(100% - 20px)
	
.bbb
	float: right
	background-color: yellow
	box-sizing: border-box
	width: 70%
	padding: 20px

	&__inner
		background-color: green
		column-count: 3
            
          
!
999px
Loading ..................

Console